{ "defaultMode": "light", "global": { "backgrounds": { "datawave-green-1": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/AdobeStock-57301038_800_0_72_RGB+19849.jpg)", "datawave-green-2": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/AdobeStock_222468625_800_0_72_RGB+19870.jpg)", "datawave-multi-1": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/AdobeStock-257301038_800_0_72_RGB+19842.jpg)", "datawave-multi-2": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/HPE_data_satin_01_800_0_72_RGB+20062.jpg)", "datawave-multi-3": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/HPE_data_satin_02_800_0_72_RGB+20061.jpg)", "datawave-multi-4": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/HPE_data_slice_01_800_0_72_RGB+20107.jpg)", "datawave-multi-5": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/HPE_data_slice_02_800_0_72_RGB+20106.jpg)", "datawave-multi-6": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/HPE_data_slice_03_800_0_72_RGB+20105.jpg)", "datawave-white-1": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1135685131_800_0_72_RGB+19858.jpg)", "datawave-white-2": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1278457196_800_0_72_RGB+19857.jpg)", "datawave-white-3": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1304863046_800_0_72_RGB+19856.jpg)", "datawave-white-4": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-978721396_800_0_72_RGB+19859.jpg)", "light-shadow-1": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1135685107_800_0_72_RGB+19853.jpg)", "light-shadow-2": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1135685108_800_0_72_RGB+19852.jpg)", "light-shadow-3": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1135685118_800_0_72_RGB+19854.jpg)", "light-shadow-4": "url(https://d3hq6blov2iije.cloudfront.net/images/textures/GettyImages-1190757657_800_0_72_RGB+19855.jpg)", "orange-yellow": "linear-gradient(\n 45deg,\n hsl(22deg 100% 50%) 0%,\n hsl(34deg 100% 50%) 50%,\n hsl(46deg 100% 50%) 100%\n );", "purple-blue": "linear-gradient(\n 45deg,\n hsl(281deg 100% 63%) 1%,\n hsl(227deg 83% 58%) 50%,\n hsl(174deg 69% 53%) 99%\n );", "purple-blue-yellow": "linear-gradient(\n 225deg,\n hsl(263deg 82% 55%) 0%,\n hsl(196deg 72% 53%) 25%,\n hsl(171deg 80% 63%) 50%,\n hsl(138deg 93% 68%) 75%,\n hsl(47deg 99% 50%) 100%\n );", "purple-magenta-yellow": "linear-gradient(\n 45deg,\n hsl(274deg 100% 50%) 0%,\n hsl(340deg 100% 50%) 50%,\n hsl(46deg 100% 50%) 100%\n );" }, "borderSize": { "xsmall": "1px", "small": "2px", "medium": "4px", "default": "1px", "large": "6px" }, "edgeSize": { "none": "0px", "hair": "1px", "5xsmall": "3px", "4xsmall": "4px", "3xsmall": "6px", "xxsmall": "8px", "xsmall": "12px", "small": "16px", "medium": "24px", "large": "32px", "xlarge": "48px", "xxlarge": "64px", "3xlarge": "96px", "responsiveBreakpoint": "small" }, "radius": { "none": "0px", "hair": "1px", "xxsmall": "4px", "xsmall": "6px", "small": "8px", "medium": "12px", "large": "16px", "xlarge": "24px", "xxlarge": "32px", "full": "9999px", "responsiveBreakpoint": "small" }, "size": { "5xsmall": "48px", "4xsmall": "64px", "3xsmall": "96px", "xxsmall": "128px", "xsmall": "192px", "small": "256px", "medium": "384px", "large": "512px", "xlarge": "768px", "xxlarge": "1024px", "3xlarge": "1536px", "full": "100%" }, "breakpoints": { "xsmall": { "borderSize": { "xsmall": "1px", "small": "1px", "medium": "2px", "default": "1px", "large": "4px" }, "edgeSize": { "none": "0px", "hair": "1px", "5xsmall": "2px", "4xsmall": "2px", "3xsmall": "3px", "xxsmall": "4px", "xsmall": "6px", "small": "8px", "medium": "12px", "large": "16px", "xlarge": "24px", "xxlarge": "32px", "3xlarge": "48px", "responsiveBreakpoint": "small" }, "radius": { "none": "0px", "hair": "1px", "xxsmall": "1px", "xsmall": "4px", "small": "6px", "medium": "8px", "large": "12px", "xlarge": "16px", "xxlarge": "24px", "full": "9999px", "responsiveBreakpoint": "small" }, "size": { "5xsmall": "48px", "4xsmall": "64px", "3xsmall": "96px", "xxsmall": "128px", "xsmall": "192px", "small": "256px", "medium": "384px", "large": "512px", "xlarge": "768px", "xxlarge": "1024px", "3xlarge": "1536px", "full": "100%" }, "value": 576 }, "small": { "borderSize": { "xsmall": "1px", "small": "1px", "medium": "2px", "default": "1px", "large": "4px" }, "edgeSize": { "none": "0px", "hair": "1px", "5xsmall": "2px", "4xsmall": "2px", "3xsmall": "3px", "xxsmall": "4px", "xsmall": "6px", "small": "8px", "medium": "12px", "large": "16px", "xlarge": "24px", "xxlarge": "32px", "3xlarge": "48px", "responsiveBreakpoint": "small" }, "radius": { "none": "0px", "hair": "1px", "xxsmall": "1px", "xsmall": "4px", "small": "6px", "medium": "8px", "large": "12px", "xlarge": "16px", "xxlarge": "24px", "full": "9999px", "responsiveBreakpoint": "small" }, "size": { "5xsmall": "48px", "4xsmall": "64px", "3xsmall": "96px", "xxsmall": "128px", "xsmall": "192px", "small": "256px", "medium": "384px", "large": "512px", "xlarge": "768px", "xxlarge": "1024px", "3xlarge": "1536px", "full": "100%" }, "value": 768 }, "medium": { "value": 1080 }, "large": { "value": 1440 }, "xlarge": {} }, "colors": { "background-active": { "light": "rgba(0, 0, 0, 0.04)", "dark": "rgba(255, 255, 255, 0.06)" }, "background-hover": { "light": "rgba(0, 0, 0, 0.04)", "dark": "rgba(255, 255, 255, 0.06)" }, "background-back": { "light": "#f7f7f7", "dark": "#1d1f27" }, "background-contrast": { "light": "rgba(0, 0, 0, 0.04)", "dark": "rgba(255, 255, 255, 0.06)" }, "background-contrast-hover": { "light": "rgba(0, 0, 0, 0.08)", "dark": "rgba(255, 255, 255, 0.1)" }, "background-critical": { "light": "#ffecec", "dark": "#552120" }, "background-default": { "light": "#ffffff", "dark": "#1d1f27" }, "background-disabled": { "light": "rgba(0, 0, 0, 0.04)", "dark": "rgba(255, 255, 255, 0.07)" }, "background-floating": { "light": "#ffffff", "dark": "#22252e" }, "background-front": { "light": "#ffffff", "dark": "#292d3a" }, "background-info": { "light": "#e3f1ff", "dark": "#2b3547" }, "background-neutral-xstrong": { "light": "#292d3a", "dark": "#f7f7f7" }, "background-neutral-xstrong-hover": { "light": "#3e4550", "dark": "#e6e8e9" }, "background-ok": { "light": "#d1ffee", "dark": "#093d32" }, "background-primary-strong": { "light": "#068667", "dark": "#05cc93" }, "background-primary-strong-hover": { "light": "#006750", "dark": "#00e0af" }, "background-primary-xstrong": { "light": "#093d32", "dark": "#66ebcf" }, "background-screenOverlay": { "light": "rgba(0, 0, 0, 0.12)", "dark": "rgba(0, 0, 0, 0.12)" }, "background-selected-primary": { "light": "#d1ffee", "dark": "#093d32" }, "background-selected-primary-hover": { "light": "#aafade", "dark": "#074738" }, "background-selected-primary-strong": { "light": "#068667", "dark": "#05cc93" }, "background-selected-primary-strong-hover": { "light": "#006750", "dark": "#00e0af" }, "background-unknown": { "light": "rgba(0, 0, 0, 0.04)", "dark": "rgba(255, 255, 255, 0.06)" }, "background-warning": { "light": "#fff3dd", "dark": "#3c361e" }, "border-critical": { "light": "#cc1f1a", "dark": "#fc6161" }, "border-default": { "light": "#b1b9be", "dark": "rgba(255, 255, 255, 0.36)" }, "border-disabled": { "light": "rgba(0, 0, 0, 0.12)", "dark": "rgba(255, 255, 255, 0.12)" }, "border-info": { "light": "#b1b9be", "dark": "rgba(255, 255, 255, 0.36)" }, "border-ok": { "light": "#b1b9be", "dark": "rgba(255, 255, 255, 0.36)" }, "border-selected": { "light": "#006750", "dark": "#05cc93" }, "border-strong": { "light": "#3e4550", "dark": "rgba(255, 255, 255, 0.72)" }, "border-unknown": { "light": "#b1b9be", "dark": "rgba(255, 255, 255, 0.36)" }, "border-warning": { "light": "#b1b9be", "dark": "rgba(255, 255, 255, 0.36)" }, "border-weak": { "light": "#d4d8db", "dark": "rgba(255, 255, 255, 0.12)" }, "dataVis-categorical-10": { "light": "#0070f8", "dark": "#65aef9" }, "dataVis-categorical-20": { "light": "#009a71", "dark": "#00e0af" }, "dataVis-categorical-30": { "light": "#7764fc", "dark": "#9b84fc" }, "dataVis-categorical-40": { "light": "#003cae", "dark": "#0070f8" }, "dataVis-categorical-50": { "light": "#cc54a4", "dark": "#cc54a4" }, "dataVis-categorical-60": { "light": "#04909d", "dark": "#00dbe4" }, "dataVis-categorical-70": { "light": "#6c2b7c", "dark": "#c98ad4" }, "dataVis-categorical-80": { "light": "#d25f4b", "dark": "#e5786a" }, "decorative-blue": { "light": "#0070f8", "dark": "#0070f8" }, "decorative-brand": { "light": "#01a982", "dark": "#01a982" }, "decorative-cyan": { "light": "#62e5f6", "dark": "#00a4b3" }, "decorative-green": { "light": "#05cc93", "dark": "#068667" }, "decorative-neutral": { "light": "#7d8a92", "dark": "#b1b9be" }, "decorative-neutral-hover": { "light": "#606a70", "dark": "#d4d8db" }, "decorative-purple": { "light": "#7764fc", "dark": "#7764fc" }, "focus": { "light": "#292d3a", "dark": "#ffffff" }, "foreground-critical": { "light": "#ec3331", "dark": "#fc6161" }, "foreground-ok": { "light": "#009a71", "dark": "#05cc93" }, "foreground-primary": { "light": "#006750", "dark": "#05cc93" }, "foreground-unknown": { "light": "#7d8a92", "dark": "#7d8a92" }, "foreground-warning": { "light": "#d36d00", "dark": "#ec8c25" }, "icon-critical": { "light": "#cc1f1a", "dark": "#fc6161" }, "icon-default": { "light": "#3e4550", "dark": "#e6e8e9" }, "icon-disabled": { "light": "rgba(0, 0, 0, 0.24)", "dark": "rgba(255, 255, 255, 0.24)" }, "icon-info": { "light": "#0055da", "dark": "#65aef9" }, "icon-ok": { "light": "#009a71", "dark": "#05cc93" }, "icon-onPrimaryStrong": { "light": "#292d3a", "dark": "#ffffff" }, "icon-onSelectedPrimary": { "light": "#292d3a", "dark": "#ffffff" }, "icon-onSelectedPrimaryStrong": { "light": "#292d3a", "dark": "#ffffff" }, "icon-onStrong": { "light": "#ffffff", "dark": "#292d3a" }, "icon-primary": { "light": "#006750", "dark": "#05cc93" }, "icon-primary-hover": { "light": "#074738", "dark": "#66ebcf" }, "icon-strong": { "light": "#292d3a", "dark": "#ffffff" }, "icon-unknown": { "light": "#606a70", "dark": "#7d8a92" }, "icon-warning": { "light": "#d36d00", "dark": "#ec8c25" }, "icon-weak": { "light": "#606a70", "dark": "#b1b9be" }, "text-anchor": { "light": "#006750", "dark": "#05cc93" }, "text-anchor-hover": { "light": "#074738", "dark": "#00e0af" }, "text-critical": { "light": "#cc1f1a", "dark": "#ff7b7b" }, "text-default": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-disabled": { "light": "rgba(0, 0, 0, 0.24)", "dark": "rgba(255, 255, 255, 0.24)" }, "text-heading": { "light": "#292d3a", "dark": "#ffffff" }, "text-info": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-ok": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onCritical": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onCritical-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onInfo": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onInfo-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onOk": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onOk-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onPrimaryStrong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onSelectedPrimary": { "light": "#292d3a", "dark": "#ffffff" }, "text-onSelectedPrimaryStrong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onStrong": { "light": "#ffffff", "dark": "#292d3a" }, "text-onUnknown": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onUnknown-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-onWarning": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-onWarning-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-placeholder": { "light": "#606a70", "dark": "#b1b9be" }, "text-primary": { "light": "#006750", "dark": "#05cc93" }, "text-primary-hover": { "light": "#074738", "dark": "#00e0af" }, "text-strong": { "light": "#292d3a", "dark": "#ffffff" }, "text-unknown": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-warning": { "light": "#3e4550", "dark": "#e6e8e9" }, "text-weak": { "light": "#606a70", "dark": "#b1b9be" }, "transparent": { "light": "rgba(0, 0, 0, 0)", "dark": "rgba(0, 0, 0, 0)" }, "focus-support": { "light": "#ffffff", "dark": "#292d3a" }, "control": "background-primary-strong", "active-text": "text-strong", "text-primary-button": "text-onStrong", "brand": { "dark": "#01a982", "light": "#01a982" }, "background-layer-overlay": { "dark": "rgba(0, 0, 0, 0.12)", "light": "rgba(0, 0, 0, 0.12)" }, "active-background": { "dark": "rgba(255, 255, 255, 0.06)", "light": "rgba(0, 0, 0, 0.04)" }, "background": { "dark": "#1d1f27", "light": "#ffffff" }, "text": { "dark": "#e6e8e9", "light": "#3e4550" }, "text-xweak": { "dark": "#b1b9be", "light": "#606a70" }, "border": { "dark": "rgba(255, 255, 255, 0.36)", "light": "#b1b9be" }, "blue": { "dark": "#0070f8", "light": "#0070f8" }, "blue!": "#0055da", "green": { "dark": "#068667", "light": "#05cc93" }, "green!": { "dark": "#01a982", "light": "#01a982" }, "purple": { "dark": "#7764fc", "light": "#7764fc" }, "purple!": "#7630EA", "status-critical": { "dark": "#fc6161", "light": "#cc1f1a" }, "status-warning": { "dark": "#ec8c25", "light": "#d36d00" }, "status-ok": { "dark": "#05cc93", "light": "#009a71" }, "status-unknown": { "dark": "#7d8a92", "light": "#606a70" }, "validation-critical": { "light": "#ffecec", "dark": "#552120" }, "validation-ok": { "light": "#d1ffee", "dark": "#093d32" }, "validation-warning": { "light": "#fff3dd", "dark": "#3c361e" }, "icon": { "light": "#3e4550", "dark": "#e6e8e9" }, "selected-background": "background-selected-strong-enabled", "selected-text": "text-onSelectedPrimaryStrong", "placeholder": { "light": "#606a70", "dark": "#b1b9be" }, "background-cta-alternate": "background-contrast", "disabled-text": "text-disabled", "graph-0": { "light": "#0070f8", "dark": "#65aef9" }, "graph-1": { "light": "#009a71", "dark": "#00e0af" }, "graph-2": { "light": "#7764fc", "dark": "#9b84fc" }, "graph-3": { "light": "#003cae", "dark": "#0070f8" }, "graph-4": { "light": "#cc54a4", "dark": "#cc54a4" }, "graph-5": { "light": "#04909d", "dark": "#00dbe4" }, "graph-6": { "light": "#6c2b7c", "dark": "#c98ad4" }, "graph-7": { "light": "#d25f4b", "dark": "#e5786a" }, "status-disabled": "#CCCCCC" }, "control": { "border": { "radius": "8px", "color": "border-default" }, "disabled": { "opacity": 0.3 } }, "deprecated": { "backgrounds": [ { "name": "datawave-green-1", "message": "The background 'datawave-green-1' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-green-2", "message": "The background 'datawave-green-2' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-1", "message": "The background 'datawave-multi-1' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-2", "message": "The background 'datawave-multi-2' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-3", "message": "The background 'datawave-multi-3' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-4", "message": "The background 'datawave-multi-4' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-5", "message": "The background 'datawave-multi-5' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-multi-6", "message": "The background 'datawave-multi-6' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-white-1", "message": "The background 'datawave-white-1' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-white-2", "message": "The background 'datawave-white-2' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-white-3", "message": "The background 'datawave-white-3' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "datawave-white-4", "message": "The background 'datawave-white-4' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "light-shadow-1", "message": "The background 'light-shadow-1' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "light-shadow-2", "message": "The background 'light-shadow-2' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "light-shadow-3", "message": "The background 'light-shadow-3' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "light-shadow-4", "message": "The background 'light-shadow-4' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "orange-yellow", "message": "The background 'orange-yellow' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "purple-blue", "message": "The background 'purple-blue' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "purple-blue-yellow", "message": "The background 'purple-blue-yellow' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." }, { "name": "purple-magenta-yellow", "message": "The background 'purple-magenta-yellow' is deprecated and will be removed in v10 to ensure access to the latest Brand assets. Please replace this key by referencing an image URL directly. You can find approved backgrounds within HPE Brand Central (https://brandcentral.hpe.com/brand-central/content/imagery)." } ], "button": { "kind": [ { "name": "cta-primary", "message": "The \"cta-primary\" button kind is deprecated and will be removed in v10. Please use \"primary\" instead." }, { "name": "cta-alternate", "message": "The \"cta-alternate\" button kind is deprecated and will be removed in v10. Please use \"secondary\" instead." } ] }, "colors": [ { "name": "accent-1", "message": "The color 'accent-1' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "accent-2", "message": "The color 'accent-2' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "accent-3", "message": "The color 'accent-3' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "accent-4", "message": "The color 'accent-4' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "neutral-1", "message": "The color 'neutral-1' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "neutral-2", "message": "The color 'neutral-2' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "neutral-3", "message": "The color 'neutral-3' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "neutral-4", "message": "The color 'neutral-4' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "neutral-5", "message": "The color 'neutral-5' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "status-error", "message": "The color 'status-error' is deprecated and its value is set to 'undefined'. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." }, { "name": "graph-0", "message": "The color 'graph-0' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-10' instead." }, { "name": "graph-1", "message": "The color 'graph-1' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-20' instead." }, { "name": "graph-2", "message": "The color 'graph-2' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-30' instead." }, { "name": "graph-3", "message": "The color 'graph-3' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-40' instead." }, { "name": "graph-4", "message": "The color 'graph-4' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-50' instead." }, { "name": "graph-5", "message": "The color 'graph-5' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-60' instead." }, { "name": "graph-6", "message": "The color 'graph-6' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-70' instead." }, { "name": "graph-7", "message": "The color 'graph-7' is deprecated and will be set to 'undefined' in v10. Please use 'dataVis-categorical-80' instead." }, { "name": "status-disabled", "message": "The color 'status-disabled' is deprecated and will be set to 'undefined' in v10. Please use 'text-weak' instead." }, { "name": "disabled-text", "message": "The color 'disabled-text' is deprecated and will be removed in v10. Please use 'text-disabled' instead." }, { "name": "background-cta-alternate", "message": "The color 'background-cta-alternate' is deprecated and will be removed in v10. Please reference the HPE Design System color documentation (https://design-system.hpe.design/foundation/color) for a list of available colors." } ] }, "input": { "font": { "height": "inherit", "weight": 400 }, "padding": { "horizontal": "12px", "vertical": "5px" }, "readOnly": { "background": "background-contrast", "border": { "color": "border-weak" } } }, "font": { "family": "'HPE Graphik', Arial, sans-serif", "face": "\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2\") format('woff2');\n }\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2\") format('woff2');\n font-weight: 400;\n }\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2\") format('woff2');\n font-weight: 700;\n }\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2\") format('woff2');\n font-weight: 600;\n }\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2\") format('woff2');\n font-weight: 500;\n }\n @font-face {\n font-family: \"HPE Graphik\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Extralight-Web.woff2\") format('woff2');\n font-weight: 100;\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Regular-Web.woff2\") format('woff2');\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Regular-Web.woff2\") format('woff2');\n font-weight: 400;\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2\") format('woff2');\n font-weight: 700;\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Semibold-Web.woff2\") format('woff2');\n font-weight: 600;\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Medium-Web.woff2\") format('woff2');\n font-weight: 500;\n }\n @font-face {\n font-family: \"GraphikXXCondensed\";\n src: url(\"https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Extralight-Web.woff2\") format('woff2');\n font-weight: 100;\n }", "size": "1rem", "height": "1.5rem" }, "focus": { "outline": { "color": "focus", "size": "2px", "offset": "2px" }, "shadow": { "color": "focus-support", "size": "2px", "blur": "0px" }, "twoColor": true, "inset": { "outline": { "color": "focus", "size": "2px", "offset": "-2px" }, "shadow": { "color": "focus-support", "size": "4px", "blur": "0px", "inset": true }, "twoColor": true } }, "active": { "background": "background-active", "color": "active-text" }, "drop": { "background": "background-floating", "border": { "radius": "6px" }, "margin": "6px", "intelligentMargin": true, "shadowSize": "medium", "zIndex": 110 }, "elevation": { "light": { "small": "0 2px 4px rgba(0, 0, 0, 0.12) ", "medium": "0px 6px 12px 0px rgba(0, 0, 0, 0.12) ", "large": "0px 12px 24px 0px rgba(0, 0, 0, 0.24) " }, "dark": { "small": "0 2px 4px rgba(0, 0, 0, 0.24) ", "medium": "0px 6px 12px 0px rgba(0, 0, 0, 0.36) ", "large": "0px 12px 24px 0px rgba(0, 0, 0, 0.48) " } }, "hover": { "background": "background-hover", "color": "text-default" }, "selected": { "background": "background-selected-primary-strong", "color": "text-onSelectedPrimaryStrong" } }, "accordion": { "panel": { "border": { "side": "horizontal", "color": "border" } }, "heading": { "level": 3, "margin": { "vertical": "medium", "horizontal": "3xsmall" } }, "hover": { "background": "background-hover", "heading": {} }, "icons": { "collapse": {}, "expand": {}, "color": "text" }, "icon": { "container": { "pad": { "horizontal": "xsmall" } } }, "label": { "container": { "pad": { "horizontal": "3xsmall" } } } }, "anchor": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px", "icon": { "color": "icon-primary" }, "hover": { "textDecoration": "underline" }, "iconOnly": { "pad": "xsmall" }, "size": { "xsmall": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "3px" }, "small": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "medium": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "large": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "xlarge": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "xxlarge": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "3xl": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "4xl": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" }, "5xl": { "color": "text-anchor", "textDecoration": "underline", "fontWeight": 500, "gap": "6px" } } }, "avatar": { "size": { "xsmall": "24px", "small": "28px", "medium": "36px", "large": "48px", "xlarge": "72px", "2xl": "120px", "3xl": "144px", "4xl": "168px", "5xl": "192px" }, "text": { "size": { "xsmall": "xsmall", "small": "small", "medium": "medium", "large": "large", "xlarge": "xlarge", "2xl": "3xl", "3xl": "4xl", "4xl": "5xl", "5xl": "6xl" } } }, "box": { "border": { "offset": "3xsmall" } }, "button": { "intelligentPad": false, "color": "text-strong", "gap": "6px", "badge": { "align": "container", "container": { "background": "background-neutral-xstrong" }, "size": { "medium": "18px" }, "text": { "size": { "medium": "xsmall" } } }, "busy": { "gap": "xsmall", "icons": { "success": {} } }, "cta-primary": { "background": "background-neutral-xstrong", "border": { "width": "1px", "color": "transparent", "radius": "9999px" }, "color": "text-onStrong", "font": { "weight": 500 }, "icon": { "type": {}, "key": null, "ref": null, "props": {}, "_owner": null, "_store": {} }, "reverse": true }, "cta-alternate": { "background": "background-contrast", "border": { "width": "1px", "color": "transparent", "radius": "9999px" }, "color": "text-strong", "font": { "weight": 500 }, "icon": { "type": {}, "key": null, "ref": null, "props": {}, "_owner": null, "_store": {} }, "reverse": true }, "default": { "background": "transparent", "border": { "width": "1px", "color": "transparent", "radius": "9999px" }, "color": "text-strong", "font": { "weight": 500 } }, "secondary": { "background": "background-contrast", "border": { "width": "1px", "color": "transparent", "radius": "9999px" }, "color": "text-strong", "font": { "weight": 500 } }, "primary": { "background": "background-neutral-xstrong", "border": { "width": "1px", "color": "transparent", "radius": "9999px" }, "color": "text-onStrong", "font": { "weight": 500 } }, "toolbar": { "background": "transparent", "border": { "width": "1px", "color": "transparent", "radius": "6px" }, "color": "text-default", "font": { "weight": 500 } }, "option": { "color": "text-default", "border": { "radius": "6px", "width": "1px", "color": "transparent" }, "pad": { "horizontal": "12px", "vertical": "5px" }, "font": { "weight": 500 } }, "active": { "default": { "background": { "color": "transparent" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "secondary": { "background": { "color": "transparent" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "primary": { "background": { "color": "transparent" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "toolbar": { "background": { "color": "background-selected-primary" }, "border": { "color": "border-selected" }, "color": "text-primary", "font": { "weight": 500 } }, "cta-primary": { "background": { "color": "transparent" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "cta-alternate": { "background": { "color": "transparent" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } } }, "disabled": { "background": { "color": "transparent" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 }, "opacity": 1, "default": { "background": { "color": "transparent" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "secondary": { "background": { "color": "background-disabled" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "primary": { "background": { "color": "background-disabled" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "toolbar": { "background": { "color": "transparent" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "option": { "background": "background-disabled", "border": { "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "cta-primary": { "background": { "color": "background-disabled" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } }, "cta-alternate": { "background": { "color": "background-disabled" }, "border": { "width": "", "color": "transparent" }, "color": "text-disabled", "font": { "weight": 500 } } }, "selected": { "option": { "background": "background-selected-primary", "border": { "color": "transparent" }, "color": "text-onSelectedPrimary", "font": { "weight": 500 } } }, "hover": { "cta-primary": { "background": { "color": "background-neutral-xstrong-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-onStrong", "font": { "weight": 500 } }, "cta-alternate": { "background": { "color": "background-contrast-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-strong", "font": { "weight": 500 } }, "default": { "background": { "color": "background-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-strong", "font": { "weight": 500 } }, "secondary": { "background": { "color": "background-contrast-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-strong", "font": { "weight": 500 } }, "primary": { "background": { "color": "background-neutral-xstrong-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-onStrong", "font": { "weight": 500 } }, "toolbar": { "background": { "color": "background-hover" }, "border": { "width": "", "color": "transparent" }, "color": "text-default", "font": { "weight": 500 } }, "active": { "default": { "background": { "color": "background-hover" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "secondary": { "background": { "color": "background-hover" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "primary": { "background": { "color": "background-hover" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "toolbar": { "background": { "color": "background-selected-primary-hover" }, "border": { "color": "border-selected" }, "color": "text-primary", "font": { "weight": 500 } }, "cta-primary": { "background": { "color": "background-hover" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } }, "cta-alternate": { "background": { "color": "background-hover" }, "border": { "color": "border-selected" }, "color": "text-strong", "font": { "weight": 500 } } }, "option": { "background": "background-hover", "border": { "color": "transparent" }, "color": "text-default" } }, "size": { "xsmall": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" }, "iconOnly": { "pad": { "vertical": "4px", "horizontal": "4px" } }, "default": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "secondary": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "primary": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "toolbar": { "border": { "radius": "6px" }, "pad": { "vertical": "3px", "horizontal": "6px" } } }, "small": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" }, "iconOnly": { "pad": { "vertical": "5px", "horizontal": "5px" } }, "default": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "secondary": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "primary": { "border": { "radius": "9999px" }, "pad": { "vertical": "3px", "horizontal": "12px" } }, "toolbar": { "border": { "radius": "6px" }, "pad": { "vertical": "3px", "horizontal": "6px" } } }, "medium": { "border": { "radius": "9999px" }, "pad": { "vertical": "5px", "horizontal": "18px" }, "iconOnly": { "pad": { "vertical": "9px", "horizontal": "9px" } }, "default": { "border": { "radius": "9999px" }, "pad": { "vertical": "5px", "horizontal": "18px" } }, "secondary": { "border": { "radius": "9999px" }, "pad": { "vertical": "5px", "horizontal": "18px" } }, "primary": { "border": { "radius": "9999px" }, "pad": { "vertical": "5px", "horizontal": "18px" } }, "toolbar": { "border": { "radius": "6px" }, "pad": { "vertical": "5px", "horizontal": "10px" } }, "option": { "pad": { "horizontal": "12px", "vertical": "5px" } } }, "large": { "border": { "radius": "9999px" }, "pad": { "vertical": "9px", "horizontal": "24px" }, "iconOnly": { "pad": { "vertical": "12px", "horizontal": "12px" } }, "default": { "border": { "radius": "9999px" }, "pad": { "vertical": "9px", "horizontal": "24px" } }, "secondary": { "border": { "radius": "9999px" }, "pad": { "vertical": "9px", "horizontal": "24px" } }, "primary": { "border": { "radius": "9999px" }, "pad": { "vertical": "9px", "horizontal": "24px" } }, "toolbar": { "border": { "radius": "6px" }, "pad": { "vertical": "9px", "horizontal": "10px" } } }, "xlarge": { "border": { "radius": "9999px" }, "pad": { "vertical": "20px", "horizontal": "32px" }, "iconOnly": { "pad": { "vertical": "23px", "horizontal": "23px" } }, "default": { "border": { "radius": "9999px" }, "pad": { "vertical": "20px", "horizontal": "32px" } }, "secondary": { "border": { "radius": "9999px" }, "pad": { "vertical": "20px", "horizontal": "32px" } }, "primary": { "border": { "radius": "9999px" }, "pad": { "vertical": "20px", "horizontal": "32px" } }, "toolbar": { "border": { "radius": "12px" }, "pad": { "vertical": "20px", "horizontal": "32px" } } } } }, "calendar": { "day": { "adjacent": { "color": "text-weak" }, "hover": { "background": "background-hover", "color": "text-strong" }, "selected": { "background": "background-selected-primary-strong", "color": "text-onSelectedPrimaryStrong", "hover": { "background": "background-selected-primary-strong-hover" }, "font": { "weight": 500 } }, "inRange": { "color": "text-onSelectedPrimary", "hover": { "background": "background-selected-primary-hover", "color": "text-onSelectedPrimary" }, "font": { "weight": 500 } } }, "range": { "background": "background-selected-primary" }, "icons": { "next": {}, "previous": {}, "small": { "previous": {}, "next": {} } }, "small": { "fontSize": "13.6px", "lineHeight": 1.375, "daySize": "27.43px", "day": { "round": "full" }, "range": { "round": "none", "start": { "round": { "corner": "left", "size": "full" } }, "end": { "round": { "corner": "right", "size": "full" } } }, "title": { "size": "medium", "color": "text-strong", "container": { "pad": { "horizontal": "3xsmall" } } } }, "medium": { "fontSize": "18px", "lineHeight": 1.45, "daySize": "54.86px", "day": { "round": "full" }, "range": { "round": "none", "start": { "round": { "corner": "left", "size": "full" } }, "end": { "round": { "corner": "right", "size": "full" } } }, "title": { "size": "large", "color": "text-strong", "container": { "pad": { "horizontal": "xsmall" } } } }, "large": { "fontSize": "31.2px", "lineHeight": 1.11, "daySize": "109.71px", "day": { "round": "full" }, "range": { "round": "none", "start": { "round": { "corner": "left", "size": "full" } }, "end": { "round": { "corner": "right", "size": "full" } } }, "title": { "size": "xlarge", "color": "text-strong", "container": { "pad": { "horizontal": "medium" } } } } }, "card": { "container": { "background": "background-front", "elevation": "none", "round": "medium", "extend": "transition: box-shadow 0.3s ease-in-out;" }, "body": { "pad": "medium" }, "footer": { "pad": { "horizontal": "medium", "vertical": "xsmall" } }, "header": { "pad": "medium" }, "hover": { "container": { "elevation": "medium" } } }, "cards": { "grid": { "columns": "xsmall", "gap": "medium" } }, "carousel": { "icons": { "current": {}, "next": {}, "previous": {} }, "disabled": { "icons": { "color": "icon-disabled" } } }, "chart": { "color": "dataVis-categorical-10", "height": "xsmall", "thickness": "medium", "width": "medium" }, "checkBox": { "hover": { "border": { "width": "1px" }, "background": {} }, "color": "background-front", "border": { "color": "border-default", "width": "1px" }, "check": { "radius": "6px", "thickness": "2px" }, "icon": {}, "gap": "12px", "label": { "align": "start" }, "pad": "none", "size": "24px", "toggle": { "background": "decorative-neutral", "color": "background-front", "size": "48px", "knob": {} } }, "checkBoxGroup": { "container": { "cssGap": true, "gap": "xsmall", "margin": "none" } }, "data": { "button": { "kind": "toolbar" }, "toolbar": { "gap": "medium" } }, "dataChart": { "colors": [ "dataVis-categorical-10", "dataVis-categorical-20", "dataVis-categorical-30", "dataVis-categorical-40", "dataVis-categorical-50", "dataVis-categorical-60", "dataVis-categorical-70", "dataVis-categorical-80" ], "gap": "xsmall", "granularity": { "y": { "5xsmall": { "fine": 2, "medium": 2 }, "4xsmall": { "fine": 2, "medium": 2 }, "3xsmall": { "fine": 3, "medium": 2 }, "xxsmall": { "fine": 3, "medium": 2 }, "xsmall": { "fine": 5, "medium": 3 }, "small": { "fine": 5, "medium": 3 }, "medium": { "fine": 7, "medium": 5 }, "large": { "fine": 7, "medium": 5 }, "xlarge": { "fine": 9, "medium": 5 }, "xxlarge": { "fine": 9, "medium": 5 }, "3xlarge": { "fine": 11, "medium": 5 } } }, "detail": { "gap": "3xsmall", "pad": "xsmall" }, "halfPad": { "3xlarge": "xlarge", "xxlarge": "large", "xlarge": "medium", "large": "small", "medium": "xsmall", "small": "xxsmall", "xsmall": "3xsmall", "xxsmall": "4xsmall", "3xsmall": "5xsmall", "4xsmall": "2px", "5xsmall": "hair" }, "legend": { "margin": { "top": "xsmall" }, "gap": "xsmall", "item": { "gap": "3xsmall", "pad": { "horizontal": "xsmall", "vertical": "3xsmall" } } }, "orderedSizes": [ "3xlarge", "xxlarge", "xlarge", "large", "medium", "small", "xsmall", "xxsmall", "3xsmall", "4xsmall", "5xsmall" ], "size": { "height": "xsmall" }, "thickness": { "veryDense": "hair", "dense": "3xsmall", "heavy": "xsmall", "moderate": "medium", "light": "xlarge", "sparse": "3xlarge" }, "thicknessPad": { "xlarge": "xlarge", "large": "medium", "medium": "xsmall", "small": "3xsmall", "xsmall": "5xsmall" } }, "dataFilter": { "rangeSelector": { "size": "full", "round": "medium" }, "selectMultiple": { "dropHeight": "medium" } }, "dataFilters": { "clearControl": { "margin": { "start": "xsmall" } }, "footer": { "actions": { "margin": { "top": "medium" }, "gap": "xsmall" } }, "icons": { "close": {}, "filter": {} }, "pad": "medium", "width": { "min": "medium" } }, "dateInput": { "container": { "round": "8px" }, "icon": { "calendar": {}, "size": "small" }, "button": { "margin": "xsmall" } }, "dataSearch": { "icons": { "search": {} } }, "dataSort": { "icons": { "control": {} } }, "dataSummary": { "margin": { "vertical": "3xsmall" }, "separator": { "margin": { "horizontal": "xsmall" } } }, "dataTable": { "body": { "selected": { "background": "background-active" }, "row": { "extend": "&:last-child td {\n border-color: transparent;\n }\n &:last-child th {\n border-color: transparent;\n }" } }, "expand": { "size": "5xsmall" }, "icons": { "resizeIncrease": {}, "resizeDecrease": {}, "search": {} }, "groupHeader": {}, "groupEnd": { "border": { "side": "bottom", "size": "xsmall" } }, "header": { "border": { "side": "bottom" }, "color": "text-strong", "font": { "weight": 500 }, "gap": "6px", "hover": { "background": { "color": "background-hover" } }, "units": { "color": "text-weak", "margin": { "left": "3xsmall" } } }, "pinned": { "header": { "background": { "opacity": "strong" }, "extend": "backdrop-filter: blur(12px);" }, "body": { "background": { "opacity": "strong" }, "extend": "backdrop-filter: blur(12px);" }, "footer": { "background": { "opacity": "strong" }, "extend": "backdrop-filter: blur(12px);" } }, "primary": { "weight": 500, "color": "text-strong" }, "resize": { "border": { "color": "border", "side": "end" }, "hover": { "border": { "color": "border-strong", "size": "small" } }, "padding": { "vertical": "3xsmall" } }, "search": { "pad": { "left": "xsmall" }, "text": { "pad": { "horizontal": "xsmall" } } }, "sort": { "gap": "3xsmall" } }, "diagram": { "line": { "color": "dataVis-categorical-10" } }, "distribution": { "gap": "3xsmall" }, "dataTableColumns": { "icons": { "control": {}, "pinned": {}, "search": {} }, "tabs": { "pad": "xsmall" }, "selectColumns": { "pad": { "vertical": "xsmall" }, "gap": "3xsmall" }, "orderColumns": { "pad": { "top": "xsmall" } } }, "fileInput": { "anchor": { "margin": "xsmall" }, "border": { "color": "border-default", "side": "all", "style": "solid", "size": "1px" }, "button": { "background": "background-contrast", "border": { "radius": "9999px" }, "pad": { "vertical": "5px", "horizontal": "18px" }, "color": "text-strong", "font": { "weight": 500 }, "hover": { "background": "background-contrast-hover", "color": "text-strong" } }, "dragOver": { "background": "background-hover", "border": "none" }, "hover": { "border": { "color": "border" } }, "icons": { "error": {}, "remove": {} }, "label": { "margin": "xsmall", "gap": "3xsmall" }, "message": { "color": "placeholder", "margin": "xsmall" }, "pad": { "horizontal": "3xsmall" }, "extend": "border-radius: 8px;" }, "footer": { "gap": "medium" }, "formField": { "content": { "margin": { "vertical": "3xsmall" }, "pad": "none" }, "border": { "error": { "color": "border-critical" }, "color": "border-default", "side": "all" }, "checkBox": { "pad": { "horizontal": "12px", "vertical": "5px" }, "container": {} }, "checkBoxGroup": { "container": {} }, "radioButtonGroup": { "container": {} }, "thumbsRating": { "container": {} }, "starRating": { "container": {} }, "disabled": { "background": "transparent", "border": { "color": "border-disabled" }, "label": { "color": "text-disabled" }, "help": { "color": "text-disabled" }, "info": { "color": "text-disabled" } }, "error": { "background": { "color": "background-critical" }, "container": { "gap": "3xsmall" }, "icon": { "type": {}, "key": null, "ref": null, "props": { "size": "small", "color": "#cc1f1a" }, "_owner": null, "_store": {} }, "size": "xsmall", "color": "text-critical", "margin": { "bottom": "3xsmall", "top": "none", "horizontal": "none" } }, "focus": { "containerFocus": false, "border": {} }, "help": { "size": "xsmall", "margin": "none" }, "info": { "size": "xsmall", "margin": { "bottom": "3xsmall", "top": "none", "horizontal": "none" } }, "label": { "size": "xsmall", "color": "text-strong", "margin": { "bottom": "none", "top": "3xsmall", "horizontal": "none" }, "requiredIndicator": true, "weight": 500 }, "margin": { "bottom": "none" }, "round": "8px", "survey": { "label": { "margin": { "bottom": "none" }, "size": "medium", "weight": 500 } } }, "header": { "gap": "medium" }, "heading": { "color": "text-heading", "weight": 500, "level": { "1": { "font": { "weight": 500 }, "medium": { "size": "2rem", "height": "2.5rem" } }, "2": { "font": { "weight": 500 }, "medium": { "size": "1.5rem", "height": "2rem" } }, "3": { "font": { "weight": 500 }, "medium": { "size": "1.375rem", "height": "1.75rem" } }, "4": { "font": { "weight": 500 }, "medium": { "size": "1.125rem", "height": "1.5rem" } }, "5": { "font": { "weight": 500 }, "medium": { "size": "1rem", "height": "1.25rem" } }, "6": { "font": { "weight": 500 }, "medium": { "size": "0.875rem", "height": "1.125rem" } } } }, "icon": { "disableScaleDown": true, "matchSize": true, "size": { "xsmall": "12px", "small": "14px", "medium": "16px", "large": "18px", "xlarge": "20px", "xxlarge": "32px" } }, "layer": { "background": "background-floating", "border": { "radius": "medium", "intelligentRounding": true }, "container": { "elevation": "large", "height": { "min": "5xsmall" } }, "overlay": { "background": "background-screenOverlay" }, "zIndex": "110" }, "list": { "container": { "gap": "3xsmall" }, "item": { "disabled": { "color": "text-disabled", "cursor": "default" }, "pinned": { "background": "background-active", "icon": { "pad": { "vertical": "9px", "horizontal": "9px" } } }, "pad": { "horizontal": "medium", "vertical": "xsmall" }, "gap": "medium" }, "primaryKey": { "weight": 500 }, "icons": { "down": {}, "up": {}, "pin": {} } }, "maskedInput": { "container": {} }, "menu": { "drop": { "align": { "top": "bottom", "left": "left" } }, "container": { "pad": { "vertical": "6px", "horizontal": "6px" }, "gap": "0px" }, "group": { "drop": {}, "container": { "pad": { "horizontal": "6px", "vertical": "6px" }, "gap": "0px" }, "separator": { "color": "border-default", "size": "1px", "pad": "none" } }, "icons": { "color": "icon-strong", "down": {} }, "item": { "pad": { "horizontal": "18px", "vertical": "5px" } }, "disabled": { "icons": { "color": "icon-disabled" } } }, "meter": { "background": "background-contrast", "color": "dataVis-categorical-10", "colors": [ "dataVis-categorical-10", "dataVis-categorical-20", "dataVis-categorical-30", "dataVis-categorical-40", "dataVis-categorical-50", "dataVis-categorical-60", "dataVis-categorical-70", "dataVis-categorical-80" ], "gap": "5xsmall" }, "nameValueList": { "gap": { "column": "xlarge", "row": "xsmall" }, "pair": { "column": { "gap": { "column": "xlarge", "row": "medium" } } }, "name": { "width": "xsmall" }, "value": { "width": "medium" } }, "nameValuePair": { "column": { "gap": "5xsmall" }, "name": { "color": "text-strong", "weight": 500 } }, "nav": { "gap": "medium" }, "notification": { "close": { "icon": {} }, "container": { "round": "xsmall", "pad": { "horizontal": "xsmall", "vertical": "3xsmall" } }, "direction": "column", "gap": "xsmall", "global": { "direction": "row", "container": { "round": "none", "pad": { "horizontal": "xlarge", "vertical": "3xsmall" } } }, "iconContainer": { "pad": { "right": "xsmall" } }, "textContainer": { "gap": "medium" }, "message": { "color": "text", "fill": true, "text": { "margin": { "right": "3xsmall" } } }, "title": { "color": "text-strong", "weight": 500 }, "critical": { "icon": {}, "background": "background-critical", "color": "icon-critical", "message": { "color": "text-onCritical" }, "title": { "color": "text-onCritical-strong" }, "global": { "background": "background-critical", "message": { "color": "text-onCritical" }, "title": { "color": "text-onCritical-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "warning": { "icon": {}, "background": "background-warning", "color": "icon-warning", "message": { "color": "text-onWarning" }, "title": { "color": "text-onWarning-strong" }, "global": { "background": "background-warning", "message": { "color": "text-onWarning" }, "title": { "color": "text-onWarning-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "normal": { "icon": {}, "background": "background-ok", "color": "icon-ok", "message": { "color": "text-onOk" }, "title": { "color": "text-onOk-strong" }, "global": { "background": "background-ok", "message": { "color": "text-onOk" }, "title": { "color": "text-onOk-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "unknown": { "icon": {}, "background": "background-unknown", "color": "icon-unknown", "message": { "color": "text-onUnknown" }, "title": { "color": "text-onUnknown-strong" }, "global": { "background": "background-unknown", "message": { "color": "text-onUnknown" }, "title": { "color": "text-onUnknown-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "info": { "icon": {}, "background": "background-info", "color": "icon-info", "message": { "color": "text-onInfo" }, "title": { "color": "text-onInfo-strong" }, "global": { "background": "background-info", "message": { "color": "text-onInfo" }, "title": { "color": "text-onInfo-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "undefined": { "icon": {}, "background": "background-unknown", "message": { "color": "text-onUnknown" }, "title": { "color": "text-onUnknown-strong" }, "global": { "background": "background-ok", "message": { "color": "text-onUnknown" }, "title": { "color": "text-onUnknown-strong" } }, "toast": { "background": "background-front", "message": { "color": "text" }, "title": { "color": "text-strong" } } }, "actions": { "margin": { "right": "3xsmall" } } }, "page": { "wide": { "width": { "min": "336px", "max": "3xlarge" }, "xsmall": { "pad": { "horizontal": "xlarge" } }, "small": { "pad": { "horizontal": "xlarge" } }, "medium": { "pad": { "horizontal": "medium" } }, "large": { "pad": { "horizontal": "xlarge" } }, "xlarge": { "pad": { "horizontal": "xlarge" } } }, "narrow": { "width": { "min": "336px", "max": "xlarge" }, "xsmall": { "pad": { "horizontal": "xlarge" } }, "small": { "pad": { "horizontal": "xlarge" } }, "medium": { "pad": { "horizontal": "medium" } }, "large": { "pad": { "horizontal": "xlarge" } }, "xlarge": { "pad": { "horizontal": "xlarge" } } }, "full": { "width": { "min": "336px", "max": "100%" }, "xsmall": { "pad": { "horizontal": "xlarge" } }, "small": { "pad": { "horizontal": "xlarge" } }, "medium": { "pad": { "horizontal": "medium" } }, "large": { "pad": { "horizontal": "xlarge" } }, "xlarge": { "pad": { "horizontal": "xlarge" } } } }, "pageHeader": { "pad": { "top": "xlarge", "bottom": "medium" }, "responsive": { "actions": { "pad": { "top": "xsmall" } }, "breakpoints": [ "xsmall", "small" ] }, "subtitle": { "size": "large" }, "size": { "small": { "pad": { "top": "medium", "bottom": "xsmall" }, "subtitle": { "size": "small" }, "title": { "size": "small" } }, "large": { "pad": { "top": "3xlarge", "bottom": "xlarge" }, "subtitle": { "size": "large" }, "title": { "size": "large" } } }, "xsmall": { "areas": [ [ "parent", "parent" ], [ "title", "actions" ], [ "subtitle", "actions" ] ], "columns": [ [ "xsmall", "flex" ], "auto" ], "rows": [ "auto", "auto", "auto" ], "gap": { "row": "3xsmall", "column": "medium" } }, "small": { "areas": [ [ "parent", "parent" ], [ "title", "actions" ], [ "subtitle", "actions" ] ], "columns": [ [ "xsmall", "flex" ], "auto" ], "rows": [ "auto", "auto", "auto" ], "gap": { "row": "3xsmall", "column": "xlarge" } }, "medium": { "areas": [ [ "parent", "parent" ], [ "title", "actions" ], [ "subtitle", "actions" ] ], "columns": [ [ "medium", "flex" ], "auto" ], "rows": [ "auto", "auto", "auto" ], "gap": { "row": "3xsmall", "column": "medium" } }, "large": { "areas": [ [ "parent", "parent" ], [ "title", "actions" ], [ "subtitle", "actions" ] ], "columns": [ [ "medium", "flex" ], "auto" ], "rows": [ "auto", "auto", "auto" ], "gap": { "row": "3xsmall", "column": "xlarge" } }, "xlarge": { "areas": [ [ "parent", "parent" ], [ "title", "actions" ], [ "subtitle", "actions" ] ], "columns": [ [ "medium", "xlarge" ], "auto" ], "rows": [ "auto", "auto", "auto" ], "gap": { "row": "3xsmall", "column": "xlarge" } } }, "pagination": { "button": { "color": "text-strong", "border": { "radius": "9999px" }, "font": { "weight": 500 }, "active": { "background": "transparent", "border": { "radius": "9999px", "color": "border-selected", "width": "1px" }, "color": "text-strong", "font": { "weight": 500 } }, "hover": { "background": "background-hover", "border": { "radius": "9999px" }, "color": "text-strong", "font": { "weight": 500 }, "active": { "background": "background-hover", "color": "text-strong", "font": { "weight": 500 } } }, "disabled": { "background": "transparent", "border": { "radius": "9999px" }, "color": "text-disabled", "font": { "weight": 500 } }, "size": { "small": { "border": { "radius": "9999px", "width": "1px" }, "pad": { "vertical": "4px", "horizontal": "4px" }, "font": { "size": "0.875rem", "height": "1.25rem" }, "height": "28px", "width": "28px" }, "medium": { "border": { "radius": "9999px", "width": "1px" }, "pad": { "vertical": "4px", "horizontal": "4px" }, "font": { "size": "1rem", "height": "1.5rem" }, "height": "36px", "width": "36px" }, "large": { "border": { "radius": "9999px", "width": "1px" }, "pad": { "vertical": "4px", "horizontal": "4px" }, "font": { "size": "1.125rem", "height": "1.75rem" }, "height": "48px", "width": "48px" } } }, "container": { "gap": { "column": "3xsmall", "row": "xsmall" } }, "controls": { "gap": "5xsmall" }, "icons": { "next": {}, "previous": {} }, "step": { "container": { "gap": "3xsmall" } } }, "paragraph": { "xsmall": { "size": "0.75rem", "height": "1rem", "maxWidth": "38em" }, "small": { "size": "0.875rem", "height": "1.25rem", "maxWidth": "38em" }, "medium": { "size": "1rem", "height": "1.5rem", "maxWidth": "38em" }, "large": { "size": "1.125rem", "height": "1.75rem", "maxWidth": "38em" }, "xlarge": { "size": "1.25rem", "height": "1.875rem", "maxWidth": "38em" }, "xxlarge": { "size": "2rem", "height": "2.5rem", "maxWidth": "38em" }, "3xl": { "size": "2.25rem", "height": "2.875rem", "maxWidth": "38em" }, "4xl": { "size": "2.625rem", "height": "3rem", "maxWidth": "38em" }, "5xl": { "size": "4rem", "height": "4.5rem", "maxWidth": "38em" }, "6xl": { "size": "4rem", "height": "4.5rem", "maxWidth": "38em" }, "skeleton": { "gap": "3xsmall" } }, "radioButton": { "border": { "color": "border-default", "width": "default" }, "check": { "background": { "color": "background-selected-primary-strong" } }, "color": "transparent", "container": {}, "gap": "12px", "hover": { "background": { "color": "transparent" }, "border": { "color": "border-strong" } }, "size": "24px", "font": { "weight": 400 }, "icons": {} }, "radioButtonGroup": { "container": { "cssGap": true, "gap": "xsmall", "margin": "none" } }, "rangeInput": { "thumb": { "color": "background-primary-strong", "extend": "border-color: transparent;" }, "track": { "lower": { "color": "background-primary-strong" }, "upper": { "color": { "light": "#e0e0e0", "dark": "#616161" } } }, "disabled": { "opacity": 1, "track": { "color": "background-disabled" }, "thumb": { "color": { "light": "rgb(245, 245, 245)", "dark": "rgb(44, 44, 44)" } } } }, "rangeSelector": { "edge": { "size": "24px" }, "label": { "margin": { "horizontal": "xsmall" } } }, "select": { "clear": { "container": { "background": "transparent", "pad": "6px" }, "button": { "border": { "radius": "6px", "size": "1px" }, "padding": { "horizontal": "12px", "vertical": "5px" }, "hover": { "background": "background-hover", "color": "text-strong" }, "color": "text-strong", "font": { "weight": 500 } } }, "container": {}, "control": {}, "emptySearchMessage": { "container": { "pad": { "horizontal": "12px", "vertical": "5px" } } }, "icons": { "color": "icon", "down": {}, "search": { "type": {}, "key": null, "ref": null, "props": { "aria-hidden": true }, "_owner": null, "_store": {} }, "margin": { "left": "xsmall", "right": "12px" }, "up": {} }, "listbox": {}, "search": { "pad": "3xsmall" } }, "selectMultiple": { "help": { "container": { "pad": "3xsmall" } }, "listbox": {}, "option": { "pad": "3xsmall" }, "search": { "pad": "3xsmall" }, "showMore": { "pad": { "horizontal": "xsmall", "bottom": "xsmall", "top": "3xsmall" } }, "summary": { "gap": "xsmall", "height": { "min": "5xsmall" }, "pad": "3xsmall", "showSelectedInline": { "pad": { "left": "3xsmall", "vertical": "3xsmall" } } } }, "sidebar": { "gap": "xlarge", "pad": "xsmall" }, "spinner": { "container": { "pad": "none", "color": "foreground-primary", "border": [ { "color": "transparent", "side": "all", "size": "medium" }, { "color": "transparent", "side": "right", "size": "medium" }, { "color": "transparent", "side": "top", "size": "medium" }, { "color": "transparent", "side": "left", "size": "medium" } ] }, "responsive": false, "size": { "xsmall": "24px", "small": "28px", "medium": "36px", "large": "48px", "xlarge": "72px" } }, "starRating": { "color": "background-selected-primary-strong", "icons": { "selected": {}, "unselected": {} } }, "tab": { "color": "text", "active": { "color": "text-primary", "weight": 600 }, "hover": { "background": "transparent", "color": "text-strong" }, "border": { "side": "all", "color": "transparent", "size": "default", "active": {}, "disabled": {}, "hover": {} }, "disabled": { "background": "background-disabled", "color": "text-disabled" }, "pad": { "bottom": "5px", "top": "5px", "horizontal": "5px" }, "margin": { "vertical": "none", "horizontal": "none" }, "extend": "font-weight: 500;", "gap": "xsmall" }, "tabs": { "gap": "small", "header": { "previousButton": { "icon": {}, "pad": { "vertical": "3xsmall", "horizontal": "xsmall" } }, "nextButton": { "icon": {}, "pad": { "vertical": "3xsmall", "horizontal": "xsmall" } } }, "nextButton": { "pad": { "horizontal": "xsmall", "vertical": "3xsmall" } }, "previousButton": { "pad": { "horizontal": "xsmall", "vertical": "3xsmall" } }, "step": { "xsmall": 1, "xlarge": 3 } }, "table": { "caption": { "margin": { "bottom": "5xsmall" } }, "header": { "border": { "side": "bottom", "color": "border-default" }, "pad": { "horizontal": "12px", "top": "12px", "bottom": "11px" }, "extend": "\n > div { \n height: 100%;\n justify-content: center;\n }\n // align onSelect checkbox to center of header cell\n label { \n justify-content: center;\n }\n " }, "body": { "pad": { "top": "12px", "bottom": "11px", "horizontal": "12px" }, "border": { "side": "bottom", "color": "border-weak" } }, "row": { "hover": { "background": "background-hover" } }, "footer": { "pad": { "horizontal": "12px", "top": "11px", "bottom": "12px" }, "extend": "\n font-weight: undefined;\n " } }, "tag": { "border": { "color": "border-weak" }, "icons": { "remove": {} }, "pad": { "horizontal": "10px", "vertical": "5px" }, "remove": { "kind": "default", "margin": { "right": "3xsmall" } }, "value": { "weight": 500 }, "round": "xsmall", "size": { "xsmall": { "pad": { "vertical": "3px", "horizontal": "6px" }, "remove": { "size": "xsmall", "margin": { "right": "none", "vertical": "-1px" } } }, "small": { "pad": { "vertical": "3px", "horizontal": "6px" }, "remove": { "size": "xsmall", "margin": { "right": "2px" } } }, "medium": { "pad": { "vertical": "5px", "horizontal": "10px" }, "remove": { "size": "small", "margin": { "right": "5xsmall" } } }, "large": { "pad": { "vertical": "9px", "horizontal": "18px" }, "remove": { "size": "medium", "margin": { "right": "5xsmall" } } }, "xlarge": { "pad": { "vertical": "20px", "horizontal": "24px" }, "remove": { "size": "large", "margin": { "right": "3xsmall" } } } } }, "text": { "xsmall": { "size": "0.75rem", "height": "1rem" }, "small": { "size": "0.875rem", "height": "1.25rem" }, "medium": { "size": "1rem", "height": "1.5rem" }, "large": { "size": "1.125rem", "height": "1.75rem" }, "xlarge": { "size": "1.25rem", "height": "1.875rem" }, "xxlarge": { "size": "2rem", "height": "2.5rem" }, "3xl": { "size": "2.25rem", "height": "2.875rem" }, "4xl": { "size": "2.625rem", "height": "3rem" }, "5xl": { "size": "4rem", "height": "4.5rem" }, "6xl": { "size": "4rem", "height": "4.5rem" }, "skeleton": { "margin": { "vertical": "3xsmall" } } }, "textInput": { "container": {}, "icons": { "copy": {} }, "suggestions": {} }, "tip": { "content": { "background": "background-floating", "border": { "color": "border-weak" }, "margin": "5xsmall", "elevation": "small", "pad": { "vertical": "none", "horizontal": "xsmall" }, "round": "xsmall" } }, "thumbsRating": { "like": { "color": "background-selected-primary-strong" }, "dislike": { "color": "background-selected-primary-strong" }, "icons": { "dislike": {}, "dislikeSelected": {}, "like": {}, "likeSelected": {} } }, "toggleGroup": { "button": { "kind": "toolbar" }, "container": { "border": false, "round": "xsmall" }, "divider": false }, "toolbar": { "gap": "xsmall", "small": { "gap": "xsmall" } }, "video": { "scrubber": { "thickness": "xsmall" }, "time": { "container": { "pad": { "horizontal": "xsmall" } } } }, "name": "HPE 1", "rounding": 4, "scale": 1.1, "spacing": 24 }