@hpe-web/design-tokens 0.1.0

package/dist/json/tokens.json

@@ -0,0 +1,301 @@
+{
+  "hpe-web-button-play-rest-icon-color": "#068667",
+  "hpe-web-multi-mode-button-anchor-large-border-radius": "9999px",
+  "hpe-web-multi-mode-button-anchor-large-font-size": "20px",
+  "hpe-web-multi-mode-button-anchor-large-line-height": "28px",
+  "hpe-web-multi-mode-button-anchor-large-border-width": "4px",
+  "hpe-web-multi-mode-button-anchor-large-icon-height": "20px",
+  "hpe-web-multi-mode-button-anchor-large-icon-width": "20px",
+  "hpe-web-multi-mode-button-anchor-large-min-height": "20px",
+  "hpe-web-multi-mode-button-anchor-large-gap-x": "12px",
+  "hpe-web-multi-mode-button-anchor-large-padding-x": "0px",
+  "hpe-web-multi-mode-button-anchor-large-padding-y": "0px",
+  "hpe-web-multi-mode-button-anchor-medium-border-radius": "9999px",
+  "hpe-web-multi-mode-button-anchor-medium-border-width": "4px",
+  "hpe-web-multi-mode-button-anchor-medium-font-size": "18px",
+  "hpe-web-multi-mode-button-anchor-medium-line-height": "24px",
+  "hpe-web-multi-mode-button-anchor-medium-icon-height": "16px",
+  "hpe-web-multi-mode-button-anchor-medium-icon-width": "16px",
+  "hpe-web-multi-mode-button-anchor-medium-min-height": "24px",
+  "hpe-web-multi-mode-button-anchor-medium-gap-x": "12px",
+  "hpe-web-multi-mode-button-anchor-medium-padding-x": "0px",
+  "hpe-web-multi-mode-button-anchor-medium-padding-y": "0px",
+  "hpe-web-multi-mode-button-anchor-small-border-radius": "9999px",
+  "hpe-web-multi-mode-button-anchor-small-border-width": "4px",
+  "hpe-web-multi-mode-button-anchor-small-font-size": "16px",
+  "hpe-web-multi-mode-button-anchor-small-line-height": "24px",
+  "hpe-web-multi-mode-button-anchor-small-icon-height": "16px",
+  "hpe-web-multi-mode-button-anchor-small-icon-width": "16px",
+  "hpe-web-multi-mode-button-anchor-small-min-height": "14px",
+  "hpe-web-multi-mode-button-anchor-small-gap-x": "8px",
+  "hpe-web-multi-mode-button-anchor-small-padding-x": "0px",
+  "hpe-web-multi-mode-button-anchor-small-padding-y": "0px",
+  "hpe-web-multi-mode-button-primary-large-border-radius": "9999px",
+  "hpe-web-multi-mode-button-primary-large-font-size": "20px",
+  "hpe-web-multi-mode-button-primary-large-line-height": "28px",
+  "hpe-web-multi-mode-button-primary-large-border-width": "0px",
+  "hpe-web-multi-mode-button-primary-large-icon-height": "20px",
+  "hpe-web-multi-mode-button-primary-large-icon-width": "20px",
+  "hpe-web-multi-mode-button-primary-large-min-height": "60px",
+  "hpe-web-multi-mode-button-primary-large-gap-x": "12px",
+  "hpe-web-multi-mode-button-primary-large-padding-x": "36px",
+  "hpe-web-multi-mode-button-primary-large-padding-y": "16px",
+  "hpe-web-multi-mode-button-primary-medium-border-radius": "9999px",
+  "hpe-web-multi-mode-button-primary-medium-border-width": "0px",
+  "hpe-web-multi-mode-button-primary-medium-font-size": "18px",
+  "hpe-web-multi-mode-button-primary-medium-line-height": "24px",
+  "hpe-web-multi-mode-button-primary-medium-icon-height": "16px",
+  "hpe-web-multi-mode-button-primary-medium-icon-width": "16px",
+  "hpe-web-multi-mode-button-primary-medium-min-height": "52px",
+  "hpe-web-multi-mode-button-primary-medium-gap-x": "12px",
+  "hpe-web-multi-mode-button-primary-medium-padding-x": "28px",
+  "hpe-web-multi-mode-button-primary-medium-padding-y": "14px",
+  "hpe-web-multi-mode-button-primary-small-border-radius": "9999px",
+  "hpe-web-multi-mode-button-primary-small-border-width": "0px",
+  "hpe-web-multi-mode-button-primary-small-font-size": "16px",
+  "hpe-web-multi-mode-button-primary-small-line-height": "24px",
+  "hpe-web-multi-mode-button-primary-small-icon-height": "16px",
+  "hpe-web-multi-mode-button-primary-small-icon-width": "16px",
+  "hpe-web-multi-mode-button-primary-small-min-height": "48px",
+  "hpe-web-multi-mode-button-primary-small-gap-x": "8px",
+  "hpe-web-multi-mode-button-primary-small-padding-x": "24px",
+  "hpe-web-multi-mode-button-primary-small-padding-y": "12px",
+  "hpe-web-multi-mode-button-secondary-large-border-radius": "9999px",
+  "hpe-web-multi-mode-button-secondary-large-border-width": "4px",
+  "hpe-web-multi-mode-button-secondary-large-font-size": "20px",
+  "hpe-web-multi-mode-button-secondary-large-line-height": "28px",
+  "hpe-web-multi-mode-button-secondary-large-icon-height": "20px",
+  "hpe-web-multi-mode-button-secondary-large-icon-width": "20px",
+  "hpe-web-multi-mode-button-secondary-large-min-height": "60px",
+  "hpe-web-multi-mode-button-secondary-large-gap-x": "12px",
+  "hpe-web-multi-mode-button-secondary-large-padding-x": "36px",
+  "hpe-web-multi-mode-button-secondary-large-padding-y": "16px",
+  "hpe-web-multi-mode-button-secondary-medium-border-radius": "9999px",
+  "hpe-web-multi-mode-button-secondary-medium-border-width": "4px",
+  "hpe-web-multi-mode-button-secondary-medium-font-size": "18px",
+  "hpe-web-multi-mode-button-secondary-medium-line-height": "24px",
+  "hpe-web-multi-mode-button-secondary-medium-icon-height": "16px",
+  "hpe-web-multi-mode-button-secondary-medium-icon-width": "16px",
+  "hpe-web-multi-mode-button-secondary-medium-min-height": "52px",
+  "hpe-web-multi-mode-button-secondary-medium-gap-x": "12px",
+  "hpe-web-multi-mode-button-secondary-medium-padding-x": "28px",
+  "hpe-web-multi-mode-button-secondary-medium-padding-y": "14px",
+  "hpe-web-multi-mode-button-secondary-small-border-radius": "9999px",
+  "hpe-web-multi-mode-button-secondary-small-border-width": "3px",
+  "hpe-web-multi-mode-button-secondary-small-font-size": "16px",
+  "hpe-web-multi-mode-button-secondary-small-line-height": "24px",
+  "hpe-web-multi-mode-button-secondary-small-icon-height": "16px",
+  "hpe-web-multi-mode-button-secondary-small-icon-width": "16px",
+  "hpe-web-multi-mode-button-secondary-small-min-height": "48px",
+  "hpe-web-multi-mode-button-secondary-small-gap-x": "8px",
+  "hpe-web-multi-mode-button-secondary-small-padding-x": "24px",
+  "hpe-web-multi-mode-button-secondary-small-padding-y": "12px",
+  "hpe-web-radius-full": "9999px",
+  "hpe-web-radius-hair": "1px",
+  "hpe-web-radius-large": "12px",
+  "hpe-web-radius-medium": "8px",
+  "hpe-web-radius-none": "0px",
+  "hpe-web-radius-small": "6px",
+  "hpe-web-radius-xlarge": "16px",
+  "hpe-web-radius-xsmall": "4px",
+  "hpe-web-radius-xxlarge": "24px",
+  "hpe-web-radius-xxsmall": "1px",
+  "hpe-web-color-background-card": "#f7f7f7",
+  "hpe-web-color-background-card-hover": "#e6e8e9",
+  "hpe-web-color-background-component": "#e6e8e9",
+  "hpe-web-color-background-component-disabled": "#a5a5a9",
+  "hpe-web-color-background-component-hover": "#d4d4d4",
+  "hpe-web-color-background-contrast": "#0000000a",
+  "hpe-web-color-background-critical": "#cc1f1a",
+  "hpe-web-color-background-default": "#ffffff",
+  "hpe-web-color-background-focus": "#2ad2c9",
+  "hpe-web-color-background-neutral": "#535c66",
+  "hpe-web-color-background-neutral-strong": "#292d3a",
+  "hpe-web-color-background-neutral-weak": "#d4d8db",
+  "hpe-web-color-background-ok": "#009a71",
+  "hpe-web-color-background-primary": "#01a982",
+  "hpe-web-color-background-primary-strong": "#068667",
+  "hpe-web-color-background-warning": "#d36d00",
+  "hpe-web-color-border-critical": "#cc1f1a",
+  "hpe-web-color-border-default": "#a0a2a8",
+  "hpe-web-color-border-focus": "#2ad2c9",
+  "hpe-web-color-border-ok": "#009a71",
+  "hpe-web-color-border-primary": "#01a982",
+  "hpe-web-color-border-primary-strong": "#068667",
+  "hpe-web-color-border-warning": "#d36d00",
+  "hpe-web-color-border-weak": "#d1d1d1",
+  "hpe-web-color-decorative-black": "#000000",
+  "hpe-web-color-decorative-blue": "#0070f8",
+  "hpe-web-color-decorative-brand": "#01a982",
+  "hpe-web-color-decorative-cyan": "#62e5f6",
+  "hpe-web-color-decorative-green": "#05cc93",
+  "hpe-web-color-decorative-neutral": "#7d8a92",
+  "hpe-web-color-decorative-neutral-hover": "#606a70",
+  "hpe-web-color-decorative-purple": "#7764fc",
+  "hpe-web-color-decorative-white": "#ffffff",
+  "hpe-web-color-gradient-element-green-stop0": "#05cc93",
+  "hpe-web-color-gradient-element-green-stop100": "#ffffff00",
+  "hpe-web-color-gradient-element-neutral-stop0": "#292d3a45",
+  "hpe-web-color-gradient-element-neutral-stop100": "#ffffff00",
+  "hpe-web-color-gradient-element-neutral-stop15": "#393d4840",
+  "hpe-web-color-gradient-element-neutral-stop28": "#494e573d",
+  "hpe-web-color-gradient-element-neutral-stop38": "#5a5f6538",
+  "hpe-web-color-gradient-element-neutral-stop47": "#6a707333",
+  "hpe-web-color-gradient-element-neutral-stop54": "#7b818130",
+  "hpe-web-color-gradient-element-neutral-stop60": "#8c92902b",
+  "hpe-web-color-gradient-element-neutral-stop65": "#9da39e26",
+  "hpe-web-color-gradient-element-neutral-stop70": "#adb4ac21",
+  "hpe-web-color-gradient-element-neutral-stop73": "#bec5bb1f",
+  "hpe-web-color-gradient-element-neutral-stop77": "#cfd6c91a",
+  "hpe-web-color-gradient-element-neutral-stop80": "#e0e7d714",
+  "hpe-web-color-gradient-element-neutral-stop84": "#f0f8e512",
+  "hpe-web-color-gradient-element-neutral-stop88": "#fafff20d",
+  "hpe-web-color-gradient-element-neutral-stop94": "#ffffff08",
+  "hpe-web-color-gradient-neutral-stop0": "#1d1f2700",
+  "hpe-web-color-gradient-neutral-stop100": "#1d1f27",
+  "hpe-web-color-gradient-video-overlay-stop0": "#00000000",
+  "hpe-web-color-gradient-video-overlay-stop100": "#00000066",
+  "hpe-web-color-icon-critical": "#cc1f1a",
+  "hpe-web-color-icon-default": "#67686e",
+  "hpe-web-color-icon-disabled": "#a0a2ab",
+  "hpe-web-color-icon-focus": "#2ad2c9",
+  "hpe-web-color-icon-neutral": "#292d3a",
+  "hpe-web-color-icon-ok": "#009a71",
+  "hpe-web-color-icon-primary": "#01a982",
+  "hpe-web-color-icon-primary-strong": "#005f49",
+  "hpe-web-color-icon-strong": "#292d3a",
+  "hpe-web-color-icon-warning": "#d36d00",
+  "hpe-web-color-icon-weak": "#676767",
+  "hpe-web-color-logo": "#01a982",
+  "hpe-web-color-text-body": "#67686e",
+  "hpe-web-color-text-critical": "#cc1f1a",
+  "hpe-web-color-text-disabled": "#a0a2ab",
+  "hpe-web-color-text-focus": "#2ad2c9",
+  "hpe-web-color-text-header": "#292d3a",
+  "hpe-web-color-text-neutral-strong": "#21242e",
+  "hpe-web-color-text-ok": "#009a71",
+  "hpe-web-color-text-on-neutral": "#ffffff",
+  "hpe-web-color-text-primary": "#068667",
+  "hpe-web-color-text-primary-strong": "#005f49",
+  "hpe-web-color-text-warning": "#d36d00",
+  "hpe-web-color-text-weak": "#676767",
+  "hpe-web-color-transparent": "#00000000",
+  "hpe-web-theme-button-carousel-disabled-background": "#b4b6ba",
+  "hpe-web-theme-button-carousel-disabled-border-color": "#00000000",
+  "hpe-web-theme-button-carousel-disabled-icon-color": "#ffffff",
+  "hpe-web-theme-button-carousel-hover-background": "#67686e",
+  "hpe-web-theme-button-carousel-hover-border-color": "#00000000",
+  "hpe-web-theme-button-carousel-hover-icon-color": "#ffffff",
+  "hpe-web-theme-button-carousel-rest-background": "#535c66",
+  "hpe-web-theme-button-carousel-rest-border-color": "#00000000",
+  "hpe-web-theme-button-carousel-rest-icon-color": "#ffffff",
+  "hpe-web-display-font": "\"HPE Graphik XXCondensed\", \"Arial Narrow\", Arial, sans-serif",
+  "hpe-web-display-bold-2xlarge-font-size": "144px",
+  "hpe-web-display-bold-2xlarge-font-weight": 700,
+  "hpe-web-display-bold-2xlarge-letter-spacing": "2px",
+  "hpe-web-display-bold-2xlarge-line-height": "144px",
+  "hpe-web-display-bold-large-font-size": "80px",
+  "hpe-web-display-bold-large-font-weight": 700,
+  "hpe-web-display-bold-large-letter-spacing": "1.6px",
+  "hpe-web-display-bold-large-line-height": "80px",
+  "hpe-web-display-bold-xlarge-font-size": "96px",
+  "hpe-web-display-bold-xlarge-font-weight": 700,
+  "hpe-web-display-bold-xlarge-letter-spacing": "2px",
+  "hpe-web-display-bold-xlarge-line-height": "96px",
+  "hpe-web-display-light-2xlarge-font-size": "144px",
+  "hpe-web-display-light-2xlarge-font-weight": 300,
+  "hpe-web-display-light-2xlarge-letter-spacing": "2px",
+  "hpe-web-display-light-2xlarge-line-height": "144px",
+  "hpe-web-display-light-large-font-size": "80px",
+  "hpe-web-display-light-large-font-weight": 300,
+  "hpe-web-display-light-large-letter-spacing": "1.6px",
+  "hpe-web-display-light-large-line-height": "80px",
+  "hpe-web-display-light-xlarge-font-size": "96px",
+  "hpe-web-display-light-xlarge-font-weight": 300,
+  "hpe-web-display-light-xlarge-letter-spacing": "2px",
+  "hpe-web-display-light-xlarge-line-height": "96px",
+  "hpe-web-display-regular-2xlarge-font-size": "144px",
+  "hpe-web-display-regular-2xlarge-font-weight": 400,
+  "hpe-web-display-regular-2xlarge-letter-spacing": "2px",
+  "hpe-web-display-regular-2xlarge-line-height": "144px",
+  "hpe-web-display-regular-large-font-size": "80px",
+  "hpe-web-display-regular-large-font-weight": 500,
+  "hpe-web-display-regular-large-letter-spacing": "1.6px",
+  "hpe-web-display-regular-large-line-height": "80px",
+  "hpe-web-display-regular-xlarge-font-size": "96px",
+  "hpe-web-display-regular-xlarge-font-weight": 500,
+  "hpe-web-display-regular-xlarge-letter-spacing": "2px",
+  "hpe-web-display-regular-xlarge-line-height": "96px",
+  "hpe-web-heading-font": "\"HPE Graphik\", Arial, sans-serif",
+  "hpe-web-heading-3xsmall-font-size": "16px",
+  "hpe-web-heading-3xsmall-font-weight": 500,
+  "hpe-web-heading-3xsmall-letter-spacing": "0px",
+  "hpe-web-heading-3xsmall-line-height": "22px",
+  "hpe-web-heading-large-font-size": "56px",
+  "hpe-web-heading-large-font-weight": 500,
+  "hpe-web-heading-large-letter-spacing": "-1.68px",
+  "hpe-web-heading-large-line-height": "62px",
+  "hpe-web-heading-medium-font-size": "40px",
+  "hpe-web-heading-medium-font-weight": 500,
+  "hpe-web-heading-medium-letter-spacing": "-0.8px",
+  "hpe-web-heading-medium-line-height": "46px",
+  "hpe-web-heading-small-font-size": "32px",
+  "hpe-web-heading-small-font-weight": 500,
+  "hpe-web-heading-small-letter-spacing": "-0.32px",
+  "hpe-web-heading-small-line-height": "38px",
+  "hpe-web-heading-xlarge-font-size": "68px",
+  "hpe-web-heading-xlarge-font-weight": 500,
+  "hpe-web-heading-xlarge-letter-spacing": "-2.73px",
+  "hpe-web-heading-xlarge-line-height": "74px",
+  "hpe-web-heading-xsmall-font-size": "24px",
+  "hpe-web-heading-xsmall-font-weight": 500,
+  "hpe-web-heading-xsmall-letter-spacing": "0px",
+  "hpe-web-heading-xsmall-line-height": "30px",
+  "hpe-web-heading-xxsmall-font-size": "18px",
+  "hpe-web-heading-xxsmall-font-weight": 500,
+  "hpe-web-heading-xxsmall-letter-spacing": "0px",
+  "hpe-web-heading-xxsmall-line-height": "24px",
+  "hpe-web-quote-font": "\"HPE Graphik\", Arial, sans-serif",
+  "hpe-web-quote-large-font-size": "48px",
+  "hpe-web-quote-large-font-weight": 400,
+  "hpe-web-quote-large-letter-spacing": "-1.92px",
+  "hpe-web-quote-large-line-height": "58px",
+  "hpe-web-quote-medium-font-size": "40px",
+  "hpe-web-quote-medium-font-weight": 400,
+  "hpe-web-quote-medium-letter-spacing": "-1.2px",
+  "hpe-web-quote-medium-line-height": "50px",
+  "hpe-web-quote-small-font-size": "32px",
+  "hpe-web-quote-small-font-weight": 400,
+  "hpe-web-quote-small-letter-spacing": "-0.64px",
+  "hpe-web-quote-small-line-height": "42px",
+  "hpe-web-text-font": "\"HPE Graphik\", Arial, sans-serif",
+  "hpe-web-text-large-font-size": "24px",
+  "hpe-web-text-large-font-weight": 400,
+  "hpe-web-text-large-letter-spacing": "-0.24px",
+  "hpe-web-text-large-line-height": "34px",
+  "hpe-web-text-medium-font-size": "18px",
+  "hpe-web-text-medium-font-weight": 400,
+  "hpe-web-text-medium-letter-spacing": "0px",
+  "hpe-web-text-medium-line-height": "26px",
+  "hpe-web-text-small-font-size": "16px",
+  "hpe-web-text-small-font-weight": 400,
+  "hpe-web-text-small-letter-spacing": "0px",
+  "hpe-web-text-small-line-height": "24px",
+  "hpe-web-text-xsmall-font-size": "14px",
+  "hpe-web-text-xsmall-font-weight": 400,
+  "hpe-web-text-xsmall-letter-spacing": "0px",
+  "hpe-web-text-xsmall-line-height": "20px",
+  "hpe-web-spacing-3xlarge": "96px",
+  "hpe-web-spacing-3xsmall": "8px",
+  "hpe-web-spacing-4xlarge": "160px",
+  "hpe-web-spacing-4xsmall": "4px",
+  "hpe-web-spacing-hair": "1px",
+  "hpe-web-spacing-large": "40px",
+  "hpe-web-spacing-medium": "32px",
+  "hpe-web-spacing-none": "0px",
+  "hpe-web-spacing-small": "24px",
+  "hpe-web-spacing-xlarge": "48px",
+  "hpe-web-spacing-xsmall": "16px",
+  "hpe-web-spacing-xxlarge": "64px",
+  "hpe-web-spacing-xxsmall": "12px"
+}

