New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@navikt/ds-tokens
Advanced tools
@navikt/ds-tokens - npm Package Compare versions
Comparing version 7.8.0 to 7.8.1
@@ -6,2 +6,10 @@ /** | ||
| module.exports = { | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| "ShadowDialog": "var(--ax-shadow-dialog)", | ||
| /** | ||
| * Used for setting opacity on disabled elements. | ||
| */ | ||
| "OpacityDisabled": "var(--ax-opacity-disabled)", | ||
| "BgNeutral": "var(--ax-bg-neutral)", | ||
@@ -91,72 +99,72 @@ "BgNeutralHover": "var(--ax-bg-neutral-hover)", | ||
| "BgInfoRaisedHover": "var(--ax-bg-info-raised-hover)", | ||
| "BgBrandOne": "var(--ax-bg-brand-one)", | ||
| "BgBrandOneHover": "var(--ax-bg-brand-one-hover)", | ||
| "BgBrandOneHoverA": "var(--ax-bg-brand-one-hoverA)", | ||
| "BgBrandOneModerate": "var(--ax-bg-brand-one-moderate)", | ||
| "BgBrandOneModerateA": "var(--ax-bg-brand-one-moderateA)", | ||
| "BgBrandOneModerateHover": "var(--ax-bg-brand-one-moderate-hover)", | ||
| "BgBrandOneModerateHoverA": "var(--ax-bg-brand-one-moderate-hoverA)", | ||
| "BgBrandOneModeratePressed": "var(--ax-bg-brand-one-moderate-pressed)", | ||
| "BgBrandOneModeratePressedA": "var(--ax-bg-brand-one-moderate-pressedA)", | ||
| "BgBrandOneStrong": "var(--ax-bg-brand-one-strong)", | ||
| "BgBrandOneStrongHover": "var(--ax-bg-brand-one-strong-hover)", | ||
| "BgBrandOneStrongPressed": "var(--ax-bg-brand-one-strong-pressed)", | ||
| "BgBrandOneRaised": "var(--ax-bg-brand-one-raised)", | ||
| "BgBrandOneRaisedHover": "var(--ax-bg-brand-one-raised-hover)", | ||
| "BgBrandTwo": "var(--ax-bg-brand-two)", | ||
| "BgBrandTwoHover": "var(--ax-bg-brand-two-hover)", | ||
| "BgBrandTwoHoverA": "var(--ax-bg-brand-two-hoverA)", | ||
| "BgBrandTwoModerate": "var(--ax-bg-brand-two-moderate)", | ||
| "BgBrandTwoModerateA": "var(--ax-bg-brand-two-moderateA)", | ||
| "BgBrandTwoModerateHover": "var(--ax-bg-brand-two-moderate-hover)", | ||
| "BgBrandTwoModerateHoverA": "var(--ax-bg-brand-two-moderate-hoverA)", | ||
| "BgBrandTwoModeratePressed": "var(--ax-bg-brand-two-moderate-pressed)", | ||
| "BgBrandTwoModeratePressedA": "var(--ax-bg-brand-two-moderate-pressedA)", | ||
| "BgBrandTwoStrong": "var(--ax-bg-brand-two-strong)", | ||
| "BgBrandTwoStrongHover": "var(--ax-bg-brand-two-strong-hover)", | ||
| "BgBrandTwoStrongPressed": "var(--ax-bg-brand-two-strong-pressed)", | ||
| "BgBrandTwoRaised": "var(--ax-bg-brand-two-raised)", | ||
| "BgBrandTwoRaisedHover": "var(--ax-bg-brand-two-raised-hover)", | ||
| "BgBrandThree": "var(--ax-bg-brand-three)", | ||
| "BgBrandThreeHover": "var(--ax-bg-brand-three-hover)", | ||
| "BgBrandThreeHoverA": "var(--ax-bg-brand-three-hoverA)", | ||
| "BgBrandThreeModerate": "var(--ax-bg-brand-three-moderate)", | ||
| "BgBrandThreeModerateA": "var(--ax-bg-brand-three-moderateA)", | ||
| "BgBrandThreeModerateHover": "var(--ax-bg-brand-three-moderate-hover)", | ||
| "BgBrandThreeModerateHoverA": "var(--ax-bg-brand-three-moderate-hoverA)", | ||
| "BgBrandThreeModeratePressed": "var(--ax-bg-brand-three-moderate-pressed)", | ||
| "BgBrandThreeModeratePressedA": "var(--ax-bg-brand-three-moderate-pressedA)", | ||
| "BgBrandThreeStrong": "var(--ax-bg-brand-three-strong)", | ||
| "BgBrandThreeStrongHover": "var(--ax-bg-brand-three-strong-hover)", | ||
| "BgBrandThreeStrongPressed": "var(--ax-bg-brand-three-strong-pressed)", | ||
| "BgBrandThreeRaised": "var(--ax-bg-brand-three-raised)", | ||
| "BgBrandThreeRaisedHover": "var(--ax-bg-brand-three-raised-hover)", | ||
| "BgDataOne": "var(--ax-bg-data-one)", | ||
| "BgDataOneHover": "var(--ax-bg-data-one-hover)", | ||
| "BgDataOneHoverA": "var(--ax-bg-data-one-hoverA)", | ||
| "BgDataOneModerate": "var(--ax-bg-data-one-moderate)", | ||
| "BgDataOneModerateA": "var(--ax-bg-data-one-moderateA)", | ||
| "BgDataOneModerateHover": "var(--ax-bg-data-one-moderate-hover)", | ||
| "BgDataOneModerateHoverA": "var(--ax-bg-data-one-moderate-hoverA)", | ||
| "BgDataOneModeratePressed": "var(--ax-bg-data-one-moderate-pressed)", | ||
| "BgDataOneModeratePressedA": "var(--ax-bg-data-one-moderate-pressedA)", | ||
| "BgDataOneStrong": "var(--ax-bg-data-one-strong)", | ||
| "BgDataOneStrongHover": "var(--ax-bg-data-one-strong-hover)", | ||
| "BgDataOneStrongPressed": "var(--ax-bg-data-one-strong-pressed)", | ||
| "BgDataOneRaised": "var(--ax-bg-data-one-raised)", | ||
| "BgDataOneRaisedHover": "var(--ax-bg-data-one-raised-hover)", | ||
| "BgDataTwo": "var(--ax-bg-data-two)", | ||
| "BgDataTwoHover": "var(--ax-bg-data-two-hover)", | ||
| "BgDataTwoHoverA": "var(--ax-bg-data-two-hoverA)", | ||
| "BgDataTwoModerate": "var(--ax-bg-data-two-moderate)", | ||
| "BgDataTwoModerateA": "var(--ax-bg-data-two-moderateA)", | ||
| "BgDataTwoModerateHover": "var(--ax-bg-data-two-moderate-hover)", | ||
| "BgDataTwoModerateHoverA": "var(--ax-bg-data-two-moderate-hoverA)", | ||
| "BgDataTwoModeratePressed": "var(--ax-bg-data-two-moderate-pressed)", | ||
| "BgDataTwoModeratePressedA": "var(--ax-bg-data-two-moderate-pressedA)", | ||
| "BgDataTwoStrong": "var(--ax-bg-data-two-strong)", | ||
| "BgDataTwoStrongHover": "var(--ax-bg-data-two-strong-hover)", | ||
| "BgDataTwoStrongPressed": "var(--ax-bg-data-two-strong-pressed)", | ||
| "BgDataTwoRaised": "var(--ax-bg-data-two-raised)", | ||
| "BgDataTwoRaisedHover": "var(--ax-bg-data-two-raised-hover)", | ||
| "BgBrandMagenta": "var(--ax-bg-brand-magenta)", | ||
| "BgBrandMagentaHover": "var(--ax-bg-brand-magenta-hover)", | ||
| "BgBrandMagentaHoverA": "var(--ax-bg-brand-magenta-hoverA)", | ||
| "BgBrandMagentaModerate": "var(--ax-bg-brand-magenta-moderate)", | ||
| "BgBrandMagentaModerateA": "var(--ax-bg-brand-magenta-moderateA)", | ||
| "BgBrandMagentaModerateHover": "var(--ax-bg-brand-magenta-moderate-hover)", | ||
| "BgBrandMagentaModerateHoverA": "var(--ax-bg-brand-magenta-moderate-hoverA)", | ||
| "BgBrandMagentaModeratePressed": "var(--ax-bg-brand-magenta-moderate-pressed)", | ||
| "BgBrandMagentaModeratePressedA": "var(--ax-bg-brand-magenta-moderate-pressedA)", | ||
| "BgBrandMagentaStrong": "var(--ax-bg-brand-magenta-strong)", | ||
| "BgBrandMagentaStrongHover": "var(--ax-bg-brand-magenta-strong-hover)", | ||
| "BgBrandMagentaStrongPressed": "var(--ax-bg-brand-magenta-strong-pressed)", | ||
| "BgBrandMagentaRaised": "var(--ax-bg-brand-magenta-raised)", | ||
| "BgBrandMagentaRaisedHover": "var(--ax-bg-brand-magenta-raised-hover)", | ||
| "BgBrandBeige": "var(--ax-bg-brand-beige)", | ||
| "BgBrandBeigeHover": "var(--ax-bg-brand-beige-hover)", | ||
| "BgBrandBeigeHoverA": "var(--ax-bg-brand-beige-hoverA)", | ||
| "BgBrandBeigeModerate": "var(--ax-bg-brand-beige-moderate)", | ||
| "BgBrandBeigeModerateA": "var(--ax-bg-brand-beige-moderateA)", | ||
| "BgBrandBeigeModerateHover": "var(--ax-bg-brand-beige-moderate-hover)", | ||
| "BgBrandBeigeModerateHoverA": "var(--ax-bg-brand-beige-moderate-hoverA)", | ||
| "BgBrandBeigeModeratePressed": "var(--ax-bg-brand-beige-moderate-pressed)", | ||
| "BgBrandBeigeModeratePressedA": "var(--ax-bg-brand-beige-moderate-pressedA)", | ||
| "BgBrandBeigeStrong": "var(--ax-bg-brand-beige-strong)", | ||
| "BgBrandBeigeStrongHover": "var(--ax-bg-brand-beige-strong-hover)", | ||
| "BgBrandBeigeStrongPressed": "var(--ax-bg-brand-beige-strong-pressed)", | ||
| "BgBrandBeigeRaised": "var(--ax-bg-brand-beige-raised)", | ||
| "BgBrandBeigeRaisedHover": "var(--ax-bg-brand-beige-raised-hover)", | ||
| "BgBrandBlue": "var(--ax-bg-brand-blue)", | ||
| "BgBrandBlueHover": "var(--ax-bg-brand-blue-hover)", | ||
| "BgBrandBlueHoverA": "var(--ax-bg-brand-blue-hoverA)", | ||
| "BgBrandBlueModerate": "var(--ax-bg-brand-blue-moderate)", | ||
| "BgBrandBlueModerateA": "var(--ax-bg-brand-blue-moderateA)", | ||
| "BgBrandBlueModerateHover": "var(--ax-bg-brand-blue-moderate-hover)", | ||
| "BgBrandBlueModerateHoverA": "var(--ax-bg-brand-blue-moderate-hoverA)", | ||
| "BgBrandBlueModeratePressed": "var(--ax-bg-brand-blue-moderate-pressed)", | ||
| "BgBrandBlueModeratePressedA": "var(--ax-bg-brand-blue-moderate-pressedA)", | ||
| "BgBrandBlueStrong": "var(--ax-bg-brand-blue-strong)", | ||
| "BgBrandBlueStrongHover": "var(--ax-bg-brand-blue-strong-hover)", | ||
| "BgBrandBlueStrongPressed": "var(--ax-bg-brand-blue-strong-pressed)", | ||
| "BgBrandBlueRaised": "var(--ax-bg-brand-blue-raised)", | ||
| "BgBrandBlueRaisedHover": "var(--ax-bg-brand-blue-raised-hover)", | ||
| "BgMetaPurple": "var(--ax-bg-meta-purple)", | ||
| "BgMetaPurpleHover": "var(--ax-bg-meta-purple-hover)", | ||
| "BgMetaPurpleHoverA": "var(--ax-bg-meta-purple-hoverA)", | ||
| "BgMetaPurpleModerate": "var(--ax-bg-meta-purple-moderate)", | ||
| "BgMetaPurpleModerateA": "var(--ax-bg-meta-purple-moderateA)", | ||
| "BgMetaPurpleModerateHover": "var(--ax-bg-meta-purple-moderate-hover)", | ||
| "BgMetaPurpleModerateHoverA": "var(--ax-bg-meta-purple-moderate-hoverA)", | ||
| "BgMetaPurpleModeratePressed": "var(--ax-bg-meta-purple-moderate-pressed)", | ||
| "BgMetaPurpleModeratePressedA": "var(--ax-bg-meta-purple-moderate-pressedA)", | ||
| "BgMetaPurpleStrong": "var(--ax-bg-meta-purple-strong)", | ||
| "BgMetaPurpleStrongHover": "var(--ax-bg-meta-purple-strong-hover)", | ||
| "BgMetaPurpleStrongPressed": "var(--ax-bg-meta-purple-strong-pressed)", | ||
| "BgMetaPurpleRaised": "var(--ax-bg-meta-purple-raised)", | ||
| "BgMetaPurpleRaisedHover": "var(--ax-bg-meta-purple-raised-hover)", | ||
| "BgMetaLime": "var(--ax-bg-meta-lime)", | ||
| "BgMetaLimeHover": "var(--ax-bg-meta-lime-hover)", | ||
| "BgMetaLimeHoverA": "var(--ax-bg-meta-lime-hoverA)", | ||
| "BgMetaLimeModerate": "var(--ax-bg-meta-lime-moderate)", | ||
| "BgMetaLimeModerateA": "var(--ax-bg-meta-lime-moderateA)", | ||
| "BgMetaLimeModerateHover": "var(--ax-bg-meta-lime-moderate-hover)", | ||
| "BgMetaLimeModerateHoverA": "var(--ax-bg-meta-lime-moderate-hoverA)", | ||
| "BgMetaLimeModeratePressed": "var(--ax-bg-meta-lime-moderate-pressed)", | ||
| "BgMetaLimeModeratePressedA": "var(--ax-bg-meta-lime-moderate-pressedA)", | ||
| "BgMetaLimeStrong": "var(--ax-bg-meta-lime-strong)", | ||
| "BgMetaLimeStrongHover": "var(--ax-bg-meta-lime-strong-hover)", | ||
| "BgMetaLimeStrongPressed": "var(--ax-bg-meta-lime-strong-pressed)", | ||
| "BgMetaLimeRaised": "var(--ax-bg-meta-lime-raised)", | ||
| "BgMetaLimeRaisedHover": "var(--ax-bg-meta-lime-raised-hover)", | ||
| "BgDefault": "var(--ax-bg-default)", | ||
@@ -185,17 +193,17 @@ "BgInput": "var(--ax-bg-input)", | ||
| "TextInfoIcon": "var(--ax-text-info-icon)", | ||
| "TextBrandOne": "var(--ax-text-brand-one)", | ||
| "TextBrandOneStrong": "var(--ax-text-brand-one-strong)", | ||
| "TextBrandOneIcon": "var(--ax-text-brand-one-icon)", | ||
| "TextBrandTwo": "var(--ax-text-brand-two)", | ||
| "TextBrandTwoStrong": "var(--ax-text-brand-two-strong)", | ||
| "TextBrandTwoIcon": "var(--ax-text-brand-two-icon)", | ||
| "TextBrandThree": "var(--ax-text-brand-three)", | ||
| "TextBrandThreeStrong": "var(--ax-text-brand-three-strong)", | ||
| "TextBrandThreeIcon": "var(--ax-text-brand-three-icon)", | ||
| "TextDataOne": "var(--ax-text-data-one)", | ||
| "TextDataOneStrong": "var(--ax-text-data-one-strong)", | ||
| "TextDataOneIcon": "var(--ax-text-data-one-icon)", | ||
| "TextDataTwo": "var(--ax-text-data-two)", | ||
| "TextDataTwoStrong": "var(--ax-text-data-two-strong)", | ||
| "TextDataTwoIcon": "var(--ax-text-data-two-icon)", | ||
| "TextBrandMagenta": "var(--ax-text-brand-magenta)", | ||
| "TextBrandMagentaStrong": "var(--ax-text-brand-magenta-strong)", | ||
| "TextBrandMagentaIcon": "var(--ax-text-brand-magenta-icon)", | ||
| "TextBrandBeige": "var(--ax-text-brand-beige)", | ||
| "TextBrandBeigeStrong": "var(--ax-text-brand-beige-strong)", | ||
| "TextBrandBeigeIcon": "var(--ax-text-brand-beige-icon)", | ||
| "TextBrandBlue": "var(--ax-text-brand-blue)", | ||
| "TextBrandBlueStrong": "var(--ax-text-brand-blue-strong)", | ||
| "TextBrandBlueIcon": "var(--ax-text-brand-blue-icon)", | ||
| "TextMetaPurple": "var(--ax-text-meta-purple)", | ||
| "TextMetaPurpleStrong": "var(--ax-text-meta-purple-strong)", | ||
| "TextMetaPurpleIcon": "var(--ax-text-meta-purple-icon)", | ||
| "TextMetaLime": "var(--ax-text-meta-lime)", | ||
| "TextMetaLimeStrong": "var(--ax-text-meta-lime-strong)", | ||
| "TextMetaLimeIcon": "var(--ax-text-meta-lime-icon)", | ||
| "TextAccentContrast": "var(--ax-text-accent-contrast)", | ||
@@ -207,7 +215,7 @@ "TextNeutralContrast": "var(--ax-text-neutral-contrast)", | ||
| "TextWarningContrast": "var(--ax-text-warning-contrast)", | ||
| "TextBrandOneContrast": "var(--ax-text-brand-one-contrast)", | ||
| "TextBrandTwoContrast": "var(--ax-text-brand-two-contrast)", | ||
| "TextBrandThreeContrast": "var(--ax-text-brand-three-contrast)", | ||
| "TextDataOneContrast": "var(--ax-text-data-one-contrast)", | ||
| "TextDataTwoContrast": "var(--ax-text-data-two-contrast)", | ||
| "TextBrandMagentaContrast": "var(--ax-text-brand-magenta-contrast)", | ||
| "TextBrandBeigeContrast": "var(--ax-text-brand-beige-contrast)", | ||
| "TextBrandBlueContrast": "var(--ax-text-brand-blue-contrast)", | ||
| "TextMetaPurpleContrast": "var(--ax-text-meta-purple-contrast)", | ||
| "TextMetaLimeContrast": "var(--ax-text-meta-lime-contrast)", | ||
| "TextDefault": "var(--ax-text-default)", | ||
@@ -241,22 +249,22 @@ "TextSubtle": "var(--ax-text-subtle)", | ||
| "BorderInfoStrong": "var(--ax-border-info-strong)", | ||
| "BorderBrandOne": "var(--ax-border-brand-one)", | ||
| "BorderBrandOneSubtle": "var(--ax-border-brand-one-subtle)", | ||
| "BorderBrandOneSubtleA": "var(--ax-border-brand-one-subtleA)", | ||
| "BorderBrandOneStrong": "var(--ax-border-brand-one-strong)", | ||
| "BorderBrandTwo": "var(--ax-border-brand-two)", | ||
| "BorderBrandTwoSubtle": "var(--ax-border-brand-two-subtle)", | ||
| "BorderBrandTwoSubtleA": "var(--ax-border-brand-two-subtleA)", | ||
| "BorderBrandTwoStrong": "var(--ax-border-brand-two-strong)", | ||
| "BorderBrandThree": "var(--ax-border-brand-three)", | ||
| "BorderBrandThreeSubtle": "var(--ax-border-brand-three-subtle)", | ||
| "BorderBrandThreeSubtleA": "var(--ax-border-brand-three-subtleA)", | ||
| "BorderBrandThreeStrong": "var(--ax-border-brand-three-strong)", | ||
| "BorderDataOne": "var(--ax-border-data-one)", | ||
| "BorderDataOneSubtle": "var(--ax-border-data-one-subtle)", | ||
| "BorderDataOneSubtleA": "var(--ax-border-data-one-subtleA)", | ||
| "BorderDataOneStrong": "var(--ax-border-data-one-strong)", | ||
| "BorderDataTwo": "var(--ax-border-data-two)", | ||
| "BorderDataTwoSubtle": "var(--ax-border-data-two-subtle)", | ||
| "BorderDataTwoSubtleA": "var(--ax-border-data-two-subtleA)", | ||
| "BorderDataTwoStrong": "var(--ax-border-data-two-strong)", | ||
| "BorderBrandMagenta": "var(--ax-border-brand-magenta)", | ||
| "BorderBrandMagentaSubtle": "var(--ax-border-brand-magenta-subtle)", | ||
| "BorderBrandMagentaSubtleA": "var(--ax-border-brand-magenta-subtleA)", | ||
| "BorderBrandMagentaStrong": "var(--ax-border-brand-magenta-strong)", | ||
| "BorderBrandBeige": "var(--ax-border-brand-beige)", | ||
| "BorderBrandBeigeSubtle": "var(--ax-border-brand-beige-subtle)", | ||
| "BorderBrandBeigeSubtleA": "var(--ax-border-brand-beige-subtleA)", | ||
| "BorderBrandBeigeStrong": "var(--ax-border-brand-beige-strong)", | ||
| "BorderBrandBlue": "var(--ax-border-brand-blue)", | ||
| "BorderBrandBlueSubtle": "var(--ax-border-brand-blue-subtle)", | ||
| "BorderBrandBlueSubtleA": "var(--ax-border-brand-blue-subtleA)", | ||
| "BorderBrandBlueStrong": "var(--ax-border-brand-blue-strong)", | ||
| "BorderMetaPurple": "var(--ax-border-meta-purple)", | ||
| "BorderMetaPurpleSubtle": "var(--ax-border-meta-purple-subtle)", | ||
| "BorderMetaPurpleSubtleA": "var(--ax-border-meta-purple-subtleA)", | ||
| "BorderMetaPurpleStrong": "var(--ax-border-meta-purple-strong)", | ||
| "BorderMetaLime": "var(--ax-border-meta-lime)", | ||
| "BorderMetaLimeSubtle": "var(--ax-border-meta-lime-subtle)", | ||
| "BorderMetaLimeSubtleA": "var(--ax-border-meta-lime-subtleA)", | ||
| "BorderMetaLimeStrong": "var(--ax-border-meta-lime-strong)", | ||
| "BorderDefault": "var(--ax-border-default)", | ||
@@ -267,6 +275,2 @@ "BorderSubtle": "var(--ax-border-subtle)", | ||
| "BorderFocus": "var(--ax-border-focus)", | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| "ShadowDialog": "var(--ax-shadow-dialog)", | ||
| "Neutral100": "var(--ax-neutral-100)", | ||
@@ -357,72 +361,72 @@ "Neutral200": "var(--ax-neutral-200)", | ||
| "Info400A": "var(--ax-info-400A)", | ||
| "BrandOne100": "var(--ax-brand-one-100)", | ||
| "BrandOne200": "var(--ax-brand-one-200)", | ||
| "BrandOne300": "var(--ax-brand-one-300)", | ||
| "BrandOne400": "var(--ax-brand-one-400)", | ||
| "BrandOne500": "var(--ax-brand-one-500)", | ||
| "BrandOne600": "var(--ax-brand-one-600)", | ||
| "BrandOne700": "var(--ax-brand-one-700)", | ||
| "BrandOne800": "var(--ax-brand-one-800)", | ||
| "BrandOne900": "var(--ax-brand-one-900)", | ||
| "BrandOne1000": "var(--ax-brand-one-1000)", | ||
| "BrandOne100A": "var(--ax-brand-one-100A)", | ||
| "BrandOne200A": "var(--ax-brand-one-200A)", | ||
| "BrandOne300A": "var(--ax-brand-one-300A)", | ||
| "BrandOne400A": "var(--ax-brand-one-400A)", | ||
| "BrandTwo100": "var(--ax-brand-two-100)", | ||
| "BrandTwo200": "var(--ax-brand-two-200)", | ||
| "BrandTwo300": "var(--ax-brand-two-300)", | ||
| "BrandTwo400": "var(--ax-brand-two-400)", | ||
| "BrandTwo500": "var(--ax-brand-two-500)", | ||
| "BrandTwo600": "var(--ax-brand-two-600)", | ||
| "BrandTwo700": "var(--ax-brand-two-700)", | ||
| "BrandTwo800": "var(--ax-brand-two-800)", | ||
| "BrandTwo900": "var(--ax-brand-two-900)", | ||
| "BrandTwo1000": "var(--ax-brand-two-1000)", | ||
| "BrandTwo100A": "var(--ax-brand-two-100A)", | ||
| "BrandTwo200A": "var(--ax-brand-two-200A)", | ||
| "BrandTwo300A": "var(--ax-brand-two-300A)", | ||
| "BrandTwo400A": "var(--ax-brand-two-400A)", | ||
| "BrandThree100": "var(--ax-brand-three-100)", | ||
| "BrandThree200": "var(--ax-brand-three-200)", | ||
| "BrandThree300": "var(--ax-brand-three-300)", | ||
| "BrandThree400": "var(--ax-brand-three-400)", | ||
| "BrandThree500": "var(--ax-brand-three-500)", | ||
| "BrandThree600": "var(--ax-brand-three-600)", | ||
| "BrandThree700": "var(--ax-brand-three-700)", | ||
| "BrandThree800": "var(--ax-brand-three-800)", | ||
| "BrandThree900": "var(--ax-brand-three-900)", | ||
| "BrandThree1000": "var(--ax-brand-three-1000)", | ||
| "BrandThree100A": "var(--ax-brand-three-100A)", | ||
| "BrandThree200A": "var(--ax-brand-three-200A)", | ||
| "BrandThree300A": "var(--ax-brand-three-300A)", | ||
| "BrandThree400A": "var(--ax-brand-three-400A)", | ||
| "DataOne100": "var(--ax-data-one-100)", | ||
| "DataOne200": "var(--ax-data-one-200)", | ||
| "DataOne300": "var(--ax-data-one-300)", | ||
| "DataOne400": "var(--ax-data-one-400)", | ||
| "DataOne500": "var(--ax-data-one-500)", | ||
| "DataOne600": "var(--ax-data-one-600)", | ||
| "DataOne700": "var(--ax-data-one-700)", | ||
| "DataOne800": "var(--ax-data-one-800)", | ||
| "DataOne900": "var(--ax-data-one-900)", | ||
| "DataOne1000": "var(--ax-data-one-1000)", | ||
| "DataOne100A": "var(--ax-data-one-100A)", | ||
| "DataOne200A": "var(--ax-data-one-200A)", | ||
| "DataOne300A": "var(--ax-data-one-300A)", | ||
| "DataOne400A": "var(--ax-data-one-400A)", | ||
| "DataTwo100": "var(--ax-data-two-100)", | ||
| "DataTwo200": "var(--ax-data-two-200)", | ||
| "DataTwo300": "var(--ax-data-two-300)", | ||
| "DataTwo400": "var(--ax-data-two-400)", | ||
| "DataTwo500": "var(--ax-data-two-500)", | ||
| "DataTwo600": "var(--ax-data-two-600)", | ||
| "DataTwo700": "var(--ax-data-two-700)", | ||
| "DataTwo800": "var(--ax-data-two-800)", | ||
| "DataTwo900": "var(--ax-data-two-900)", | ||
| "DataTwo1000": "var(--ax-data-two-1000)", | ||
| "DataTwo100A": "var(--ax-data-two-100A)", | ||
| "DataTwo200A": "var(--ax-data-two-200A)", | ||
| "DataTwo300A": "var(--ax-data-two-300A)", | ||
| "DataTwo400A": "var(--ax-data-two-400A)", | ||
| "BrandMagenta100": "var(--ax-brand-magenta-100)", | ||
| "BrandMagenta200": "var(--ax-brand-magenta-200)", | ||
| "BrandMagenta300": "var(--ax-brand-magenta-300)", | ||
| "BrandMagenta400": "var(--ax-brand-magenta-400)", | ||
| "BrandMagenta500": "var(--ax-brand-magenta-500)", | ||
| "BrandMagenta600": "var(--ax-brand-magenta-600)", | ||
| "BrandMagenta700": "var(--ax-brand-magenta-700)", | ||
| "BrandMagenta800": "var(--ax-brand-magenta-800)", | ||
| "BrandMagenta900": "var(--ax-brand-magenta-900)", | ||
| "BrandMagenta1000": "var(--ax-brand-magenta-1000)", | ||
| "BrandMagenta100A": "var(--ax-brand-magenta-100A)", | ||
| "BrandMagenta200A": "var(--ax-brand-magenta-200A)", | ||
| "BrandMagenta300A": "var(--ax-brand-magenta-300A)", | ||
| "BrandMagenta400A": "var(--ax-brand-magenta-400A)", | ||
| "BrandBeige100": "var(--ax-brand-beige-100)", | ||
| "BrandBeige200": "var(--ax-brand-beige-200)", | ||
| "BrandBeige300": "var(--ax-brand-beige-300)", | ||
| "BrandBeige400": "var(--ax-brand-beige-400)", | ||
| "BrandBeige500": "var(--ax-brand-beige-500)", | ||
| "BrandBeige600": "var(--ax-brand-beige-600)", | ||
| "BrandBeige700": "var(--ax-brand-beige-700)", | ||
| "BrandBeige800": "var(--ax-brand-beige-800)", | ||
| "BrandBeige900": "var(--ax-brand-beige-900)", | ||
| "BrandBeige1000": "var(--ax-brand-beige-1000)", | ||
| "BrandBeige100A": "var(--ax-brand-beige-100A)", | ||
| "BrandBeige200A": "var(--ax-brand-beige-200A)", | ||
| "BrandBeige300A": "var(--ax-brand-beige-300A)", | ||
| "BrandBeige400A": "var(--ax-brand-beige-400A)", | ||
| "BrandBlue100": "var(--ax-brand-blue-100)", | ||
| "BrandBlue200": "var(--ax-brand-blue-200)", | ||
| "BrandBlue300": "var(--ax-brand-blue-300)", | ||
| "BrandBlue400": "var(--ax-brand-blue-400)", | ||
| "BrandBlue500": "var(--ax-brand-blue-500)", | ||
| "BrandBlue600": "var(--ax-brand-blue-600)", | ||
| "BrandBlue700": "var(--ax-brand-blue-700)", | ||
| "BrandBlue800": "var(--ax-brand-blue-800)", | ||
| "BrandBlue900": "var(--ax-brand-blue-900)", | ||
| "BrandBlue1000": "var(--ax-brand-blue-1000)", | ||
| "BrandBlue100A": "var(--ax-brand-blue-100A)", | ||
| "BrandBlue200A": "var(--ax-brand-blue-200A)", | ||
| "BrandBlue300A": "var(--ax-brand-blue-300A)", | ||
| "BrandBlue400A": "var(--ax-brand-blue-400A)", | ||
| "MetaPurple100": "var(--ax-meta-purple-100)", | ||
| "MetaPurple200": "var(--ax-meta-purple-200)", | ||
| "MetaPurple300": "var(--ax-meta-purple-300)", | ||
| "MetaPurple400": "var(--ax-meta-purple-400)", | ||
| "MetaPurple500": "var(--ax-meta-purple-500)", | ||
| "MetaPurple600": "var(--ax-meta-purple-600)", | ||
| "MetaPurple700": "var(--ax-meta-purple-700)", | ||
| "MetaPurple800": "var(--ax-meta-purple-800)", | ||
| "MetaPurple900": "var(--ax-meta-purple-900)", | ||
| "MetaPurple1000": "var(--ax-meta-purple-1000)", | ||
| "MetaPurple100A": "var(--ax-meta-purple-100A)", | ||
| "MetaPurple200A": "var(--ax-meta-purple-200A)", | ||
| "MetaPurple300A": "var(--ax-meta-purple-300A)", | ||
| "MetaPurple400A": "var(--ax-meta-purple-400A)", | ||
| "MetaLime100": "var(--ax-meta-lime-100)", | ||
| "MetaLime200": "var(--ax-meta-lime-200)", | ||
| "MetaLime300": "var(--ax-meta-lime-300)", | ||
| "MetaLime400": "var(--ax-meta-lime-400)", | ||
| "MetaLime500": "var(--ax-meta-lime-500)", | ||
| "MetaLime600": "var(--ax-meta-lime-600)", | ||
| "MetaLime700": "var(--ax-meta-lime-700)", | ||
| "MetaLime800": "var(--ax-meta-lime-800)", | ||
| "MetaLime900": "var(--ax-meta-lime-900)", | ||
| "MetaLime1000": "var(--ax-meta-lime-1000)", | ||
| "MetaLime100A": "var(--ax-meta-lime-100A)", | ||
| "MetaLime200A": "var(--ax-meta-lime-200A)", | ||
| "MetaLime300A": "var(--ax-meta-lime-300A)", | ||
| "MetaLime400A": "var(--ax-meta-lime-400A)", | ||
| "Spacing0": "var(--ax-spacing-0)", | ||
@@ -429,0 +433,0 @@ "Spacing1": "var(--ax-spacing-1)", |
@@ -5,2 +5,10 @@ /** | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| export const ShadowDialog = "var(--ax-shadow-dialog)"; | ||
| /** | ||
| * Used for setting opacity on disabled elements. | ||
| */ | ||
| export const OpacityDisabled = "var(--ax-opacity-disabled)"; | ||
| export const BgNeutral = "var(--ax-bg-neutral)"; | ||
@@ -90,72 +98,72 @@ export const BgNeutralHover = "var(--ax-bg-neutral-hover)"; | ||
| export const BgInfoRaisedHover = "var(--ax-bg-info-raised-hover)"; | ||
| export const BgBrandOne = "var(--ax-bg-brand-one)"; | ||
| export const BgBrandOneHover = "var(--ax-bg-brand-one-hover)"; | ||
| export const BgBrandOneHoverA = "var(--ax-bg-brand-one-hoverA)"; | ||
| export const BgBrandOneModerate = "var(--ax-bg-brand-one-moderate)"; | ||
| export const BgBrandOneModerateA = "var(--ax-bg-brand-one-moderateA)"; | ||
| export const BgBrandOneModerateHover = "var(--ax-bg-brand-one-moderate-hover)"; | ||
| export const BgBrandOneModerateHoverA = "var(--ax-bg-brand-one-moderate-hoverA)"; | ||
| export const BgBrandOneModeratePressed = "var(--ax-bg-brand-one-moderate-pressed)"; | ||
| export const BgBrandOneModeratePressedA = "var(--ax-bg-brand-one-moderate-pressedA)"; | ||
| export const BgBrandOneStrong = "var(--ax-bg-brand-one-strong)"; | ||
| export const BgBrandOneStrongHover = "var(--ax-bg-brand-one-strong-hover)"; | ||
| export const BgBrandOneStrongPressed = "var(--ax-bg-brand-one-strong-pressed)"; | ||
| export const BgBrandOneRaised = "var(--ax-bg-brand-one-raised)"; | ||
| export const BgBrandOneRaisedHover = "var(--ax-bg-brand-one-raised-hover)"; | ||
| export const BgBrandTwo = "var(--ax-bg-brand-two)"; | ||
| export const BgBrandTwoHover = "var(--ax-bg-brand-two-hover)"; | ||
| export const BgBrandTwoHoverA = "var(--ax-bg-brand-two-hoverA)"; | ||
| export const BgBrandTwoModerate = "var(--ax-bg-brand-two-moderate)"; | ||
| export const BgBrandTwoModerateA = "var(--ax-bg-brand-two-moderateA)"; | ||
| export const BgBrandTwoModerateHover = "var(--ax-bg-brand-two-moderate-hover)"; | ||
| export const BgBrandTwoModerateHoverA = "var(--ax-bg-brand-two-moderate-hoverA)"; | ||
| export const BgBrandTwoModeratePressed = "var(--ax-bg-brand-two-moderate-pressed)"; | ||
| export const BgBrandTwoModeratePressedA = "var(--ax-bg-brand-two-moderate-pressedA)"; | ||
| export const BgBrandTwoStrong = "var(--ax-bg-brand-two-strong)"; | ||
| export const BgBrandTwoStrongHover = "var(--ax-bg-brand-two-strong-hover)"; | ||
| export const BgBrandTwoStrongPressed = "var(--ax-bg-brand-two-strong-pressed)"; | ||
| export const BgBrandTwoRaised = "var(--ax-bg-brand-two-raised)"; | ||
| export const BgBrandTwoRaisedHover = "var(--ax-bg-brand-two-raised-hover)"; | ||
| export const BgBrandThree = "var(--ax-bg-brand-three)"; | ||
| export const BgBrandThreeHover = "var(--ax-bg-brand-three-hover)"; | ||
| export const BgBrandThreeHoverA = "var(--ax-bg-brand-three-hoverA)"; | ||
| export const BgBrandThreeModerate = "var(--ax-bg-brand-three-moderate)"; | ||
| export const BgBrandThreeModerateA = "var(--ax-bg-brand-three-moderateA)"; | ||
| export const BgBrandThreeModerateHover = "var(--ax-bg-brand-three-moderate-hover)"; | ||
| export const BgBrandThreeModerateHoverA = "var(--ax-bg-brand-three-moderate-hoverA)"; | ||
| export const BgBrandThreeModeratePressed = "var(--ax-bg-brand-three-moderate-pressed)"; | ||
| export const BgBrandThreeModeratePressedA = "var(--ax-bg-brand-three-moderate-pressedA)"; | ||
| export const BgBrandThreeStrong = "var(--ax-bg-brand-three-strong)"; | ||
| export const BgBrandThreeStrongHover = "var(--ax-bg-brand-three-strong-hover)"; | ||
| export const BgBrandThreeStrongPressed = "var(--ax-bg-brand-three-strong-pressed)"; | ||
| export const BgBrandThreeRaised = "var(--ax-bg-brand-three-raised)"; | ||
| export const BgBrandThreeRaisedHover = "var(--ax-bg-brand-three-raised-hover)"; | ||
| export const BgDataOne = "var(--ax-bg-data-one)"; | ||
| export const BgDataOneHover = "var(--ax-bg-data-one-hover)"; | ||
| export const BgDataOneHoverA = "var(--ax-bg-data-one-hoverA)"; | ||
| export const BgDataOneModerate = "var(--ax-bg-data-one-moderate)"; | ||
| export const BgDataOneModerateA = "var(--ax-bg-data-one-moderateA)"; | ||
| export const BgDataOneModerateHover = "var(--ax-bg-data-one-moderate-hover)"; | ||
| export const BgDataOneModerateHoverA = "var(--ax-bg-data-one-moderate-hoverA)"; | ||
| export const BgDataOneModeratePressed = "var(--ax-bg-data-one-moderate-pressed)"; | ||
| export const BgDataOneModeratePressedA = "var(--ax-bg-data-one-moderate-pressedA)"; | ||
| export const BgDataOneStrong = "var(--ax-bg-data-one-strong)"; | ||
| export const BgDataOneStrongHover = "var(--ax-bg-data-one-strong-hover)"; | ||
| export const BgDataOneStrongPressed = "var(--ax-bg-data-one-strong-pressed)"; | ||
| export const BgDataOneRaised = "var(--ax-bg-data-one-raised)"; | ||
| export const BgDataOneRaisedHover = "var(--ax-bg-data-one-raised-hover)"; | ||
| export const BgDataTwo = "var(--ax-bg-data-two)"; | ||
| export const BgDataTwoHover = "var(--ax-bg-data-two-hover)"; | ||
| export const BgDataTwoHoverA = "var(--ax-bg-data-two-hoverA)"; | ||
| export const BgDataTwoModerate = "var(--ax-bg-data-two-moderate)"; | ||
| export const BgDataTwoModerateA = "var(--ax-bg-data-two-moderateA)"; | ||
| export const BgDataTwoModerateHover = "var(--ax-bg-data-two-moderate-hover)"; | ||
| export const BgDataTwoModerateHoverA = "var(--ax-bg-data-two-moderate-hoverA)"; | ||
| export const BgDataTwoModeratePressed = "var(--ax-bg-data-two-moderate-pressed)"; | ||
| export const BgDataTwoModeratePressedA = "var(--ax-bg-data-two-moderate-pressedA)"; | ||
| export const BgDataTwoStrong = "var(--ax-bg-data-two-strong)"; | ||
| export const BgDataTwoStrongHover = "var(--ax-bg-data-two-strong-hover)"; | ||
| export const BgDataTwoStrongPressed = "var(--ax-bg-data-two-strong-pressed)"; | ||
| export const BgDataTwoRaised = "var(--ax-bg-data-two-raised)"; | ||
| export const BgDataTwoRaisedHover = "var(--ax-bg-data-two-raised-hover)"; | ||
| export const BgBrandMagenta = "var(--ax-bg-brand-magenta)"; | ||
| export const BgBrandMagentaHover = "var(--ax-bg-brand-magenta-hover)"; | ||
| export const BgBrandMagentaHoverA = "var(--ax-bg-brand-magenta-hoverA)"; | ||
| export const BgBrandMagentaModerate = "var(--ax-bg-brand-magenta-moderate)"; | ||
| export const BgBrandMagentaModerateA = "var(--ax-bg-brand-magenta-moderateA)"; | ||
| export const BgBrandMagentaModerateHover = "var(--ax-bg-brand-magenta-moderate-hover)"; | ||
| export const BgBrandMagentaModerateHoverA = "var(--ax-bg-brand-magenta-moderate-hoverA)"; | ||
| export const BgBrandMagentaModeratePressed = "var(--ax-bg-brand-magenta-moderate-pressed)"; | ||
| export const BgBrandMagentaModeratePressedA = "var(--ax-bg-brand-magenta-moderate-pressedA)"; | ||
| export const BgBrandMagentaStrong = "var(--ax-bg-brand-magenta-strong)"; | ||
| export const BgBrandMagentaStrongHover = "var(--ax-bg-brand-magenta-strong-hover)"; | ||
| export const BgBrandMagentaStrongPressed = "var(--ax-bg-brand-magenta-strong-pressed)"; | ||
| export const BgBrandMagentaRaised = "var(--ax-bg-brand-magenta-raised)"; | ||
| export const BgBrandMagentaRaisedHover = "var(--ax-bg-brand-magenta-raised-hover)"; | ||
| export const BgBrandBeige = "var(--ax-bg-brand-beige)"; | ||
| export const BgBrandBeigeHover = "var(--ax-bg-brand-beige-hover)"; | ||
| export const BgBrandBeigeHoverA = "var(--ax-bg-brand-beige-hoverA)"; | ||
| export const BgBrandBeigeModerate = "var(--ax-bg-brand-beige-moderate)"; | ||
| export const BgBrandBeigeModerateA = "var(--ax-bg-brand-beige-moderateA)"; | ||
| export const BgBrandBeigeModerateHover = "var(--ax-bg-brand-beige-moderate-hover)"; | ||
| export const BgBrandBeigeModerateHoverA = "var(--ax-bg-brand-beige-moderate-hoverA)"; | ||
| export const BgBrandBeigeModeratePressed = "var(--ax-bg-brand-beige-moderate-pressed)"; | ||
| export const BgBrandBeigeModeratePressedA = "var(--ax-bg-brand-beige-moderate-pressedA)"; | ||
| export const BgBrandBeigeStrong = "var(--ax-bg-brand-beige-strong)"; | ||
| export const BgBrandBeigeStrongHover = "var(--ax-bg-brand-beige-strong-hover)"; | ||
| export const BgBrandBeigeStrongPressed = "var(--ax-bg-brand-beige-strong-pressed)"; | ||
| export const BgBrandBeigeRaised = "var(--ax-bg-brand-beige-raised)"; | ||
| export const BgBrandBeigeRaisedHover = "var(--ax-bg-brand-beige-raised-hover)"; | ||
| export const BgBrandBlue = "var(--ax-bg-brand-blue)"; | ||
| export const BgBrandBlueHover = "var(--ax-bg-brand-blue-hover)"; | ||
| export const BgBrandBlueHoverA = "var(--ax-bg-brand-blue-hoverA)"; | ||
| export const BgBrandBlueModerate = "var(--ax-bg-brand-blue-moderate)"; | ||
| export const BgBrandBlueModerateA = "var(--ax-bg-brand-blue-moderateA)"; | ||
| export const BgBrandBlueModerateHover = "var(--ax-bg-brand-blue-moderate-hover)"; | ||
| export const BgBrandBlueModerateHoverA = "var(--ax-bg-brand-blue-moderate-hoverA)"; | ||
| export const BgBrandBlueModeratePressed = "var(--ax-bg-brand-blue-moderate-pressed)"; | ||
| export const BgBrandBlueModeratePressedA = "var(--ax-bg-brand-blue-moderate-pressedA)"; | ||
| export const BgBrandBlueStrong = "var(--ax-bg-brand-blue-strong)"; | ||
| export const BgBrandBlueStrongHover = "var(--ax-bg-brand-blue-strong-hover)"; | ||
| export const BgBrandBlueStrongPressed = "var(--ax-bg-brand-blue-strong-pressed)"; | ||
| export const BgBrandBlueRaised = "var(--ax-bg-brand-blue-raised)"; | ||
| export const BgBrandBlueRaisedHover = "var(--ax-bg-brand-blue-raised-hover)"; | ||
| export const BgMetaPurple = "var(--ax-bg-meta-purple)"; | ||
| export const BgMetaPurpleHover = "var(--ax-bg-meta-purple-hover)"; | ||
| export const BgMetaPurpleHoverA = "var(--ax-bg-meta-purple-hoverA)"; | ||
| export const BgMetaPurpleModerate = "var(--ax-bg-meta-purple-moderate)"; | ||
| export const BgMetaPurpleModerateA = "var(--ax-bg-meta-purple-moderateA)"; | ||
| export const BgMetaPurpleModerateHover = "var(--ax-bg-meta-purple-moderate-hover)"; | ||
| export const BgMetaPurpleModerateHoverA = "var(--ax-bg-meta-purple-moderate-hoverA)"; | ||
| export const BgMetaPurpleModeratePressed = "var(--ax-bg-meta-purple-moderate-pressed)"; | ||
| export const BgMetaPurpleModeratePressedA = "var(--ax-bg-meta-purple-moderate-pressedA)"; | ||
| export const BgMetaPurpleStrong = "var(--ax-bg-meta-purple-strong)"; | ||
| export const BgMetaPurpleStrongHover = "var(--ax-bg-meta-purple-strong-hover)"; | ||
| export const BgMetaPurpleStrongPressed = "var(--ax-bg-meta-purple-strong-pressed)"; | ||
| export const BgMetaPurpleRaised = "var(--ax-bg-meta-purple-raised)"; | ||
| export const BgMetaPurpleRaisedHover = "var(--ax-bg-meta-purple-raised-hover)"; | ||
| export const BgMetaLime = "var(--ax-bg-meta-lime)"; | ||
| export const BgMetaLimeHover = "var(--ax-bg-meta-lime-hover)"; | ||
| export const BgMetaLimeHoverA = "var(--ax-bg-meta-lime-hoverA)"; | ||
| export const BgMetaLimeModerate = "var(--ax-bg-meta-lime-moderate)"; | ||
| export const BgMetaLimeModerateA = "var(--ax-bg-meta-lime-moderateA)"; | ||
| export const BgMetaLimeModerateHover = "var(--ax-bg-meta-lime-moderate-hover)"; | ||
| export const BgMetaLimeModerateHoverA = "var(--ax-bg-meta-lime-moderate-hoverA)"; | ||
| export const BgMetaLimeModeratePressed = "var(--ax-bg-meta-lime-moderate-pressed)"; | ||
| export const BgMetaLimeModeratePressedA = "var(--ax-bg-meta-lime-moderate-pressedA)"; | ||
| export const BgMetaLimeStrong = "var(--ax-bg-meta-lime-strong)"; | ||
| export const BgMetaLimeStrongHover = "var(--ax-bg-meta-lime-strong-hover)"; | ||
| export const BgMetaLimeStrongPressed = "var(--ax-bg-meta-lime-strong-pressed)"; | ||
| export const BgMetaLimeRaised = "var(--ax-bg-meta-lime-raised)"; | ||
| export const BgMetaLimeRaisedHover = "var(--ax-bg-meta-lime-raised-hover)"; | ||
| export const BgDefault = "var(--ax-bg-default)"; | ||
@@ -184,17 +192,17 @@ export const BgInput = "var(--ax-bg-input)"; | ||
| export const TextInfoIcon = "var(--ax-text-info-icon)"; | ||
| export const TextBrandOne = "var(--ax-text-brand-one)"; | ||
| export const TextBrandOneStrong = "var(--ax-text-brand-one-strong)"; | ||
| export const TextBrandOneIcon = "var(--ax-text-brand-one-icon)"; | ||
| export const TextBrandTwo = "var(--ax-text-brand-two)"; | ||
| export const TextBrandTwoStrong = "var(--ax-text-brand-two-strong)"; | ||
| export const TextBrandTwoIcon = "var(--ax-text-brand-two-icon)"; | ||
| export const TextBrandThree = "var(--ax-text-brand-three)"; | ||
| export const TextBrandThreeStrong = "var(--ax-text-brand-three-strong)"; | ||
| export const TextBrandThreeIcon = "var(--ax-text-brand-three-icon)"; | ||
| export const TextDataOne = "var(--ax-text-data-one)"; | ||
| export const TextDataOneStrong = "var(--ax-text-data-one-strong)"; | ||
| export const TextDataOneIcon = "var(--ax-text-data-one-icon)"; | ||
| export const TextDataTwo = "var(--ax-text-data-two)"; | ||
| export const TextDataTwoStrong = "var(--ax-text-data-two-strong)"; | ||
| export const TextDataTwoIcon = "var(--ax-text-data-two-icon)"; | ||
| export const TextBrandMagenta = "var(--ax-text-brand-magenta)"; | ||
| export const TextBrandMagentaStrong = "var(--ax-text-brand-magenta-strong)"; | ||
| export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)"; | ||
| export const TextBrandBeige = "var(--ax-text-brand-beige)"; | ||
| export const TextBrandBeigeStrong = "var(--ax-text-brand-beige-strong)"; | ||
| export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)"; | ||
| export const TextBrandBlue = "var(--ax-text-brand-blue)"; | ||
| export const TextBrandBlueStrong = "var(--ax-text-brand-blue-strong)"; | ||
| export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)"; | ||
| export const TextMetaPurple = "var(--ax-text-meta-purple)"; | ||
| export const TextMetaPurpleStrong = "var(--ax-text-meta-purple-strong)"; | ||
| export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)"; | ||
| export const TextMetaLime = "var(--ax-text-meta-lime)"; | ||
| export const TextMetaLimeStrong = "var(--ax-text-meta-lime-strong)"; | ||
| export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)"; | ||
| export const TextAccentContrast = "var(--ax-text-accent-contrast)"; | ||
@@ -206,7 +214,7 @@ export const TextNeutralContrast = "var(--ax-text-neutral-contrast)"; | ||
| export const TextWarningContrast = "var(--ax-text-warning-contrast)"; | ||
| export const TextBrandOneContrast = "var(--ax-text-brand-one-contrast)"; | ||
| export const TextBrandTwoContrast = "var(--ax-text-brand-two-contrast)"; | ||
| export const TextBrandThreeContrast = "var(--ax-text-brand-three-contrast)"; | ||
| export const TextDataOneContrast = "var(--ax-text-data-one-contrast)"; | ||
| export const TextDataTwoContrast = "var(--ax-text-data-two-contrast)"; | ||
| export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)"; | ||
| export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)"; | ||
| export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)"; | ||
| export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)"; | ||
| export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)"; | ||
| export const TextDefault = "var(--ax-text-default)"; | ||
@@ -240,22 +248,22 @@ export const TextSubtle = "var(--ax-text-subtle)"; | ||
| export const BorderInfoStrong = "var(--ax-border-info-strong)"; | ||
| export const BorderBrandOne = "var(--ax-border-brand-one)"; | ||
| export const BorderBrandOneSubtle = "var(--ax-border-brand-one-subtle)"; | ||
| export const BorderBrandOneSubtleA = "var(--ax-border-brand-one-subtleA)"; | ||
| export const BorderBrandOneStrong = "var(--ax-border-brand-one-strong)"; | ||
| export const BorderBrandTwo = "var(--ax-border-brand-two)"; | ||
| export const BorderBrandTwoSubtle = "var(--ax-border-brand-two-subtle)"; | ||
| export const BorderBrandTwoSubtleA = "var(--ax-border-brand-two-subtleA)"; | ||
| export const BorderBrandTwoStrong = "var(--ax-border-brand-two-strong)"; | ||
| export const BorderBrandThree = "var(--ax-border-brand-three)"; | ||
| export const BorderBrandThreeSubtle = "var(--ax-border-brand-three-subtle)"; | ||
| export const BorderBrandThreeSubtleA = "var(--ax-border-brand-three-subtleA)"; | ||
| export const BorderBrandThreeStrong = "var(--ax-border-brand-three-strong)"; | ||
| export const BorderDataOne = "var(--ax-border-data-one)"; | ||
| export const BorderDataOneSubtle = "var(--ax-border-data-one-subtle)"; | ||
| export const BorderDataOneSubtleA = "var(--ax-border-data-one-subtleA)"; | ||
| export const BorderDataOneStrong = "var(--ax-border-data-one-strong)"; | ||
| export const BorderDataTwo = "var(--ax-border-data-two)"; | ||
| export const BorderDataTwoSubtle = "var(--ax-border-data-two-subtle)"; | ||
| export const BorderDataTwoSubtleA = "var(--ax-border-data-two-subtleA)"; | ||
| export const BorderDataTwoStrong = "var(--ax-border-data-two-strong)"; | ||
| export const BorderBrandMagenta = "var(--ax-border-brand-magenta)"; | ||
| export const BorderBrandMagentaSubtle = "var(--ax-border-brand-magenta-subtle)"; | ||
| export const BorderBrandMagentaSubtleA = "var(--ax-border-brand-magenta-subtleA)"; | ||
| export const BorderBrandMagentaStrong = "var(--ax-border-brand-magenta-strong)"; | ||
| export const BorderBrandBeige = "var(--ax-border-brand-beige)"; | ||
| export const BorderBrandBeigeSubtle = "var(--ax-border-brand-beige-subtle)"; | ||
| export const BorderBrandBeigeSubtleA = "var(--ax-border-brand-beige-subtleA)"; | ||
| export const BorderBrandBeigeStrong = "var(--ax-border-brand-beige-strong)"; | ||
| export const BorderBrandBlue = "var(--ax-border-brand-blue)"; | ||
| export const BorderBrandBlueSubtle = "var(--ax-border-brand-blue-subtle)"; | ||
| export const BorderBrandBlueSubtleA = "var(--ax-border-brand-blue-subtleA)"; | ||
| export const BorderBrandBlueStrong = "var(--ax-border-brand-blue-strong)"; | ||
| export const BorderMetaPurple = "var(--ax-border-meta-purple)"; | ||
| export const BorderMetaPurpleSubtle = "var(--ax-border-meta-purple-subtle)"; | ||
| export const BorderMetaPurpleSubtleA = "var(--ax-border-meta-purple-subtleA)"; | ||
| export const BorderMetaPurpleStrong = "var(--ax-border-meta-purple-strong)"; | ||
| export const BorderMetaLime = "var(--ax-border-meta-lime)"; | ||
| export const BorderMetaLimeSubtle = "var(--ax-border-meta-lime-subtle)"; | ||
| export const BorderMetaLimeSubtleA = "var(--ax-border-meta-lime-subtleA)"; | ||
| export const BorderMetaLimeStrong = "var(--ax-border-meta-lime-strong)"; | ||
| export const BorderDefault = "var(--ax-border-default)"; | ||
@@ -266,6 +274,2 @@ export const BorderSubtle = "var(--ax-border-subtle)"; | ||
| export const BorderFocus = "var(--ax-border-focus)"; | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| export const ShadowDialog = "var(--ax-shadow-dialog)"; | ||
| export const Neutral100 = "var(--ax-neutral-100)"; | ||
@@ -356,72 +360,72 @@ export const Neutral200 = "var(--ax-neutral-200)"; | ||
| export const Info400A = "var(--ax-info-400A)"; | ||
| export const BrandOne100 = "var(--ax-brand-one-100)"; | ||
| export const BrandOne200 = "var(--ax-brand-one-200)"; | ||
| export const BrandOne300 = "var(--ax-brand-one-300)"; | ||
| export const BrandOne400 = "var(--ax-brand-one-400)"; | ||
| export const BrandOne500 = "var(--ax-brand-one-500)"; | ||
| export const BrandOne600 = "var(--ax-brand-one-600)"; | ||
| export const BrandOne700 = "var(--ax-brand-one-700)"; | ||
| export const BrandOne800 = "var(--ax-brand-one-800)"; | ||
| export const BrandOne900 = "var(--ax-brand-one-900)"; | ||
| export const BrandOne1000 = "var(--ax-brand-one-1000)"; | ||
| export const BrandOne100A = "var(--ax-brand-one-100A)"; | ||
| export const BrandOne200A = "var(--ax-brand-one-200A)"; | ||
| export const BrandOne300A = "var(--ax-brand-one-300A)"; | ||
| export const BrandOne400A = "var(--ax-brand-one-400A)"; | ||
| export const BrandTwo100 = "var(--ax-brand-two-100)"; | ||
| export const BrandTwo200 = "var(--ax-brand-two-200)"; | ||
| export const BrandTwo300 = "var(--ax-brand-two-300)"; | ||
| export const BrandTwo400 = "var(--ax-brand-two-400)"; | ||
| export const BrandTwo500 = "var(--ax-brand-two-500)"; | ||
| export const BrandTwo600 = "var(--ax-brand-two-600)"; | ||
| export const BrandTwo700 = "var(--ax-brand-two-700)"; | ||
| export const BrandTwo800 = "var(--ax-brand-two-800)"; | ||
| export const BrandTwo900 = "var(--ax-brand-two-900)"; | ||
| export const BrandTwo1000 = "var(--ax-brand-two-1000)"; | ||
| export const BrandTwo100A = "var(--ax-brand-two-100A)"; | ||
| export const BrandTwo200A = "var(--ax-brand-two-200A)"; | ||
| export const BrandTwo300A = "var(--ax-brand-two-300A)"; | ||
| export const BrandTwo400A = "var(--ax-brand-two-400A)"; | ||
| export const BrandThree100 = "var(--ax-brand-three-100)"; | ||
| export const BrandThree200 = "var(--ax-brand-three-200)"; | ||
| export const BrandThree300 = "var(--ax-brand-three-300)"; | ||
| export const BrandThree400 = "var(--ax-brand-three-400)"; | ||
| export const BrandThree500 = "var(--ax-brand-three-500)"; | ||
| export const BrandThree600 = "var(--ax-brand-three-600)"; | ||
| export const BrandThree700 = "var(--ax-brand-three-700)"; | ||
| export const BrandThree800 = "var(--ax-brand-three-800)"; | ||
| export const BrandThree900 = "var(--ax-brand-three-900)"; | ||
| export const BrandThree1000 = "var(--ax-brand-three-1000)"; | ||
| export const BrandThree100A = "var(--ax-brand-three-100A)"; | ||
| export const BrandThree200A = "var(--ax-brand-three-200A)"; | ||
| export const BrandThree300A = "var(--ax-brand-three-300A)"; | ||
| export const BrandThree400A = "var(--ax-brand-three-400A)"; | ||
| export const DataOne100 = "var(--ax-data-one-100)"; | ||
| export const DataOne200 = "var(--ax-data-one-200)"; | ||
| export const DataOne300 = "var(--ax-data-one-300)"; | ||
| export const DataOne400 = "var(--ax-data-one-400)"; | ||
| export const DataOne500 = "var(--ax-data-one-500)"; | ||
| export const DataOne600 = "var(--ax-data-one-600)"; | ||
| export const DataOne700 = "var(--ax-data-one-700)"; | ||
| export const DataOne800 = "var(--ax-data-one-800)"; | ||
| export const DataOne900 = "var(--ax-data-one-900)"; | ||
| export const DataOne1000 = "var(--ax-data-one-1000)"; | ||
| export const DataOne100A = "var(--ax-data-one-100A)"; | ||
| export const DataOne200A = "var(--ax-data-one-200A)"; | ||
| export const DataOne300A = "var(--ax-data-one-300A)"; | ||
| export const DataOne400A = "var(--ax-data-one-400A)"; | ||
| export const DataTwo100 = "var(--ax-data-two-100)"; | ||
| export const DataTwo200 = "var(--ax-data-two-200)"; | ||
| export const DataTwo300 = "var(--ax-data-two-300)"; | ||
| export const DataTwo400 = "var(--ax-data-two-400)"; | ||
| export const DataTwo500 = "var(--ax-data-two-500)"; | ||
| export const DataTwo600 = "var(--ax-data-two-600)"; | ||
| export const DataTwo700 = "var(--ax-data-two-700)"; | ||
| export const DataTwo800 = "var(--ax-data-two-800)"; | ||
| export const DataTwo900 = "var(--ax-data-two-900)"; | ||
| export const DataTwo1000 = "var(--ax-data-two-1000)"; | ||
| export const DataTwo100A = "var(--ax-data-two-100A)"; | ||
| export const DataTwo200A = "var(--ax-data-two-200A)"; | ||
| export const DataTwo300A = "var(--ax-data-two-300A)"; | ||
| export const DataTwo400A = "var(--ax-data-two-400A)"; | ||
| export const BrandMagenta100 = "var(--ax-brand-magenta-100)"; | ||
| export const BrandMagenta200 = "var(--ax-brand-magenta-200)"; | ||
| export const BrandMagenta300 = "var(--ax-brand-magenta-300)"; | ||
| export const BrandMagenta400 = "var(--ax-brand-magenta-400)"; | ||
| export const BrandMagenta500 = "var(--ax-brand-magenta-500)"; | ||
| export const BrandMagenta600 = "var(--ax-brand-magenta-600)"; | ||
| export const BrandMagenta700 = "var(--ax-brand-magenta-700)"; | ||
| export const BrandMagenta800 = "var(--ax-brand-magenta-800)"; | ||
| export const BrandMagenta900 = "var(--ax-brand-magenta-900)"; | ||
| export const BrandMagenta1000 = "var(--ax-brand-magenta-1000)"; | ||
| export const BrandMagenta100A = "var(--ax-brand-magenta-100A)"; | ||
| export const BrandMagenta200A = "var(--ax-brand-magenta-200A)"; | ||
| export const BrandMagenta300A = "var(--ax-brand-magenta-300A)"; | ||
| export const BrandMagenta400A = "var(--ax-brand-magenta-400A)"; | ||
| export const BrandBeige100 = "var(--ax-brand-beige-100)"; | ||
| export const BrandBeige200 = "var(--ax-brand-beige-200)"; | ||
| export const BrandBeige300 = "var(--ax-brand-beige-300)"; | ||
| export const BrandBeige400 = "var(--ax-brand-beige-400)"; | ||
| export const BrandBeige500 = "var(--ax-brand-beige-500)"; | ||
| export const BrandBeige600 = "var(--ax-brand-beige-600)"; | ||
| export const BrandBeige700 = "var(--ax-brand-beige-700)"; | ||
| export const BrandBeige800 = "var(--ax-brand-beige-800)"; | ||
| export const BrandBeige900 = "var(--ax-brand-beige-900)"; | ||
| export const BrandBeige1000 = "var(--ax-brand-beige-1000)"; | ||
| export const BrandBeige100A = "var(--ax-brand-beige-100A)"; | ||
| export const BrandBeige200A = "var(--ax-brand-beige-200A)"; | ||
| export const BrandBeige300A = "var(--ax-brand-beige-300A)"; | ||
| export const BrandBeige400A = "var(--ax-brand-beige-400A)"; | ||
| export const BrandBlue100 = "var(--ax-brand-blue-100)"; | ||
| export const BrandBlue200 = "var(--ax-brand-blue-200)"; | ||
| export const BrandBlue300 = "var(--ax-brand-blue-300)"; | ||
| export const BrandBlue400 = "var(--ax-brand-blue-400)"; | ||
| export const BrandBlue500 = "var(--ax-brand-blue-500)"; | ||
| export const BrandBlue600 = "var(--ax-brand-blue-600)"; | ||
| export const BrandBlue700 = "var(--ax-brand-blue-700)"; | ||
| export const BrandBlue800 = "var(--ax-brand-blue-800)"; | ||
| export const BrandBlue900 = "var(--ax-brand-blue-900)"; | ||
| export const BrandBlue1000 = "var(--ax-brand-blue-1000)"; | ||
| export const BrandBlue100A = "var(--ax-brand-blue-100A)"; | ||
| export const BrandBlue200A = "var(--ax-brand-blue-200A)"; | ||
| export const BrandBlue300A = "var(--ax-brand-blue-300A)"; | ||
| export const BrandBlue400A = "var(--ax-brand-blue-400A)"; | ||
| export const MetaPurple100 = "var(--ax-meta-purple-100)"; | ||
| export const MetaPurple200 = "var(--ax-meta-purple-200)"; | ||
| export const MetaPurple300 = "var(--ax-meta-purple-300)"; | ||
| export const MetaPurple400 = "var(--ax-meta-purple-400)"; | ||
| export const MetaPurple500 = "var(--ax-meta-purple-500)"; | ||
| export const MetaPurple600 = "var(--ax-meta-purple-600)"; | ||
| export const MetaPurple700 = "var(--ax-meta-purple-700)"; | ||
| export const MetaPurple800 = "var(--ax-meta-purple-800)"; | ||
| export const MetaPurple900 = "var(--ax-meta-purple-900)"; | ||
| export const MetaPurple1000 = "var(--ax-meta-purple-1000)"; | ||
| export const MetaPurple100A = "var(--ax-meta-purple-100A)"; | ||
| export const MetaPurple200A = "var(--ax-meta-purple-200A)"; | ||
| export const MetaPurple300A = "var(--ax-meta-purple-300A)"; | ||
| export const MetaPurple400A = "var(--ax-meta-purple-400A)"; | ||
| export const MetaLime100 = "var(--ax-meta-lime-100)"; | ||
| export const MetaLime200 = "var(--ax-meta-lime-200)"; | ||
| export const MetaLime300 = "var(--ax-meta-lime-300)"; | ||
| export const MetaLime400 = "var(--ax-meta-lime-400)"; | ||
| export const MetaLime500 = "var(--ax-meta-lime-500)"; | ||
| export const MetaLime600 = "var(--ax-meta-lime-600)"; | ||
| export const MetaLime700 = "var(--ax-meta-lime-700)"; | ||
| export const MetaLime800 = "var(--ax-meta-lime-800)"; | ||
| export const MetaLime900 = "var(--ax-meta-lime-900)"; | ||
| export const MetaLime1000 = "var(--ax-meta-lime-1000)"; | ||
| export const MetaLime100A = "var(--ax-meta-lime-100A)"; | ||
| export const MetaLime200A = "var(--ax-meta-lime-200A)"; | ||
| export const MetaLime300A = "var(--ax-meta-lime-300A)"; | ||
| export const MetaLime400A = "var(--ax-meta-lime-400A)"; | ||
| export const Spacing0 = "var(--ax-spacing-0)"; | ||
@@ -428,0 +432,0 @@ export const Spacing1 = "var(--ax-spacing-1)"; |
@@ -5,2 +5,10 @@ /** | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| export const ShadowDialog = "var(--ax-shadow-dialog)"; | ||
| /** | ||
| * Used for setting opacity on disabled elements. | ||
| */ | ||
| export const OpacityDisabled = "var(--ax-opacity-disabled)"; | ||
| export const BgNeutral = "var(--ax-bg-neutral)"; | ||
@@ -90,72 +98,72 @@ export const BgNeutralHover = "var(--ax-bg-neutral-hover)"; | ||
| export const BgInfoRaisedHover = "var(--ax-bg-info-raised-hover)"; | ||
| export const BgBrandOne = "var(--ax-bg-brand-one)"; | ||
| export const BgBrandOneHover = "var(--ax-bg-brand-one-hover)"; | ||
| export const BgBrandOneHoverA = "var(--ax-bg-brand-one-hoverA)"; | ||
| export const BgBrandOneModerate = "var(--ax-bg-brand-one-moderate)"; | ||
| export const BgBrandOneModerateA = "var(--ax-bg-brand-one-moderateA)"; | ||
| export const BgBrandOneModerateHover = "var(--ax-bg-brand-one-moderate-hover)"; | ||
| export const BgBrandOneModerateHoverA = "var(--ax-bg-brand-one-moderate-hoverA)"; | ||
| export const BgBrandOneModeratePressed = "var(--ax-bg-brand-one-moderate-pressed)"; | ||
| export const BgBrandOneModeratePressedA = "var(--ax-bg-brand-one-moderate-pressedA)"; | ||
| export const BgBrandOneStrong = "var(--ax-bg-brand-one-strong)"; | ||
| export const BgBrandOneStrongHover = "var(--ax-bg-brand-one-strong-hover)"; | ||
| export const BgBrandOneStrongPressed = "var(--ax-bg-brand-one-strong-pressed)"; | ||
| export const BgBrandOneRaised = "var(--ax-bg-brand-one-raised)"; | ||
| export const BgBrandOneRaisedHover = "var(--ax-bg-brand-one-raised-hover)"; | ||
| export const BgBrandTwo = "var(--ax-bg-brand-two)"; | ||
| export const BgBrandTwoHover = "var(--ax-bg-brand-two-hover)"; | ||
| export const BgBrandTwoHoverA = "var(--ax-bg-brand-two-hoverA)"; | ||
| export const BgBrandTwoModerate = "var(--ax-bg-brand-two-moderate)"; | ||
| export const BgBrandTwoModerateA = "var(--ax-bg-brand-two-moderateA)"; | ||
| export const BgBrandTwoModerateHover = "var(--ax-bg-brand-two-moderate-hover)"; | ||
| export const BgBrandTwoModerateHoverA = "var(--ax-bg-brand-two-moderate-hoverA)"; | ||
| export const BgBrandTwoModeratePressed = "var(--ax-bg-brand-two-moderate-pressed)"; | ||
| export const BgBrandTwoModeratePressedA = "var(--ax-bg-brand-two-moderate-pressedA)"; | ||
| export const BgBrandTwoStrong = "var(--ax-bg-brand-two-strong)"; | ||
| export const BgBrandTwoStrongHover = "var(--ax-bg-brand-two-strong-hover)"; | ||
| export const BgBrandTwoStrongPressed = "var(--ax-bg-brand-two-strong-pressed)"; | ||
| export const BgBrandTwoRaised = "var(--ax-bg-brand-two-raised)"; | ||
| export const BgBrandTwoRaisedHover = "var(--ax-bg-brand-two-raised-hover)"; | ||
| export const BgBrandThree = "var(--ax-bg-brand-three)"; | ||
| export const BgBrandThreeHover = "var(--ax-bg-brand-three-hover)"; | ||
| export const BgBrandThreeHoverA = "var(--ax-bg-brand-three-hoverA)"; | ||
| export const BgBrandThreeModerate = "var(--ax-bg-brand-three-moderate)"; | ||
| export const BgBrandThreeModerateA = "var(--ax-bg-brand-three-moderateA)"; | ||
| export const BgBrandThreeModerateHover = "var(--ax-bg-brand-three-moderate-hover)"; | ||
| export const BgBrandThreeModerateHoverA = "var(--ax-bg-brand-three-moderate-hoverA)"; | ||
| export const BgBrandThreeModeratePressed = "var(--ax-bg-brand-three-moderate-pressed)"; | ||
| export const BgBrandThreeModeratePressedA = "var(--ax-bg-brand-three-moderate-pressedA)"; | ||
| export const BgBrandThreeStrong = "var(--ax-bg-brand-three-strong)"; | ||
| export const BgBrandThreeStrongHover = "var(--ax-bg-brand-three-strong-hover)"; | ||
| export const BgBrandThreeStrongPressed = "var(--ax-bg-brand-three-strong-pressed)"; | ||
| export const BgBrandThreeRaised = "var(--ax-bg-brand-three-raised)"; | ||
| export const BgBrandThreeRaisedHover = "var(--ax-bg-brand-three-raised-hover)"; | ||
| export const BgDataOne = "var(--ax-bg-data-one)"; | ||
| export const BgDataOneHover = "var(--ax-bg-data-one-hover)"; | ||
| export const BgDataOneHoverA = "var(--ax-bg-data-one-hoverA)"; | ||
| export const BgDataOneModerate = "var(--ax-bg-data-one-moderate)"; | ||
| export const BgDataOneModerateA = "var(--ax-bg-data-one-moderateA)"; | ||
| export const BgDataOneModerateHover = "var(--ax-bg-data-one-moderate-hover)"; | ||
| export const BgDataOneModerateHoverA = "var(--ax-bg-data-one-moderate-hoverA)"; | ||
| export const BgDataOneModeratePressed = "var(--ax-bg-data-one-moderate-pressed)"; | ||
| export const BgDataOneModeratePressedA = "var(--ax-bg-data-one-moderate-pressedA)"; | ||
| export const BgDataOneStrong = "var(--ax-bg-data-one-strong)"; | ||
| export const BgDataOneStrongHover = "var(--ax-bg-data-one-strong-hover)"; | ||
| export const BgDataOneStrongPressed = "var(--ax-bg-data-one-strong-pressed)"; | ||
| export const BgDataOneRaised = "var(--ax-bg-data-one-raised)"; | ||
| export const BgDataOneRaisedHover = "var(--ax-bg-data-one-raised-hover)"; | ||
| export const BgDataTwo = "var(--ax-bg-data-two)"; | ||
| export const BgDataTwoHover = "var(--ax-bg-data-two-hover)"; | ||
| export const BgDataTwoHoverA = "var(--ax-bg-data-two-hoverA)"; | ||
| export const BgDataTwoModerate = "var(--ax-bg-data-two-moderate)"; | ||
| export const BgDataTwoModerateA = "var(--ax-bg-data-two-moderateA)"; | ||
| export const BgDataTwoModerateHover = "var(--ax-bg-data-two-moderate-hover)"; | ||
| export const BgDataTwoModerateHoverA = "var(--ax-bg-data-two-moderate-hoverA)"; | ||
| export const BgDataTwoModeratePressed = "var(--ax-bg-data-two-moderate-pressed)"; | ||
| export const BgDataTwoModeratePressedA = "var(--ax-bg-data-two-moderate-pressedA)"; | ||
| export const BgDataTwoStrong = "var(--ax-bg-data-two-strong)"; | ||
| export const BgDataTwoStrongHover = "var(--ax-bg-data-two-strong-hover)"; | ||
| export const BgDataTwoStrongPressed = "var(--ax-bg-data-two-strong-pressed)"; | ||
| export const BgDataTwoRaised = "var(--ax-bg-data-two-raised)"; | ||
| export const BgDataTwoRaisedHover = "var(--ax-bg-data-two-raised-hover)"; | ||
| export const BgBrandMagenta = "var(--ax-bg-brand-magenta)"; | ||
| export const BgBrandMagentaHover = "var(--ax-bg-brand-magenta-hover)"; | ||
| export const BgBrandMagentaHoverA = "var(--ax-bg-brand-magenta-hoverA)"; | ||
| export const BgBrandMagentaModerate = "var(--ax-bg-brand-magenta-moderate)"; | ||
| export const BgBrandMagentaModerateA = "var(--ax-bg-brand-magenta-moderateA)"; | ||
| export const BgBrandMagentaModerateHover = "var(--ax-bg-brand-magenta-moderate-hover)"; | ||
| export const BgBrandMagentaModerateHoverA = "var(--ax-bg-brand-magenta-moderate-hoverA)"; | ||
| export const BgBrandMagentaModeratePressed = "var(--ax-bg-brand-magenta-moderate-pressed)"; | ||
| export const BgBrandMagentaModeratePressedA = "var(--ax-bg-brand-magenta-moderate-pressedA)"; | ||
| export const BgBrandMagentaStrong = "var(--ax-bg-brand-magenta-strong)"; | ||
| export const BgBrandMagentaStrongHover = "var(--ax-bg-brand-magenta-strong-hover)"; | ||
| export const BgBrandMagentaStrongPressed = "var(--ax-bg-brand-magenta-strong-pressed)"; | ||
| export const BgBrandMagentaRaised = "var(--ax-bg-brand-magenta-raised)"; | ||
| export const BgBrandMagentaRaisedHover = "var(--ax-bg-brand-magenta-raised-hover)"; | ||
| export const BgBrandBeige = "var(--ax-bg-brand-beige)"; | ||
| export const BgBrandBeigeHover = "var(--ax-bg-brand-beige-hover)"; | ||
| export const BgBrandBeigeHoverA = "var(--ax-bg-brand-beige-hoverA)"; | ||
| export const BgBrandBeigeModerate = "var(--ax-bg-brand-beige-moderate)"; | ||
| export const BgBrandBeigeModerateA = "var(--ax-bg-brand-beige-moderateA)"; | ||
| export const BgBrandBeigeModerateHover = "var(--ax-bg-brand-beige-moderate-hover)"; | ||
| export const BgBrandBeigeModerateHoverA = "var(--ax-bg-brand-beige-moderate-hoverA)"; | ||
| export const BgBrandBeigeModeratePressed = "var(--ax-bg-brand-beige-moderate-pressed)"; | ||
| export const BgBrandBeigeModeratePressedA = "var(--ax-bg-brand-beige-moderate-pressedA)"; | ||
| export const BgBrandBeigeStrong = "var(--ax-bg-brand-beige-strong)"; | ||
| export const BgBrandBeigeStrongHover = "var(--ax-bg-brand-beige-strong-hover)"; | ||
| export const BgBrandBeigeStrongPressed = "var(--ax-bg-brand-beige-strong-pressed)"; | ||
| export const BgBrandBeigeRaised = "var(--ax-bg-brand-beige-raised)"; | ||
| export const BgBrandBeigeRaisedHover = "var(--ax-bg-brand-beige-raised-hover)"; | ||
| export const BgBrandBlue = "var(--ax-bg-brand-blue)"; | ||
| export const BgBrandBlueHover = "var(--ax-bg-brand-blue-hover)"; | ||
| export const BgBrandBlueHoverA = "var(--ax-bg-brand-blue-hoverA)"; | ||
| export const BgBrandBlueModerate = "var(--ax-bg-brand-blue-moderate)"; | ||
| export const BgBrandBlueModerateA = "var(--ax-bg-brand-blue-moderateA)"; | ||
| export const BgBrandBlueModerateHover = "var(--ax-bg-brand-blue-moderate-hover)"; | ||
| export const BgBrandBlueModerateHoverA = "var(--ax-bg-brand-blue-moderate-hoverA)"; | ||
| export const BgBrandBlueModeratePressed = "var(--ax-bg-brand-blue-moderate-pressed)"; | ||
| export const BgBrandBlueModeratePressedA = "var(--ax-bg-brand-blue-moderate-pressedA)"; | ||
| export const BgBrandBlueStrong = "var(--ax-bg-brand-blue-strong)"; | ||
| export const BgBrandBlueStrongHover = "var(--ax-bg-brand-blue-strong-hover)"; | ||
| export const BgBrandBlueStrongPressed = "var(--ax-bg-brand-blue-strong-pressed)"; | ||
| export const BgBrandBlueRaised = "var(--ax-bg-brand-blue-raised)"; | ||
| export const BgBrandBlueRaisedHover = "var(--ax-bg-brand-blue-raised-hover)"; | ||
| export const BgMetaPurple = "var(--ax-bg-meta-purple)"; | ||
| export const BgMetaPurpleHover = "var(--ax-bg-meta-purple-hover)"; | ||
| export const BgMetaPurpleHoverA = "var(--ax-bg-meta-purple-hoverA)"; | ||
| export const BgMetaPurpleModerate = "var(--ax-bg-meta-purple-moderate)"; | ||
| export const BgMetaPurpleModerateA = "var(--ax-bg-meta-purple-moderateA)"; | ||
| export const BgMetaPurpleModerateHover = "var(--ax-bg-meta-purple-moderate-hover)"; | ||
| export const BgMetaPurpleModerateHoverA = "var(--ax-bg-meta-purple-moderate-hoverA)"; | ||
| export const BgMetaPurpleModeratePressed = "var(--ax-bg-meta-purple-moderate-pressed)"; | ||
| export const BgMetaPurpleModeratePressedA = "var(--ax-bg-meta-purple-moderate-pressedA)"; | ||
| export const BgMetaPurpleStrong = "var(--ax-bg-meta-purple-strong)"; | ||
| export const BgMetaPurpleStrongHover = "var(--ax-bg-meta-purple-strong-hover)"; | ||
| export const BgMetaPurpleStrongPressed = "var(--ax-bg-meta-purple-strong-pressed)"; | ||
| export const BgMetaPurpleRaised = "var(--ax-bg-meta-purple-raised)"; | ||
| export const BgMetaPurpleRaisedHover = "var(--ax-bg-meta-purple-raised-hover)"; | ||
| export const BgMetaLime = "var(--ax-bg-meta-lime)"; | ||
| export const BgMetaLimeHover = "var(--ax-bg-meta-lime-hover)"; | ||
| export const BgMetaLimeHoverA = "var(--ax-bg-meta-lime-hoverA)"; | ||
| export const BgMetaLimeModerate = "var(--ax-bg-meta-lime-moderate)"; | ||
| export const BgMetaLimeModerateA = "var(--ax-bg-meta-lime-moderateA)"; | ||
| export const BgMetaLimeModerateHover = "var(--ax-bg-meta-lime-moderate-hover)"; | ||
| export const BgMetaLimeModerateHoverA = "var(--ax-bg-meta-lime-moderate-hoverA)"; | ||
| export const BgMetaLimeModeratePressed = "var(--ax-bg-meta-lime-moderate-pressed)"; | ||
| export const BgMetaLimeModeratePressedA = "var(--ax-bg-meta-lime-moderate-pressedA)"; | ||
| export const BgMetaLimeStrong = "var(--ax-bg-meta-lime-strong)"; | ||
| export const BgMetaLimeStrongHover = "var(--ax-bg-meta-lime-strong-hover)"; | ||
| export const BgMetaLimeStrongPressed = "var(--ax-bg-meta-lime-strong-pressed)"; | ||
| export const BgMetaLimeRaised = "var(--ax-bg-meta-lime-raised)"; | ||
| export const BgMetaLimeRaisedHover = "var(--ax-bg-meta-lime-raised-hover)"; | ||
| export const BgDefault = "var(--ax-bg-default)"; | ||
@@ -184,17 +192,17 @@ export const BgInput = "var(--ax-bg-input)"; | ||
| export const TextInfoIcon = "var(--ax-text-info-icon)"; | ||
| export const TextBrandOne = "var(--ax-text-brand-one)"; | ||
| export const TextBrandOneStrong = "var(--ax-text-brand-one-strong)"; | ||
| export const TextBrandOneIcon = "var(--ax-text-brand-one-icon)"; | ||
| export const TextBrandTwo = "var(--ax-text-brand-two)"; | ||
| export const TextBrandTwoStrong = "var(--ax-text-brand-two-strong)"; | ||
| export const TextBrandTwoIcon = "var(--ax-text-brand-two-icon)"; | ||
| export const TextBrandThree = "var(--ax-text-brand-three)"; | ||
| export const TextBrandThreeStrong = "var(--ax-text-brand-three-strong)"; | ||
| export const TextBrandThreeIcon = "var(--ax-text-brand-three-icon)"; | ||
| export const TextDataOne = "var(--ax-text-data-one)"; | ||
| export const TextDataOneStrong = "var(--ax-text-data-one-strong)"; | ||
| export const TextDataOneIcon = "var(--ax-text-data-one-icon)"; | ||
| export const TextDataTwo = "var(--ax-text-data-two)"; | ||
| export const TextDataTwoStrong = "var(--ax-text-data-two-strong)"; | ||
| export const TextDataTwoIcon = "var(--ax-text-data-two-icon)"; | ||
| export const TextBrandMagenta = "var(--ax-text-brand-magenta)"; | ||
| export const TextBrandMagentaStrong = "var(--ax-text-brand-magenta-strong)"; | ||
| export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)"; | ||
| export const TextBrandBeige = "var(--ax-text-brand-beige)"; | ||
| export const TextBrandBeigeStrong = "var(--ax-text-brand-beige-strong)"; | ||
| export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)"; | ||
| export const TextBrandBlue = "var(--ax-text-brand-blue)"; | ||
| export const TextBrandBlueStrong = "var(--ax-text-brand-blue-strong)"; | ||
| export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)"; | ||
| export const TextMetaPurple = "var(--ax-text-meta-purple)"; | ||
| export const TextMetaPurpleStrong = "var(--ax-text-meta-purple-strong)"; | ||
| export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)"; | ||
| export const TextMetaLime = "var(--ax-text-meta-lime)"; | ||
| export const TextMetaLimeStrong = "var(--ax-text-meta-lime-strong)"; | ||
| export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)"; | ||
| export const TextAccentContrast = "var(--ax-text-accent-contrast)"; | ||
@@ -206,7 +214,7 @@ export const TextNeutralContrast = "var(--ax-text-neutral-contrast)"; | ||
| export const TextWarningContrast = "var(--ax-text-warning-contrast)"; | ||
| export const TextBrandOneContrast = "var(--ax-text-brand-one-contrast)"; | ||
| export const TextBrandTwoContrast = "var(--ax-text-brand-two-contrast)"; | ||
| export const TextBrandThreeContrast = "var(--ax-text-brand-three-contrast)"; | ||
| export const TextDataOneContrast = "var(--ax-text-data-one-contrast)"; | ||
| export const TextDataTwoContrast = "var(--ax-text-data-two-contrast)"; | ||
| export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)"; | ||
| export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)"; | ||
| export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)"; | ||
| export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)"; | ||
| export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)"; | ||
| export const TextDefault = "var(--ax-text-default)"; | ||
@@ -240,22 +248,22 @@ export const TextSubtle = "var(--ax-text-subtle)"; | ||
| export const BorderInfoStrong = "var(--ax-border-info-strong)"; | ||
| export const BorderBrandOne = "var(--ax-border-brand-one)"; | ||
| export const BorderBrandOneSubtle = "var(--ax-border-brand-one-subtle)"; | ||
| export const BorderBrandOneSubtleA = "var(--ax-border-brand-one-subtleA)"; | ||
| export const BorderBrandOneStrong = "var(--ax-border-brand-one-strong)"; | ||
| export const BorderBrandTwo = "var(--ax-border-brand-two)"; | ||
| export const BorderBrandTwoSubtle = "var(--ax-border-brand-two-subtle)"; | ||
| export const BorderBrandTwoSubtleA = "var(--ax-border-brand-two-subtleA)"; | ||
| export const BorderBrandTwoStrong = "var(--ax-border-brand-two-strong)"; | ||
| export const BorderBrandThree = "var(--ax-border-brand-three)"; | ||
| export const BorderBrandThreeSubtle = "var(--ax-border-brand-three-subtle)"; | ||
| export const BorderBrandThreeSubtleA = "var(--ax-border-brand-three-subtleA)"; | ||
| export const BorderBrandThreeStrong = "var(--ax-border-brand-three-strong)"; | ||
| export const BorderDataOne = "var(--ax-border-data-one)"; | ||
| export const BorderDataOneSubtle = "var(--ax-border-data-one-subtle)"; | ||
| export const BorderDataOneSubtleA = "var(--ax-border-data-one-subtleA)"; | ||
| export const BorderDataOneStrong = "var(--ax-border-data-one-strong)"; | ||
| export const BorderDataTwo = "var(--ax-border-data-two)"; | ||
| export const BorderDataTwoSubtle = "var(--ax-border-data-two-subtle)"; | ||
| export const BorderDataTwoSubtleA = "var(--ax-border-data-two-subtleA)"; | ||
| export const BorderDataTwoStrong = "var(--ax-border-data-two-strong)"; | ||
| export const BorderBrandMagenta = "var(--ax-border-brand-magenta)"; | ||
| export const BorderBrandMagentaSubtle = "var(--ax-border-brand-magenta-subtle)"; | ||
| export const BorderBrandMagentaSubtleA = "var(--ax-border-brand-magenta-subtleA)"; | ||
| export const BorderBrandMagentaStrong = "var(--ax-border-brand-magenta-strong)"; | ||
| export const BorderBrandBeige = "var(--ax-border-brand-beige)"; | ||
| export const BorderBrandBeigeSubtle = "var(--ax-border-brand-beige-subtle)"; | ||
| export const BorderBrandBeigeSubtleA = "var(--ax-border-brand-beige-subtleA)"; | ||
| export const BorderBrandBeigeStrong = "var(--ax-border-brand-beige-strong)"; | ||
| export const BorderBrandBlue = "var(--ax-border-brand-blue)"; | ||
| export const BorderBrandBlueSubtle = "var(--ax-border-brand-blue-subtle)"; | ||
| export const BorderBrandBlueSubtleA = "var(--ax-border-brand-blue-subtleA)"; | ||
| export const BorderBrandBlueStrong = "var(--ax-border-brand-blue-strong)"; | ||
| export const BorderMetaPurple = "var(--ax-border-meta-purple)"; | ||
| export const BorderMetaPurpleSubtle = "var(--ax-border-meta-purple-subtle)"; | ||
| export const BorderMetaPurpleSubtleA = "var(--ax-border-meta-purple-subtleA)"; | ||
| export const BorderMetaPurpleStrong = "var(--ax-border-meta-purple-strong)"; | ||
| export const BorderMetaLime = "var(--ax-border-meta-lime)"; | ||
| export const BorderMetaLimeSubtle = "var(--ax-border-meta-lime-subtle)"; | ||
| export const BorderMetaLimeSubtleA = "var(--ax-border-meta-lime-subtleA)"; | ||
| export const BorderMetaLimeStrong = "var(--ax-border-meta-lime-strong)"; | ||
| export const BorderDefault = "var(--ax-border-default)"; | ||
@@ -266,6 +274,2 @@ export const BorderSubtle = "var(--ax-border-subtle)"; | ||
| export const BorderFocus = "var(--ax-border-focus)"; | ||
| /** | ||
| * Used for dialog elements like modals and popovers. | ||
| */ | ||
| export const ShadowDialog = "var(--ax-shadow-dialog)"; | ||
| export const Neutral100 = "var(--ax-neutral-100)"; | ||
@@ -356,72 +360,72 @@ export const Neutral200 = "var(--ax-neutral-200)"; | ||
| export const Info400A = "var(--ax-info-400A)"; | ||
| export const BrandOne100 = "var(--ax-brand-one-100)"; | ||
| export const BrandOne200 = "var(--ax-brand-one-200)"; | ||
| export const BrandOne300 = "var(--ax-brand-one-300)"; | ||
| export const BrandOne400 = "var(--ax-brand-one-400)"; | ||
| export const BrandOne500 = "var(--ax-brand-one-500)"; | ||
| export const BrandOne600 = "var(--ax-brand-one-600)"; | ||
| export const BrandOne700 = "var(--ax-brand-one-700)"; | ||
| export const BrandOne800 = "var(--ax-brand-one-800)"; | ||
| export const BrandOne900 = "var(--ax-brand-one-900)"; | ||
| export const BrandOne1000 = "var(--ax-brand-one-1000)"; | ||
| export const BrandOne100A = "var(--ax-brand-one-100A)"; | ||
| export const BrandOne200A = "var(--ax-brand-one-200A)"; | ||
| export const BrandOne300A = "var(--ax-brand-one-300A)"; | ||
| export const BrandOne400A = "var(--ax-brand-one-400A)"; | ||
| export const BrandTwo100 = "var(--ax-brand-two-100)"; | ||
| export const BrandTwo200 = "var(--ax-brand-two-200)"; | ||
| export const BrandTwo300 = "var(--ax-brand-two-300)"; | ||
| export const BrandTwo400 = "var(--ax-brand-two-400)"; | ||
| export const BrandTwo500 = "var(--ax-brand-two-500)"; | ||
| export const BrandTwo600 = "var(--ax-brand-two-600)"; | ||
| export const BrandTwo700 = "var(--ax-brand-two-700)"; | ||
| export const BrandTwo800 = "var(--ax-brand-two-800)"; | ||
| export const BrandTwo900 = "var(--ax-brand-two-900)"; | ||
| export const BrandTwo1000 = "var(--ax-brand-two-1000)"; | ||
| export const BrandTwo100A = "var(--ax-brand-two-100A)"; | ||
| export const BrandTwo200A = "var(--ax-brand-two-200A)"; | ||
| export const BrandTwo300A = "var(--ax-brand-two-300A)"; | ||
| export const BrandTwo400A = "var(--ax-brand-two-400A)"; | ||
| export const BrandThree100 = "var(--ax-brand-three-100)"; | ||
| export const BrandThree200 = "var(--ax-brand-three-200)"; | ||
| export const BrandThree300 = "var(--ax-brand-three-300)"; | ||
| export const BrandThree400 = "var(--ax-brand-three-400)"; | ||
| export const BrandThree500 = "var(--ax-brand-three-500)"; | ||
| export const BrandThree600 = "var(--ax-brand-three-600)"; | ||
| export const BrandThree700 = "var(--ax-brand-three-700)"; | ||
| export const BrandThree800 = "var(--ax-brand-three-800)"; | ||
| export const BrandThree900 = "var(--ax-brand-three-900)"; | ||
| export const BrandThree1000 = "var(--ax-brand-three-1000)"; | ||
| export const BrandThree100A = "var(--ax-brand-three-100A)"; | ||
| export const BrandThree200A = "var(--ax-brand-three-200A)"; | ||
| export const BrandThree300A = "var(--ax-brand-three-300A)"; | ||
| export const BrandThree400A = "var(--ax-brand-three-400A)"; | ||
| export const DataOne100 = "var(--ax-data-one-100)"; | ||
| export const DataOne200 = "var(--ax-data-one-200)"; | ||
| export const DataOne300 = "var(--ax-data-one-300)"; | ||
| export const DataOne400 = "var(--ax-data-one-400)"; | ||
| export const DataOne500 = "var(--ax-data-one-500)"; | ||
| export const DataOne600 = "var(--ax-data-one-600)"; | ||
| export const DataOne700 = "var(--ax-data-one-700)"; | ||
| export const DataOne800 = "var(--ax-data-one-800)"; | ||
| export const DataOne900 = "var(--ax-data-one-900)"; | ||
| export const DataOne1000 = "var(--ax-data-one-1000)"; | ||
| export const DataOne100A = "var(--ax-data-one-100A)"; | ||
| export const DataOne200A = "var(--ax-data-one-200A)"; | ||
| export const DataOne300A = "var(--ax-data-one-300A)"; | ||
| export const DataOne400A = "var(--ax-data-one-400A)"; | ||
| export const DataTwo100 = "var(--ax-data-two-100)"; | ||
| export const DataTwo200 = "var(--ax-data-two-200)"; | ||
| export const DataTwo300 = "var(--ax-data-two-300)"; | ||
| export const DataTwo400 = "var(--ax-data-two-400)"; | ||
| export const DataTwo500 = "var(--ax-data-two-500)"; | ||
| export const DataTwo600 = "var(--ax-data-two-600)"; | ||
| export const DataTwo700 = "var(--ax-data-two-700)"; | ||
| export const DataTwo800 = "var(--ax-data-two-800)"; | ||
| export const DataTwo900 = "var(--ax-data-two-900)"; | ||
| export const DataTwo1000 = "var(--ax-data-two-1000)"; | ||
| export const DataTwo100A = "var(--ax-data-two-100A)"; | ||
| export const DataTwo200A = "var(--ax-data-two-200A)"; | ||
| export const DataTwo300A = "var(--ax-data-two-300A)"; | ||
| export const DataTwo400A = "var(--ax-data-two-400A)"; | ||
| export const BrandMagenta100 = "var(--ax-brand-magenta-100)"; | ||
| export const BrandMagenta200 = "var(--ax-brand-magenta-200)"; | ||
| export const BrandMagenta300 = "var(--ax-brand-magenta-300)"; | ||
| export const BrandMagenta400 = "var(--ax-brand-magenta-400)"; | ||
| export const BrandMagenta500 = "var(--ax-brand-magenta-500)"; | ||
| export const BrandMagenta600 = "var(--ax-brand-magenta-600)"; | ||
| export const BrandMagenta700 = "var(--ax-brand-magenta-700)"; | ||
| export const BrandMagenta800 = "var(--ax-brand-magenta-800)"; | ||
| export const BrandMagenta900 = "var(--ax-brand-magenta-900)"; | ||
| export const BrandMagenta1000 = "var(--ax-brand-magenta-1000)"; | ||
| export const BrandMagenta100A = "var(--ax-brand-magenta-100A)"; | ||
| export const BrandMagenta200A = "var(--ax-brand-magenta-200A)"; | ||
| export const BrandMagenta300A = "var(--ax-brand-magenta-300A)"; | ||
| export const BrandMagenta400A = "var(--ax-brand-magenta-400A)"; | ||
| export const BrandBeige100 = "var(--ax-brand-beige-100)"; | ||
| export const BrandBeige200 = "var(--ax-brand-beige-200)"; | ||
| export const BrandBeige300 = "var(--ax-brand-beige-300)"; | ||
| export const BrandBeige400 = "var(--ax-brand-beige-400)"; | ||
| export const BrandBeige500 = "var(--ax-brand-beige-500)"; | ||
| export const BrandBeige600 = "var(--ax-brand-beige-600)"; | ||
| export const BrandBeige700 = "var(--ax-brand-beige-700)"; | ||
| export const BrandBeige800 = "var(--ax-brand-beige-800)"; | ||
| export const BrandBeige900 = "var(--ax-brand-beige-900)"; | ||
| export const BrandBeige1000 = "var(--ax-brand-beige-1000)"; | ||
| export const BrandBeige100A = "var(--ax-brand-beige-100A)"; | ||
| export const BrandBeige200A = "var(--ax-brand-beige-200A)"; | ||
| export const BrandBeige300A = "var(--ax-brand-beige-300A)"; | ||
| export const BrandBeige400A = "var(--ax-brand-beige-400A)"; | ||
| export const BrandBlue100 = "var(--ax-brand-blue-100)"; | ||
| export const BrandBlue200 = "var(--ax-brand-blue-200)"; | ||
| export const BrandBlue300 = "var(--ax-brand-blue-300)"; | ||
| export const BrandBlue400 = "var(--ax-brand-blue-400)"; | ||
| export const BrandBlue500 = "var(--ax-brand-blue-500)"; | ||
| export const BrandBlue600 = "var(--ax-brand-blue-600)"; | ||
| export const BrandBlue700 = "var(--ax-brand-blue-700)"; | ||
| export const BrandBlue800 = "var(--ax-brand-blue-800)"; | ||
| export const BrandBlue900 = "var(--ax-brand-blue-900)"; | ||
| export const BrandBlue1000 = "var(--ax-brand-blue-1000)"; | ||
| export const BrandBlue100A = "var(--ax-brand-blue-100A)"; | ||
| export const BrandBlue200A = "var(--ax-brand-blue-200A)"; | ||
| export const BrandBlue300A = "var(--ax-brand-blue-300A)"; | ||
| export const BrandBlue400A = "var(--ax-brand-blue-400A)"; | ||
| export const MetaPurple100 = "var(--ax-meta-purple-100)"; | ||
| export const MetaPurple200 = "var(--ax-meta-purple-200)"; | ||
| export const MetaPurple300 = "var(--ax-meta-purple-300)"; | ||
| export const MetaPurple400 = "var(--ax-meta-purple-400)"; | ||
| export const MetaPurple500 = "var(--ax-meta-purple-500)"; | ||
| export const MetaPurple600 = "var(--ax-meta-purple-600)"; | ||
| export const MetaPurple700 = "var(--ax-meta-purple-700)"; | ||
| export const MetaPurple800 = "var(--ax-meta-purple-800)"; | ||
| export const MetaPurple900 = "var(--ax-meta-purple-900)"; | ||
| export const MetaPurple1000 = "var(--ax-meta-purple-1000)"; | ||
| export const MetaPurple100A = "var(--ax-meta-purple-100A)"; | ||
| export const MetaPurple200A = "var(--ax-meta-purple-200A)"; | ||
| export const MetaPurple300A = "var(--ax-meta-purple-300A)"; | ||
| export const MetaPurple400A = "var(--ax-meta-purple-400A)"; | ||
| export const MetaLime100 = "var(--ax-meta-lime-100)"; | ||
| export const MetaLime200 = "var(--ax-meta-lime-200)"; | ||
| export const MetaLime300 = "var(--ax-meta-lime-300)"; | ||
| export const MetaLime400 = "var(--ax-meta-lime-400)"; | ||
| export const MetaLime500 = "var(--ax-meta-lime-500)"; | ||
| export const MetaLime600 = "var(--ax-meta-lime-600)"; | ||
| export const MetaLime700 = "var(--ax-meta-lime-700)"; | ||
| export const MetaLime800 = "var(--ax-meta-lime-800)"; | ||
| export const MetaLime900 = "var(--ax-meta-lime-900)"; | ||
| export const MetaLime1000 = "var(--ax-meta-lime-1000)"; | ||
| export const MetaLime100A = "var(--ax-meta-lime-100A)"; | ||
| export const MetaLime200A = "var(--ax-meta-lime-200A)"; | ||
| export const MetaLime300A = "var(--ax-meta-lime-300A)"; | ||
| export const MetaLime400A = "var(--ax-meta-lime-400A)"; | ||
| export const Spacing0 = "var(--ax-spacing-0)"; | ||
@@ -428,0 +432,0 @@ export const Spacing1 = "var(--ax-spacing-1)"; |
| { | ||
| "name": "@navikt/ds-tokens", | ||
| "version": "7.8.0", | ||
| "description": "Design-tokens for NAV designsystem", | ||
| "author": "Aksel | NAV designsystem team", | ||
| "version": "7.8.1", | ||
| "description": "Design-tokens for Nav designsystem", | ||
| "author": "Aksel | Nav designsystem team", | ||
| "keywords": [ | ||
@@ -12,3 +12,2 @@ "css", | ||
| ], | ||
| "main": "dist/tokens.css", | ||
| "license": "MIT", | ||
@@ -18,3 +17,3 @@ "files": [ | ||
| "/src", | ||
| "/tailwind", | ||
| "types.ts", | ||
| "docs.json" | ||
@@ -41,3 +40,3 @@ ], | ||
| "esbuild": "^0.24.0", | ||
| "lightningcss": "^1.27.0", | ||
| "lightningcss": "^1.28.0", | ||
| "lodash": "^4.17.21", | ||
@@ -52,3 +51,28 @@ "style-dictionary": "^4.1.1", | ||
| "provenance": true | ||
| }, | ||
| "main": "dist/tokens.css", | ||
| "exports": { | ||
| ".": "./dist/tokens.css", | ||
| "./types": "./types.ts", | ||
| "./docs.json": "./docs.json", | ||
| "./dist/*": { | ||
| "types": "./dist/tokens.d.ts", | ||
| "default": "./dist/*" | ||
| }, | ||
| "./darkside-css": "./dist/darkside/tokens.css", | ||
| "./darkside-js": { | ||
| "types": "./dist/darkside/tokens.d.ts", | ||
| "import": "./dist/darkside/tokens.js", | ||
| "require": "./dist/darkside/tokens-cjs.js" | ||
| }, | ||
| "./darkside-scss": "./dist/darkside/tokens.scss", | ||
| "./darkside-less": "./dist/darkside/tokens.less", | ||
| "./darkside-js-static": { | ||
| "types": "./dist/darkside/static/tokens.d.ts", | ||
| "import": "./dist/darkside/static/tokens.js", | ||
| "require": "./dist/darkside/static/tokens-cjs.js" | ||
| }, | ||
| "./darkside-scss-static": "./dist/darkside/static/tokens.scss", | ||
| "./darkside-less-static": "./dist/darkside/static/tokens.less" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by51.54%
438165
- Number of package files
- increased by26.67%
38
- Lines of code
- increased by27.96%
7592
No dependency changes