package/dist/json/tokens.sm-xs.json

@@ -0,0 +1,87 @@
+{
+  "hpe-web-multi-mode-button-anchor-large-font-size": "18px",
+  "hpe-web-multi-mode-button-anchor-large-line-height": "24px",
+  "hpe-web-multi-mode-button-anchor-large-min-height": "16px",
+  "hpe-web-multi-mode-button-anchor-large-gap-x": "8px",
+  "hpe-web-multi-mode-button-anchor-medium-border-width": "0px",
+  "hpe-web-multi-mode-button-anchor-small-padding-x": "2px",
+  "hpe-web-multi-mode-button-primary-large-font-size": "18px",
+  "hpe-web-multi-mode-button-primary-large-line-height": "24px",
+  "hpe-web-multi-mode-button-primary-large-min-height": "56px",
+  "hpe-web-multi-mode-button-primary-large-gap-x": "8px",
+  "hpe-web-multi-mode-button-primary-medium-icon-width": "20px",
+  "hpe-web-multi-mode-button-secondary-large-font-size": "18px",
+  "hpe-web-multi-mode-button-secondary-large-line-height": "24px",
+  "hpe-web-multi-mode-button-secondary-large-min-height": "56px",
+  "hpe-web-multi-mode-button-secondary-large-gap-x": "8px",
+  "hpe-web-multi-mode-button-secondary-medium-icon-width": "20px",
+  "hpe-web-radius-large": "16px",
+  "hpe-web-radius-medium": "12px",
+  "hpe-web-radius-small": "8px",
+  "hpe-web-radius-xlarge": "24px",
+  "hpe-web-radius-xsmall": "6px",
+  "hpe-web-radius-xxlarge": "32px",
+  "hpe-web-radius-xxsmall": "4px",
+  "hpe-web-display-bold-2xlarge-font-size": "90px",
+  "hpe-web-display-bold-2xlarge-line-height": "90px",
+  "hpe-web-display-bold-large-font-size": "48px",
+  "hpe-web-display-bold-large-letter-spacing": "0.96px",
+  "hpe-web-display-bold-large-line-height": "48px",
+  "hpe-web-display-bold-xlarge-font-size": "60px",
+  "hpe-web-display-bold-xlarge-letter-spacing": "1.2px",
+  "hpe-web-display-bold-xlarge-line-height": "60px",
+  "hpe-web-display-light-2xlarge-font-size": "90px",
+  "hpe-web-display-light-2xlarge-line-height": "90px",
+  "hpe-web-display-light-large-font-size": "48px",
+  "hpe-web-display-light-large-letter-spacing": "0.96px",
+  "hpe-web-display-light-large-line-height": "48px",
+  "hpe-web-display-light-xlarge-font-size": "60px",
+  "hpe-web-display-light-xlarge-letter-spacing": "1.2px",
+  "hpe-web-display-light-xlarge-line-height": "60px",
+  "hpe-web-display-regular-2xlarge-font-size": "90px",
+  "hpe-web-display-regular-2xlarge-line-height": "90px",
+  "hpe-web-display-regular-large-font-size": "48px",
+  "hpe-web-display-regular-large-font-weight": 400,
+  "hpe-web-display-regular-large-letter-spacing": "0.96px",
+  "hpe-web-display-regular-large-line-height": "48px",
+  "hpe-web-display-regular-xlarge-font-size": "60px",
+  "hpe-web-display-regular-xlarge-font-weight": 400,
+  "hpe-web-display-regular-xlarge-letter-spacing": "1.2px",
+  "hpe-web-display-regular-xlarge-line-height": "60px",
+  "hpe-web-heading-3xsmall-font-size": "14px",
+  "hpe-web-heading-3xsmall-line-height": "20px",
+  "hpe-web-heading-large-font-size": "40px",
+  "hpe-web-heading-large-letter-spacing": "-0.8px",
+  "hpe-web-heading-large-line-height": "46px",
+  "hpe-web-heading-medium-font-size": "32px",
+  "hpe-web-heading-medium-letter-spacing": "-0.32px",
+  "hpe-web-heading-medium-line-height": "38px",
+  "hpe-web-heading-small-font-size": "26px",
+  "hpe-web-heading-small-letter-spacing": "0px",
+  "hpe-web-heading-small-line-height": "32px",
+  "hpe-web-heading-xlarge-font-size": "40px",
+  "hpe-web-heading-xlarge-letter-spacing": "-0.8px",
+  "hpe-web-heading-xlarge-line-height": "46px",
+  "hpe-web-heading-xsmall-font-size": "20px",
+  "hpe-web-heading-xsmall-line-height": "26px",
+  "hpe-web-heading-xxsmall-font-size": "16px",
+  "hpe-web-heading-xxsmall-line-height": "22px",
+  "hpe-web-quote-large-font-size": "32px",
+  "hpe-web-quote-large-letter-spacing": "-0.64px",
+  "hpe-web-quote-large-line-height": "42px",
+  "hpe-web-quote-medium-font-size": "28px",
+  "hpe-web-quote-medium-letter-spacing": "-0.28px",
+  "hpe-web-quote-medium-line-height": "38px",
+  "hpe-web-quote-small-font-size": "24px",
+  "hpe-web-quote-small-letter-spacing": "-0.24px",
+  "hpe-web-quote-small-line-height": "34px",
+  "hpe-web-text-large-font-size": "20px",
+  "hpe-web-text-large-letter-spacing": "-0.2px",
+  "hpe-web-text-large-line-height": "30px",
+  "hpe-web-text-medium-font-size": "16px",
+  "hpe-web-text-medium-line-height": "24px",
+  "hpe-web-text-small-font-size": "14px",
+  "hpe-web-text-small-line-height": "20px",
+  "hpe-web-text-xsmall-font-size": "12px",
+  "hpe-web-text-xsmall-line-height": "18px"
+}

package/dist/json/tokens.xl.json

@@ -0,0 +1,94 @@
+{
+  "hpe-web-multi-mode-button-anchor-large-font-size": "24px",
+  "hpe-web-multi-mode-button-anchor-large-icon-height": "24px",
+  "hpe-web-multi-mode-button-anchor-large-icon-width": "24px",
+  "hpe-web-multi-mode-button-anchor-medium-font-size": "20px",
+  "hpe-web-multi-mode-button-anchor-medium-icon-height": "20px",
+  "hpe-web-multi-mode-button-anchor-medium-icon-width": "20px",
+  "hpe-web-multi-mode-button-primary-large-font-size": "24px",
+  "hpe-web-multi-mode-button-primary-large-icon-height": "24px",
+  "hpe-web-multi-mode-button-primary-large-icon-width": "24px",
+  "hpe-web-multi-mode-button-primary-large-min-height": "72px",
+  "hpe-web-multi-mode-button-primary-large-padding-x": "40px",
+  "hpe-web-multi-mode-button-primary-large-padding-y": "22px",
+  "hpe-web-multi-mode-button-primary-medium-font-size": "20px",
+  "hpe-web-multi-mode-button-primary-medium-icon-height": "20px",
+  "hpe-web-multi-mode-button-primary-medium-icon-width": "20px",
+  "hpe-web-multi-mode-button-primary-medium-min-height": "64px",
+  "hpe-web-multi-mode-button-primary-medium-padding-x": "36px",
+  "hpe-web-multi-mode-button-primary-medium-padding-y": "20px",
+  "hpe-web-multi-mode-button-primary-small-min-height": "56px",
+  "hpe-web-multi-mode-button-secondary-large-font-size": "24px",
+  "hpe-web-multi-mode-button-secondary-large-icon-height": "24px",
+  "hpe-web-multi-mode-button-secondary-large-icon-width": "24px",
+  "hpe-web-multi-mode-button-secondary-large-min-height": "76px",
+  "hpe-web-multi-mode-button-secondary-large-padding-x": "40px",
+  "hpe-web-multi-mode-button-secondary-large-padding-y": "22px",
+  "hpe-web-multi-mode-button-secondary-medium-font-size": "20px",
+  "hpe-web-multi-mode-button-secondary-medium-icon-height": "20px",
+  "hpe-web-multi-mode-button-secondary-medium-icon-width": "20px",
+  "hpe-web-multi-mode-button-secondary-medium-min-height": "64px",
+  "hpe-web-multi-mode-button-secondary-medium-padding-x": "36px",
+  "hpe-web-multi-mode-button-secondary-medium-padding-y": "20px",
+  "hpe-web-multi-mode-button-secondary-small-min-height": "56px",
+  "hpe-web-radius-large": "16px",
+  "hpe-web-radius-medium": "12px",
+  "hpe-web-radius-small": "8px",
+  "hpe-web-radius-xlarge": "24px",
+  "hpe-web-radius-xsmall": "6px",
+  "hpe-web-radius-xxlarge": "32px",
+  "hpe-web-radius-xxsmall": "4px",
+  "hpe-web-display-bold-2xlarge-font-size": "168px",
+  "hpe-web-display-bold-2xlarge-line-height": "168px",
+  "hpe-web-display-bold-large-font-size": "96px",
+  "hpe-web-display-bold-large-letter-spacing": "1.92px",
+  "hpe-web-display-bold-large-line-height": "96px",
+  "hpe-web-display-bold-xlarge-font-size": "112px",
+  "hpe-web-display-bold-xlarge-line-height": "112px",
+  "hpe-web-display-light-2xlarge-font-size": "168px",
+  "hpe-web-display-light-2xlarge-line-height": "168px",
+  "hpe-web-display-light-large-font-size": "96px",
+  "hpe-web-display-light-large-letter-spacing": "1.92px",
+  "hpe-web-display-light-large-line-height": "96px",
+  "hpe-web-display-light-xlarge-font-size": "112px",
+  "hpe-web-display-light-xlarge-line-height": "112px",
+  "hpe-web-display-regular-2xlarge-font-size": "168px",
+  "hpe-web-display-regular-2xlarge-line-height": "168px",
+  "hpe-web-display-regular-large-font-size": "96px",
+  "hpe-web-display-regular-large-letter-spacing": "1.92px",
+  "hpe-web-display-regular-large-line-height": "96px",
+  "hpe-web-display-regular-xlarge-font-size": "112px",
+  "hpe-web-display-regular-xlarge-line-height": "112px",
+  "hpe-web-heading-large-font-size": "68px",
+  "hpe-web-heading-large-letter-spacing": "-2.72px",
+  "hpe-web-heading-large-line-height": "74px",
+  "hpe-web-heading-medium-font-size": "52px",
+  "hpe-web-heading-medium-letter-spacing": "-1.04px",
+  "hpe-web-heading-medium-line-height": "58px",
+  "hpe-web-heading-small-font-size": "36px",
+  "hpe-web-heading-small-letter-spacing": "-0.36px",
+  "hpe-web-heading-small-line-height": "42px",
+  "hpe-web-heading-xlarge-font-size": "84px",
+  "hpe-web-heading-xlarge-letter-spacing": "-3.36px",
+  "hpe-web-heading-xlarge-line-height": "90px",
+  "hpe-web-heading-xsmall-font-size": "28px",
+  "hpe-web-heading-xsmall-letter-spacing": "-0.28px",
+  "hpe-web-heading-xsmall-line-height": "34px",
+  "hpe-web-heading-xxsmall-font-size": "20px",
+  "hpe-web-heading-xxsmall-line-height": "26px",
+  "hpe-web-quote-large-font-size": "52px",
+  "hpe-web-quote-large-letter-spacing": "-2.08px",
+  "hpe-web-quote-large-line-height": "62px",
+  "hpe-web-quote-medium-font-size": "44px",
+  "hpe-web-quote-medium-letter-spacing": "-1.32px",
+  "hpe-web-quote-medium-line-height": "54px",
+  "hpe-web-quote-small-font-size": "36px",
+  "hpe-web-quote-small-letter-spacing": "-0.72px",
+  "hpe-web-quote-small-line-height": "46px",
+  "hpe-web-text-large-font-size": "28px",
+  "hpe-web-text-large-letter-spacing": "-0.28px",
+  "hpe-web-text-large-line-height": "38px",
+  "hpe-web-text-medium-font-size": "20px",
+  "hpe-web-text-medium-letter-spacing": "-0.2px",
+  "hpe-web-text-medium-line-height": "30px"
+}

package/dist/scss/_tokens.dark.scss

@@ -0,0 +1,93 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$hpe-web-button-play-rest-icon-color: #068667 !default;
+$hpe-web-color-background-card: #292d3a !default;
+$hpe-web-color-background-card-hover: #21242e !default;
+$hpe-web-color-background-component: #292d3a !default;
+$hpe-web-color-background-component-disabled: #d4d8db !default;
+$hpe-web-color-background-component-hover: #535c66 !default;
+$hpe-web-color-background-contrast: #0000000a !default;
+$hpe-web-color-background-critical: #cc1f1a !default;
+$hpe-web-color-background-default: #1d1f27 !default;
+$hpe-web-color-background-focus: #2ad2c9 !default;
+$hpe-web-color-background-neutral: #d4d8db !default;
+$hpe-web-color-background-neutral-strong: #ffffff !default;
+$hpe-web-color-background-neutral-weak: #d4d8db !default;
+$hpe-web-color-background-ok: #1ed8ae !default;
+$hpe-web-color-background-primary: #01a982 !default;
+$hpe-web-color-background-primary-strong: #068667 !default;
+$hpe-web-color-background-warning: #d36d00 !default;
+$hpe-web-color-border-critical: #cc1f1a !default;
+$hpe-web-color-border-default: #7d8a92 !default;
+$hpe-web-color-border-focus: #2ad2c9 !default;
+$hpe-web-color-border-ok: #17eba0 !default;
+$hpe-web-color-border-primary: #01a982 !default;
+$hpe-web-color-border-primary-strong: #068667 !default;
+$hpe-web-color-border-warning: #d36d00 !default;
+$hpe-web-color-border-weak: #535c66 !default;
+$hpe-web-color-decorative-black: #000000 !default;
+$hpe-web-color-decorative-blue: #0070f8 !default;
+$hpe-web-color-decorative-brand: #01a982 !default;
+$hpe-web-color-decorative-cyan: #00a4b3 !default;
+$hpe-web-color-decorative-green: #068667 !default;
+$hpe-web-color-decorative-neutral: #b1b9be !default;
+$hpe-web-color-decorative-neutral-hover: #d4d8db !default;
+$hpe-web-color-decorative-purple: #7764fc !default;
+$hpe-web-color-decorative-white: #ffffff !default;
+$hpe-web-color-gradient-element-green-stop0: #05cc93 !default;
+$hpe-web-color-gradient-element-green-stop100: #0f101600 !default;
+$hpe-web-color-gradient-element-neutral-stop0: #5c667245 !default;
+$hpe-web-color-gradient-element-neutral-stop100: #5c667200 !default;
+$hpe-web-color-gradient-element-neutral-stop15: #5c6672fc !default;
+$hpe-web-color-gradient-element-neutral-stop28: #5c6672f5 !default;
+$hpe-web-color-gradient-element-neutral-stop38: #5c6672e8 !default;
+$hpe-web-color-gradient-element-neutral-stop47: #5c6672d9 !default;
+$hpe-web-color-gradient-element-neutral-stop54: #5c6672c7 !default;
+$hpe-web-color-gradient-element-neutral-stop60: #5c6672b2 !default;
+$hpe-web-color-gradient-element-neutral-stop65: #5c66729e !default;
+$hpe-web-color-gradient-element-neutral-stop70: #5c667285 !default;
+$hpe-web-color-gradient-element-neutral-stop73: #5c66726e !default;
+$hpe-web-color-gradient-element-neutral-stop77: #5c667257 !default;
+$hpe-web-color-gradient-element-neutral-stop80: #5c667242 !default;
+$hpe-web-color-gradient-element-neutral-stop84: #5c66722e !default;
+$hpe-web-color-gradient-element-neutral-stop88: #5c66721a !default;
+$hpe-web-color-gradient-element-neutral-stop94: #5c66720d !default;
+$hpe-web-color-gradient-neutral-stop0: #1d1f2700 !default;
+$hpe-web-color-gradient-neutral-stop100: #1d1f27 !default;
+$hpe-web-color-gradient-video-overlay-stop0: #00000000 !default;
+$hpe-web-color-gradient-video-overlay-stop100: #00000066 !default;
+$hpe-web-color-icon-critical: #cc1f1a !default;
+$hpe-web-color-icon-default: #e5e5e5 !default;
+$hpe-web-color-icon-disabled: #bebebe !default;
+$hpe-web-color-icon-focus: #2ad2c9 !default;
+$hpe-web-color-icon-neutral: #ffffff !default;
+$hpe-web-color-icon-ok: #1ed8ae !default;
+$hpe-web-color-icon-primary: #01a982 !default;
+$hpe-web-color-icon-primary-strong: #01a982 !default;
+$hpe-web-color-icon-strong: #ffffff !default;
+$hpe-web-color-icon-warning: #d36d00 !default;
+$hpe-web-color-icon-weak: #ffffff9c !default;
+$hpe-web-color-logo: #01a982 !default;
+$hpe-web-color-text-body: #e5e5e5 !default;
+$hpe-web-color-text-critical: #fc6161 !default;
+$hpe-web-color-text-disabled: #bebebe !default;
+$hpe-web-color-text-focus: #2ad2c9 !default;
+$hpe-web-color-text-header: #ffffff !default;
+$hpe-web-color-text-neutral-strong: #f7f7f7 !default;
+$hpe-web-color-text-ok: #17eba0 !default;
+$hpe-web-color-text-on-neutral: #292d3a !default;
+$hpe-web-color-text-primary: #00e0af !default;
+$hpe-web-color-text-primary-strong: #01a982 !default;
+$hpe-web-color-text-warning: #ec8c25 !default;
+$hpe-web-color-text-weak: #ffffff9c !default;
+$hpe-web-color-transparent: #ffffff00 !default;
+$hpe-web-theme-button-carousel-disabled-background: #a5a5a9 !default;
+$hpe-web-theme-button-carousel-disabled-border-color: #00000000 !default;
+$hpe-web-theme-button-carousel-disabled-icon-color: #292d3a !default;
+$hpe-web-theme-button-carousel-hover-background: #d4d4d4 !default;
+$hpe-web-theme-button-carousel-hover-border-color: #ffffff00 !default;
+$hpe-web-theme-button-carousel-hover-icon-color: #292d3a !default;
+$hpe-web-theme-button-carousel-rest-background: #e6e8e9 !default;
+$hpe-web-theme-button-carousel-rest-border-color: #00000000 !default;
+$hpe-web-theme-button-carousel-rest-icon-color: #292d3a !default;