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.11.0 to 7.12.0
@@ -14,6 +14,15 @@ /** | ||
| "OpacityDisabled": "var(--ax-opacity-disabled)", | ||
| "BgNeutralSoft": "var(--ax-bg-neutral-soft)", | ||
| "BgNeutralSoftA": "var(--ax-bg-neutral-softA)", | ||
| "BgNeutralModerate": "var(--ax-bg-neutral-moderate)", | ||
| "BgNeutralModerateA": "var(--ax-bg-neutral-moderateA)", | ||
| "BgNeutralModerateHover": "var(--ax-bg-neutral-moderate-hover)", | ||
| "BgNeutralModerateHoverA": "var(--ax-bg-neutral-moderate-hoverA)", | ||
| "BgNeutralModeratePressed": "var(--ax-bg-neutral-moderate-pressed)", | ||
| "BgNeutralModeratePressedA": "var(--ax-bg-neutral-moderate-pressedA)", | ||
| "BgNeutralStrong": "var(--ax-bg-neutral-strong)", | ||
| "BgNeutralStrongHover": "var(--ax-bg-neutral-strong-hover)", | ||
| "BgNeutralStrongPressed": "var(--ax-bg-neutral-strong-pressed)", | ||
| "BgAccentSoft": "var(--ax-bg-accent-soft)", | ||
| "BgAccentSoftA": "var(--ax-bg-accent-softA)", | ||
| "BgAccentHover": "var(--ax-bg-accent-hover)", | ||
| "BgAccentHoverA": "var(--ax-bg-accent-hoverA)", | ||
| "BgAccentModerate": "var(--ax-bg-accent-moderate)", | ||
@@ -30,4 +39,2 @@ "BgAccentModerateA": "var(--ax-bg-accent-moderateA)", | ||
| "BgSuccessSoftA": "var(--ax-bg-success-softA)", | ||
| "BgSuccessHover": "var(--ax-bg-success-hover)", | ||
| "BgSuccessHoverA": "var(--ax-bg-success-hoverA)", | ||
| "BgSuccessModerate": "var(--ax-bg-success-moderate)", | ||
@@ -44,4 +51,2 @@ "BgSuccessModerateA": "var(--ax-bg-success-moderateA)", | ||
| "BgWarningSoftA": "var(--ax-bg-warning-softA)", | ||
| "BgWarningHover": "var(--ax-bg-warning-hover)", | ||
| "BgWarningHoverA": "var(--ax-bg-warning-hoverA)", | ||
| "BgWarningModerate": "var(--ax-bg-warning-moderate)", | ||
@@ -58,4 +63,2 @@ "BgWarningModerateA": "var(--ax-bg-warning-moderateA)", | ||
| "BgDangerSoftA": "var(--ax-bg-danger-softA)", | ||
| "BgDangerHover": "var(--ax-bg-danger-hover)", | ||
| "BgDangerHoverA": "var(--ax-bg-danger-hoverA)", | ||
| "BgDangerModerate": "var(--ax-bg-danger-moderate)", | ||
@@ -72,4 +75,2 @@ "BgDangerModerateA": "var(--ax-bg-danger-moderateA)", | ||
| "BgInfoSoftA": "var(--ax-bg-info-softA)", | ||
| "BgInfoHover": "var(--ax-bg-info-hover)", | ||
| "BgInfoHoverA": "var(--ax-bg-info-hoverA)", | ||
| "BgInfoModerate": "var(--ax-bg-info-moderate)", | ||
@@ -84,67 +85,57 @@ "BgInfoModerateA": "var(--ax-bg-info-moderateA)", | ||
| "BgInfoStrongPressed": "var(--ax-bg-info-strong-pressed)", | ||
| "BgBrand1Soft": "var(--ax-bg-brand-1-soft)", | ||
| "BgBrand1SoftA": "var(--ax-bg-brand-1-softA)", | ||
| "BgBrand1Hover": "var(--ax-bg-brand-1-hover)", | ||
| "BgBrand1HoverA": "var(--ax-bg-brand-1-hoverA)", | ||
| "BgBrand1Moderate": "var(--ax-bg-brand-1-moderate)", | ||
| "BgBrand1ModerateA": "var(--ax-bg-brand-1-moderateA)", | ||
| "BgBrand1ModerateHover": "var(--ax-bg-brand-1-moderate-hover)", | ||
| "BgBrand1ModerateHoverA": "var(--ax-bg-brand-1-moderate-hoverA)", | ||
| "BgBrand1ModeratePressed": "var(--ax-bg-brand-1-moderate-pressed)", | ||
| "BgBrand1ModeratePressedA": "var(--ax-bg-brand-1-moderate-pressedA)", | ||
| "BgBrand1Strong": "var(--ax-bg-brand-1-strong)", | ||
| "BgBrand1StrongHover": "var(--ax-bg-brand-1-strong-hover)", | ||
| "BgBrand1StrongPressed": "var(--ax-bg-brand-1-strong-pressed)", | ||
| "BgBrand2Soft": "var(--ax-bg-brand-2-soft)", | ||
| "BgBrand2SoftA": "var(--ax-bg-brand-2-softA)", | ||
| "BgBrand2Hover": "var(--ax-bg-brand-2-hover)", | ||
| "BgBrand2HoverA": "var(--ax-bg-brand-2-hoverA)", | ||
| "BgBrand2Moderate": "var(--ax-bg-brand-2-moderate)", | ||
| "BgBrand2ModerateA": "var(--ax-bg-brand-2-moderateA)", | ||
| "BgBrand2ModerateHover": "var(--ax-bg-brand-2-moderate-hover)", | ||
| "BgBrand2ModerateHoverA": "var(--ax-bg-brand-2-moderate-hoverA)", | ||
| "BgBrand2ModeratePressed": "var(--ax-bg-brand-2-moderate-pressed)", | ||
| "BgBrand2ModeratePressedA": "var(--ax-bg-brand-2-moderate-pressedA)", | ||
| "BgBrand2Strong": "var(--ax-bg-brand-2-strong)", | ||
| "BgBrand2StrongHover": "var(--ax-bg-brand-2-strong-hover)", | ||
| "BgBrand2StrongPressed": "var(--ax-bg-brand-2-strong-pressed)", | ||
| "BgBrand3Soft": "var(--ax-bg-brand-3-soft)", | ||
| "BgBrand3SoftA": "var(--ax-bg-brand-3-softA)", | ||
| "BgBrand3Hover": "var(--ax-bg-brand-3-hover)", | ||
| "BgBrand3HoverA": "var(--ax-bg-brand-3-hoverA)", | ||
| "BgBrand3Moderate": "var(--ax-bg-brand-3-moderate)", | ||
| "BgBrand3ModerateA": "var(--ax-bg-brand-3-moderateA)", | ||
| "BgBrand3ModerateHover": "var(--ax-bg-brand-3-moderate-hover)", | ||
| "BgBrand3ModerateHoverA": "var(--ax-bg-brand-3-moderate-hoverA)", | ||
| "BgBrand3ModeratePressed": "var(--ax-bg-brand-3-moderate-pressed)", | ||
| "BgBrand3ModeratePressedA": "var(--ax-bg-brand-3-moderate-pressedA)", | ||
| "BgBrand3Strong": "var(--ax-bg-brand-3-strong)", | ||
| "BgBrand3StrongHover": "var(--ax-bg-brand-3-strong-hover)", | ||
| "BgBrand3StrongPressed": "var(--ax-bg-brand-3-strong-pressed)", | ||
| "BgMeta1Soft": "var(--ax-bg-meta-1-soft)", | ||
| "BgMeta1SoftA": "var(--ax-bg-meta-1-softA)", | ||
| "BgMeta1Hover": "var(--ax-bg-meta-1-hover)", | ||
| "BgMeta1HoverA": "var(--ax-bg-meta-1-hoverA)", | ||
| "BgMeta1Moderate": "var(--ax-bg-meta-1-moderate)", | ||
| "BgMeta1ModerateA": "var(--ax-bg-meta-1-moderateA)", | ||
| "BgMeta1ModerateHover": "var(--ax-bg-meta-1-moderate-hover)", | ||
| "BgMeta1ModerateHoverA": "var(--ax-bg-meta-1-moderate-hoverA)", | ||
| "BgMeta1ModeratePressed": "var(--ax-bg-meta-1-moderate-pressed)", | ||
| "BgMeta1ModeratePressedA": "var(--ax-bg-meta-1-moderate-pressedA)", | ||
| "BgMeta1Strong": "var(--ax-bg-meta-1-strong)", | ||
| "BgMeta1StrongHover": "var(--ax-bg-meta-1-strong-hover)", | ||
| "BgMeta1StrongPressed": "var(--ax-bg-meta-1-strong-pressed)", | ||
| "BgMeta2Soft": "var(--ax-bg-meta-2-soft)", | ||
| "BgMeta2SoftA": "var(--ax-bg-meta-2-softA)", | ||
| "BgMeta2Hover": "var(--ax-bg-meta-2-hover)", | ||
| "BgMeta2HoverA": "var(--ax-bg-meta-2-hoverA)", | ||
| "BgMeta2Moderate": "var(--ax-bg-meta-2-moderate)", | ||
| "BgMeta2ModerateA": "var(--ax-bg-meta-2-moderateA)", | ||
| "BgMeta2ModerateHover": "var(--ax-bg-meta-2-moderate-hover)", | ||
| "BgMeta2ModerateHoverA": "var(--ax-bg-meta-2-moderate-hoverA)", | ||
| "BgMeta2ModeratePressed": "var(--ax-bg-meta-2-moderate-pressed)", | ||
| "BgMeta2ModeratePressedA": "var(--ax-bg-meta-2-moderate-pressedA)", | ||
| "BgMeta2Strong": "var(--ax-bg-meta-2-strong)", | ||
| "BgMeta2StrongHover": "var(--ax-bg-meta-2-strong-hover)", | ||
| "BgMeta2StrongPressed": "var(--ax-bg-meta-2-strong-pressed)", | ||
| "BgBrandMagentaSoft": "var(--ax-bg-brand-magenta-soft)", | ||
| "BgBrandMagentaSoftA": "var(--ax-bg-brand-magenta-softA)", | ||
| "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)", | ||
| "BgBrandBeigeSoft": "var(--ax-bg-brand-beige-soft)", | ||
| "BgBrandBeigeSoftA": "var(--ax-bg-brand-beige-softA)", | ||
| "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)", | ||
| "BgBrandBlueSoft": "var(--ax-bg-brand-blue-soft)", | ||
| "BgBrandBlueSoftA": "var(--ax-bg-brand-blue-softA)", | ||
| "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)", | ||
| "BgMetaPurpleSoft": "var(--ax-bg-meta-purple-soft)", | ||
| "BgMetaPurpleSoftA": "var(--ax-bg-meta-purple-softA)", | ||
| "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)", | ||
| "BgMetaLimeSoft": "var(--ax-bg-meta-lime-soft)", | ||
| "BgMetaLimeSoftA": "var(--ax-bg-meta-lime-softA)", | ||
| "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)", | ||
| "BgDefault": "var(--ax-bg-default)", | ||
@@ -155,45 +146,36 @@ "BgInput": "var(--ax-bg-input)", | ||
| "BgOverlay": "var(--ax-bg-overlay)", | ||
| "BgSoft": "var(--ax-bg-soft)", | ||
| "BgSoftA": "var(--ax-bg-softA)", | ||
| "BgHover": "var(--ax-bg-hover)", | ||
| "BgHoverA": "var(--ax-bg-hoverA)", | ||
| "BgModerate": "var(--ax-bg-moderate)", | ||
| "BgModerateA": "var(--ax-bg-moderateA)", | ||
| "BgModerateHover": "var(--ax-bg-moderate-hover)", | ||
| "BgModerateHoverA": "var(--ax-bg-moderate-hoverA)", | ||
| "BgModeratePressed": "var(--ax-bg-moderate-pressed)", | ||
| "BgModeratePressedA": "var(--ax-bg-moderate-pressedA)", | ||
| "BgStrong": "var(--ax-bg-strong)", | ||
| "BgStrongHover": "var(--ax-bg-strong-hover)", | ||
| "BgStrongPressed": "var(--ax-bg-strong-pressed)", | ||
| "TextNeutral": "var(--ax-text-neutral)", | ||
| "TextNeutralSubtle": "var(--ax-text-neutral-subtle)", | ||
| "TextNeutralIcon": "var(--ax-text-neutral-icon)", | ||
| "TextAccent": "var(--ax-text-accent)", | ||
| "TextAccentStrong": "var(--ax-text-accent-strong)", | ||
| "TextAccentSubtle": "var(--ax-text-accent-subtle)", | ||
| "TextAccentIcon": "var(--ax-text-accent-icon)", | ||
| "TextSuccess": "var(--ax-text-success)", | ||
| "TextSuccessStrong": "var(--ax-text-success-strong)", | ||
| "TextSuccessSubtle": "var(--ax-text-success-subtle)", | ||
| "TextSuccessIcon": "var(--ax-text-success-icon)", | ||
| "TextWarning": "var(--ax-text-warning)", | ||
| "TextWarningStrong": "var(--ax-text-warning-strong)", | ||
| "TextWarningSubtle": "var(--ax-text-warning-subtle)", | ||
| "TextWarningIcon": "var(--ax-text-warning-icon)", | ||
| "TextDanger": "var(--ax-text-danger)", | ||
| "TextDangerStrong": "var(--ax-text-danger-strong)", | ||
| "TextDangerSubtle": "var(--ax-text-danger-subtle)", | ||
| "TextDangerIcon": "var(--ax-text-danger-icon)", | ||
| "TextInfo": "var(--ax-text-info)", | ||
| "TextInfoStrong": "var(--ax-text-info-strong)", | ||
| "TextInfoSubtle": "var(--ax-text-info-subtle)", | ||
| "TextInfoIcon": "var(--ax-text-info-icon)", | ||
| "TextBrand1": "var(--ax-text-brand-1)", | ||
| "TextBrand1Strong": "var(--ax-text-brand-1-strong)", | ||
| "TextBrand1Icon": "var(--ax-text-brand-1-icon)", | ||
| "TextBrand2": "var(--ax-text-brand-2)", | ||
| "TextBrand2Strong": "var(--ax-text-brand-2-strong)", | ||
| "TextBrand2Icon": "var(--ax-text-brand-2-icon)", | ||
| "TextBrand3": "var(--ax-text-brand-3)", | ||
| "TextBrand3Strong": "var(--ax-text-brand-3-strong)", | ||
| "TextBrand3Icon": "var(--ax-text-brand-3-icon)", | ||
| "TextMeta1": "var(--ax-text-meta-1)", | ||
| "TextMeta1Strong": "var(--ax-text-meta-1-strong)", | ||
| "TextMeta1Icon": "var(--ax-text-meta-1-icon)", | ||
| "TextMeta2": "var(--ax-text-meta-2)", | ||
| "TextMeta2Strong": "var(--ax-text-meta-2-strong)", | ||
| "TextMeta2Icon": "var(--ax-text-meta-2-icon)", | ||
| "TextBrandMagenta": "var(--ax-text-brand-magenta)", | ||
| "TextBrandMagentaSubtle": "var(--ax-text-brand-magenta-subtle)", | ||
| "TextBrandMagentaIcon": "var(--ax-text-brand-magenta-icon)", | ||
| "TextBrandBeige": "var(--ax-text-brand-beige)", | ||
| "TextBrandBeigeSubtle": "var(--ax-text-brand-beige-subtle)", | ||
| "TextBrandBeigeIcon": "var(--ax-text-brand-beige-icon)", | ||
| "TextBrandBlue": "var(--ax-text-brand-blue)", | ||
| "TextBrandBlueSubtle": "var(--ax-text-brand-blue-subtle)", | ||
| "TextBrandBlueIcon": "var(--ax-text-brand-blue-icon)", | ||
| "TextMetaPurple": "var(--ax-text-meta-purple)", | ||
| "TextMetaPurpleSubtle": "var(--ax-text-meta-purple-subtle)", | ||
| "TextMetaPurpleIcon": "var(--ax-text-meta-purple-icon)", | ||
| "TextMetaLime": "var(--ax-text-meta-lime)", | ||
| "TextMetaLimeSubtle": "var(--ax-text-meta-lime-subtle)", | ||
| "TextMetaLimeIcon": "var(--ax-text-meta-lime-icon)", | ||
| "TextNeutralContrast": "var(--ax-text-neutral-contrast)", | ||
| "TextAccentContrast": "var(--ax-text-accent-contrast)", | ||
@@ -204,12 +186,12 @@ "TextDangerContrast": "var(--ax-text-danger-contrast)", | ||
| "TextWarningContrast": "var(--ax-text-warning-contrast)", | ||
| "TextBrand1Contrast": "var(--ax-text-brand-1-contrast)", | ||
| "TextBrand2Contrast": "var(--ax-text-brand-2-contrast)", | ||
| "TextBrand3Contrast": "var(--ax-text-brand-3-contrast)", | ||
| "TextMeta1Contrast": "var(--ax-text-meta-1-contrast)", | ||
| "TextMeta2Contrast": "var(--ax-text-meta-2-contrast)", | ||
| "TextDefault": "var(--ax-text-default)", | ||
| "TextSubtle": "var(--ax-text-subtle)", | ||
| "TextIcon": "var(--ax-text-icon)", | ||
| "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)", | ||
| "TextLogo": "var(--ax-text-logo)", | ||
| "TextContrast": "var(--ax-text-contrast)", | ||
| "BorderNeutral": "var(--ax-border-neutral)", | ||
| "BorderNeutralSubtle": "var(--ax-border-neutral-subtle)", | ||
| "BorderNeutralSubtleA": "var(--ax-border-neutral-subtleA)", | ||
| "BorderNeutralStrong": "var(--ax-border-neutral-strong)", | ||
| "BorderAccent": "var(--ax-border-accent)", | ||
@@ -235,26 +217,22 @@ "BorderAccentSubtle": "var(--ax-border-accent-subtle)", | ||
| "BorderInfoStrong": "var(--ax-border-info-strong)", | ||
| "BorderBrand1": "var(--ax-border-brand-1)", | ||
| "BorderBrand1Subtle": "var(--ax-border-brand-1-subtle)", | ||
| "BorderBrand1SubtleA": "var(--ax-border-brand-1-subtleA)", | ||
| "BorderBrand1Strong": "var(--ax-border-brand-1-strong)", | ||
| "BorderBrand2": "var(--ax-border-brand-2)", | ||
| "BorderBrand2Subtle": "var(--ax-border-brand-2-subtle)", | ||
| "BorderBrand2SubtleA": "var(--ax-border-brand-2-subtleA)", | ||
| "BorderBrand2Strong": "var(--ax-border-brand-2-strong)", | ||
| "BorderBrand3": "var(--ax-border-brand-3)", | ||
| "BorderBrand3Subtle": "var(--ax-border-brand-3-subtle)", | ||
| "BorderBrand3SubtleA": "var(--ax-border-brand-3-subtleA)", | ||
| "BorderBrand3Strong": "var(--ax-border-brand-3-strong)", | ||
| "BorderMeta1": "var(--ax-border-meta-1)", | ||
| "BorderMeta1Subtle": "var(--ax-border-meta-1-subtle)", | ||
| "BorderMeta1SubtleA": "var(--ax-border-meta-1-subtleA)", | ||
| "BorderMeta1Strong": "var(--ax-border-meta-1-strong)", | ||
| "BorderMeta2": "var(--ax-border-meta-2)", | ||
| "BorderMeta2Subtle": "var(--ax-border-meta-2-subtle)", | ||
| "BorderMeta2SubtleA": "var(--ax-border-meta-2-subtleA)", | ||
| "BorderMeta2Strong": "var(--ax-border-meta-2-strong)", | ||
| "BorderDefault": "var(--ax-border-default)", | ||
| "BorderSubtle": "var(--ax-border-subtle)", | ||
| "BorderSubtleA": "var(--ax-border-subtleA)", | ||
| "BorderStrong": "var(--ax-border-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)", | ||
| "BorderFocus": "var(--ax-border-focus)", | ||
@@ -346,72 +324,72 @@ "Neutral100": "var(--ax-neutral-100)", | ||
| "Info400A": "var(--ax-info-400A)", | ||
| "Brand1100": "var(--ax-brand-1-100)", | ||
| "Brand1200": "var(--ax-brand-1-200)", | ||
| "Brand1300": "var(--ax-brand-1-300)", | ||
| "Brand1400": "var(--ax-brand-1-400)", | ||
| "Brand1500": "var(--ax-brand-1-500)", | ||
| "Brand1600": "var(--ax-brand-1-600)", | ||
| "Brand1700": "var(--ax-brand-1-700)", | ||
| "Brand1800": "var(--ax-brand-1-800)", | ||
| "Brand1900": "var(--ax-brand-1-900)", | ||
| "Brand11000": "var(--ax-brand-1-1000)", | ||
| "Brand1100A": "var(--ax-brand-1-100A)", | ||
| "Brand1200A": "var(--ax-brand-1-200A)", | ||
| "Brand1300A": "var(--ax-brand-1-300A)", | ||
| "Brand1400A": "var(--ax-brand-1-400A)", | ||
| "Brand2100": "var(--ax-brand-2-100)", | ||
| "Brand2200": "var(--ax-brand-2-200)", | ||
| "Brand2300": "var(--ax-brand-2-300)", | ||
| "Brand2400": "var(--ax-brand-2-400)", | ||
| "Brand2500": "var(--ax-brand-2-500)", | ||
| "Brand2600": "var(--ax-brand-2-600)", | ||
| "Brand2700": "var(--ax-brand-2-700)", | ||
| "Brand2800": "var(--ax-brand-2-800)", | ||
| "Brand2900": "var(--ax-brand-2-900)", | ||
| "Brand21000": "var(--ax-brand-2-1000)", | ||
| "Brand2100A": "var(--ax-brand-2-100A)", | ||
| "Brand2200A": "var(--ax-brand-2-200A)", | ||
| "Brand2300A": "var(--ax-brand-2-300A)", | ||
| "Brand2400A": "var(--ax-brand-2-400A)", | ||
| "Brand3100": "var(--ax-brand-3-100)", | ||
| "Brand3200": "var(--ax-brand-3-200)", | ||
| "Brand3300": "var(--ax-brand-3-300)", | ||
| "Brand3400": "var(--ax-brand-3-400)", | ||
| "Brand3500": "var(--ax-brand-3-500)", | ||
| "Brand3600": "var(--ax-brand-3-600)", | ||
| "Brand3700": "var(--ax-brand-3-700)", | ||
| "Brand3800": "var(--ax-brand-3-800)", | ||
| "Brand3900": "var(--ax-brand-3-900)", | ||
| "Brand31000": "var(--ax-brand-3-1000)", | ||
| "Brand3100A": "var(--ax-brand-3-100A)", | ||
| "Brand3200A": "var(--ax-brand-3-200A)", | ||
| "Brand3300A": "var(--ax-brand-3-300A)", | ||
| "Brand3400A": "var(--ax-brand-3-400A)", | ||
| "Meta1100": "var(--ax-meta-1-100)", | ||
| "Meta1200": "var(--ax-meta-1-200)", | ||
| "Meta1300": "var(--ax-meta-1-300)", | ||
| "Meta1400": "var(--ax-meta-1-400)", | ||
| "Meta1500": "var(--ax-meta-1-500)", | ||
| "Meta1600": "var(--ax-meta-1-600)", | ||
| "Meta1700": "var(--ax-meta-1-700)", | ||
| "Meta1800": "var(--ax-meta-1-800)", | ||
| "Meta1900": "var(--ax-meta-1-900)", | ||
| "Meta11000": "var(--ax-meta-1-1000)", | ||
| "Meta1100A": "var(--ax-meta-1-100A)", | ||
| "Meta1200A": "var(--ax-meta-1-200A)", | ||
| "Meta1300A": "var(--ax-meta-1-300A)", | ||
| "Meta1400A": "var(--ax-meta-1-400A)", | ||
| "Meta2100": "var(--ax-meta-2-100)", | ||
| "Meta2200": "var(--ax-meta-2-200)", | ||
| "Meta2300": "var(--ax-meta-2-300)", | ||
| "Meta2400": "var(--ax-meta-2-400)", | ||
| "Meta2500": "var(--ax-meta-2-500)", | ||
| "Meta2600": "var(--ax-meta-2-600)", | ||
| "Meta2700": "var(--ax-meta-2-700)", | ||
| "Meta2800": "var(--ax-meta-2-800)", | ||
| "Meta2900": "var(--ax-meta-2-900)", | ||
| "Meta21000": "var(--ax-meta-2-1000)", | ||
| "Meta2100A": "var(--ax-meta-2-100A)", | ||
| "Meta2200A": "var(--ax-meta-2-200A)", | ||
| "Meta2300A": "var(--ax-meta-2-300A)", | ||
| "Meta2400A": "var(--ax-meta-2-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)", | ||
| "Space0": "var(--ax-space-0)", | ||
@@ -418,0 +396,0 @@ "Space1": "var(--ax-space-1)", |
@@ -13,6 +13,15 @@ /** | ||
| export const OpacityDisabled = "var(--ax-opacity-disabled)"; | ||
| export const BgNeutralSoft = "var(--ax-bg-neutral-soft)"; | ||
| export const BgNeutralSoftA = "var(--ax-bg-neutral-softA)"; | ||
| export const BgNeutralModerate = "var(--ax-bg-neutral-moderate)"; | ||
| export const BgNeutralModerateA = "var(--ax-bg-neutral-moderateA)"; | ||
| export const BgNeutralModerateHover = "var(--ax-bg-neutral-moderate-hover)"; | ||
| export const BgNeutralModerateHoverA = "var(--ax-bg-neutral-moderate-hoverA)"; | ||
| export const BgNeutralModeratePressed = "var(--ax-bg-neutral-moderate-pressed)"; | ||
| export const BgNeutralModeratePressedA = "var(--ax-bg-neutral-moderate-pressedA)"; | ||
| export const BgNeutralStrong = "var(--ax-bg-neutral-strong)"; | ||
| export const BgNeutralStrongHover = "var(--ax-bg-neutral-strong-hover)"; | ||
| export const BgNeutralStrongPressed = "var(--ax-bg-neutral-strong-pressed)"; | ||
| export const BgAccentSoft = "var(--ax-bg-accent-soft)"; | ||
| export const BgAccentSoftA = "var(--ax-bg-accent-softA)"; | ||
| export const BgAccentHover = "var(--ax-bg-accent-hover)"; | ||
| export const BgAccentHoverA = "var(--ax-bg-accent-hoverA)"; | ||
| export const BgAccentModerate = "var(--ax-bg-accent-moderate)"; | ||
@@ -29,4 +38,2 @@ export const BgAccentModerateA = "var(--ax-bg-accent-moderateA)"; | ||
| export const BgSuccessSoftA = "var(--ax-bg-success-softA)"; | ||
| export const BgSuccessHover = "var(--ax-bg-success-hover)"; | ||
| export const BgSuccessHoverA = "var(--ax-bg-success-hoverA)"; | ||
| export const BgSuccessModerate = "var(--ax-bg-success-moderate)"; | ||
@@ -43,4 +50,2 @@ export const BgSuccessModerateA = "var(--ax-bg-success-moderateA)"; | ||
| export const BgWarningSoftA = "var(--ax-bg-warning-softA)"; | ||
| export const BgWarningHover = "var(--ax-bg-warning-hover)"; | ||
| export const BgWarningHoverA = "var(--ax-bg-warning-hoverA)"; | ||
| export const BgWarningModerate = "var(--ax-bg-warning-moderate)"; | ||
@@ -57,4 +62,2 @@ export const BgWarningModerateA = "var(--ax-bg-warning-moderateA)"; | ||
| export const BgDangerSoftA = "var(--ax-bg-danger-softA)"; | ||
| export const BgDangerHover = "var(--ax-bg-danger-hover)"; | ||
| export const BgDangerHoverA = "var(--ax-bg-danger-hoverA)"; | ||
| export const BgDangerModerate = "var(--ax-bg-danger-moderate)"; | ||
@@ -71,4 +74,2 @@ export const BgDangerModerateA = "var(--ax-bg-danger-moderateA)"; | ||
| export const BgInfoSoftA = "var(--ax-bg-info-softA)"; | ||
| export const BgInfoHover = "var(--ax-bg-info-hover)"; | ||
| export const BgInfoHoverA = "var(--ax-bg-info-hoverA)"; | ||
| export const BgInfoModerate = "var(--ax-bg-info-moderate)"; | ||
@@ -83,67 +84,57 @@ export const BgInfoModerateA = "var(--ax-bg-info-moderateA)"; | ||
| export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)"; | ||
| export const BgBrand1Soft = "var(--ax-bg-brand-1-soft)"; | ||
| export const BgBrand1SoftA = "var(--ax-bg-brand-1-softA)"; | ||
| export const BgBrand1Hover = "var(--ax-bg-brand-1-hover)"; | ||
| export const BgBrand1HoverA = "var(--ax-bg-brand-1-hoverA)"; | ||
| export const BgBrand1Moderate = "var(--ax-bg-brand-1-moderate)"; | ||
| export const BgBrand1ModerateA = "var(--ax-bg-brand-1-moderateA)"; | ||
| export const BgBrand1ModerateHover = "var(--ax-bg-brand-1-moderate-hover)"; | ||
| export const BgBrand1ModerateHoverA = "var(--ax-bg-brand-1-moderate-hoverA)"; | ||
| export const BgBrand1ModeratePressed = "var(--ax-bg-brand-1-moderate-pressed)"; | ||
| export const BgBrand1ModeratePressedA = "var(--ax-bg-brand-1-moderate-pressedA)"; | ||
| export const BgBrand1Strong = "var(--ax-bg-brand-1-strong)"; | ||
| export const BgBrand1StrongHover = "var(--ax-bg-brand-1-strong-hover)"; | ||
| export const BgBrand1StrongPressed = "var(--ax-bg-brand-1-strong-pressed)"; | ||
| export const BgBrand2Soft = "var(--ax-bg-brand-2-soft)"; | ||
| export const BgBrand2SoftA = "var(--ax-bg-brand-2-softA)"; | ||
| export const BgBrand2Hover = "var(--ax-bg-brand-2-hover)"; | ||
| export const BgBrand2HoverA = "var(--ax-bg-brand-2-hoverA)"; | ||
| export const BgBrand2Moderate = "var(--ax-bg-brand-2-moderate)"; | ||
| export const BgBrand2ModerateA = "var(--ax-bg-brand-2-moderateA)"; | ||
| export const BgBrand2ModerateHover = "var(--ax-bg-brand-2-moderate-hover)"; | ||
| export const BgBrand2ModerateHoverA = "var(--ax-bg-brand-2-moderate-hoverA)"; | ||
| export const BgBrand2ModeratePressed = "var(--ax-bg-brand-2-moderate-pressed)"; | ||
| export const BgBrand2ModeratePressedA = "var(--ax-bg-brand-2-moderate-pressedA)"; | ||
| export const BgBrand2Strong = "var(--ax-bg-brand-2-strong)"; | ||
| export const BgBrand2StrongHover = "var(--ax-bg-brand-2-strong-hover)"; | ||
| export const BgBrand2StrongPressed = "var(--ax-bg-brand-2-strong-pressed)"; | ||
| export const BgBrand3Soft = "var(--ax-bg-brand-3-soft)"; | ||
| export const BgBrand3SoftA = "var(--ax-bg-brand-3-softA)"; | ||
| export const BgBrand3Hover = "var(--ax-bg-brand-3-hover)"; | ||
| export const BgBrand3HoverA = "var(--ax-bg-brand-3-hoverA)"; | ||
| export const BgBrand3Moderate = "var(--ax-bg-brand-3-moderate)"; | ||
| export const BgBrand3ModerateA = "var(--ax-bg-brand-3-moderateA)"; | ||
| export const BgBrand3ModerateHover = "var(--ax-bg-brand-3-moderate-hover)"; | ||
| export const BgBrand3ModerateHoverA = "var(--ax-bg-brand-3-moderate-hoverA)"; | ||
| export const BgBrand3ModeratePressed = "var(--ax-bg-brand-3-moderate-pressed)"; | ||
| export const BgBrand3ModeratePressedA = "var(--ax-bg-brand-3-moderate-pressedA)"; | ||
| export const BgBrand3Strong = "var(--ax-bg-brand-3-strong)"; | ||
| export const BgBrand3StrongHover = "var(--ax-bg-brand-3-strong-hover)"; | ||
| export const BgBrand3StrongPressed = "var(--ax-bg-brand-3-strong-pressed)"; | ||
| export const BgMeta1Soft = "var(--ax-bg-meta-1-soft)"; | ||
| export const BgMeta1SoftA = "var(--ax-bg-meta-1-softA)"; | ||
| export const BgMeta1Hover = "var(--ax-bg-meta-1-hover)"; | ||
| export const BgMeta1HoverA = "var(--ax-bg-meta-1-hoverA)"; | ||
| export const BgMeta1Moderate = "var(--ax-bg-meta-1-moderate)"; | ||
| export const BgMeta1ModerateA = "var(--ax-bg-meta-1-moderateA)"; | ||
| export const BgMeta1ModerateHover = "var(--ax-bg-meta-1-moderate-hover)"; | ||
| export const BgMeta1ModerateHoverA = "var(--ax-bg-meta-1-moderate-hoverA)"; | ||
| export const BgMeta1ModeratePressed = "var(--ax-bg-meta-1-moderate-pressed)"; | ||
| export const BgMeta1ModeratePressedA = "var(--ax-bg-meta-1-moderate-pressedA)"; | ||
| export const BgMeta1Strong = "var(--ax-bg-meta-1-strong)"; | ||
| export const BgMeta1StrongHover = "var(--ax-bg-meta-1-strong-hover)"; | ||
| export const BgMeta1StrongPressed = "var(--ax-bg-meta-1-strong-pressed)"; | ||
| export const BgMeta2Soft = "var(--ax-bg-meta-2-soft)"; | ||
| export const BgMeta2SoftA = "var(--ax-bg-meta-2-softA)"; | ||
| export const BgMeta2Hover = "var(--ax-bg-meta-2-hover)"; | ||
| export const BgMeta2HoverA = "var(--ax-bg-meta-2-hoverA)"; | ||
| export const BgMeta2Moderate = "var(--ax-bg-meta-2-moderate)"; | ||
| export const BgMeta2ModerateA = "var(--ax-bg-meta-2-moderateA)"; | ||
| export const BgMeta2ModerateHover = "var(--ax-bg-meta-2-moderate-hover)"; | ||
| export const BgMeta2ModerateHoverA = "var(--ax-bg-meta-2-moderate-hoverA)"; | ||
| export const BgMeta2ModeratePressed = "var(--ax-bg-meta-2-moderate-pressed)"; | ||
| export const BgMeta2ModeratePressedA = "var(--ax-bg-meta-2-moderate-pressedA)"; | ||
| export const BgMeta2Strong = "var(--ax-bg-meta-2-strong)"; | ||
| export const BgMeta2StrongHover = "var(--ax-bg-meta-2-strong-hover)"; | ||
| export const BgMeta2StrongPressed = "var(--ax-bg-meta-2-strong-pressed)"; | ||
| export const BgBrandMagentaSoft = "var(--ax-bg-brand-magenta-soft)"; | ||
| export const BgBrandMagentaSoftA = "var(--ax-bg-brand-magenta-softA)"; | ||
| 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 BgBrandBeigeSoft = "var(--ax-bg-brand-beige-soft)"; | ||
| export const BgBrandBeigeSoftA = "var(--ax-bg-brand-beige-softA)"; | ||
| 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 BgBrandBlueSoft = "var(--ax-bg-brand-blue-soft)"; | ||
| export const BgBrandBlueSoftA = "var(--ax-bg-brand-blue-softA)"; | ||
| 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 BgMetaPurpleSoft = "var(--ax-bg-meta-purple-soft)"; | ||
| export const BgMetaPurpleSoftA = "var(--ax-bg-meta-purple-softA)"; | ||
| 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 BgMetaLimeSoft = "var(--ax-bg-meta-lime-soft)"; | ||
| export const BgMetaLimeSoftA = "var(--ax-bg-meta-lime-softA)"; | ||
| 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 BgDefault = "var(--ax-bg-default)"; | ||
@@ -154,45 +145,36 @@ export const BgInput = "var(--ax-bg-input)"; | ||
| export const BgOverlay = "var(--ax-bg-overlay)"; | ||
| export const BgSoft = "var(--ax-bg-soft)"; | ||
| export const BgSoftA = "var(--ax-bg-softA)"; | ||
| export const BgHover = "var(--ax-bg-hover)"; | ||
| export const BgHoverA = "var(--ax-bg-hoverA)"; | ||
| export const BgModerate = "var(--ax-bg-moderate)"; | ||
| export const BgModerateA = "var(--ax-bg-moderateA)"; | ||
| export const BgModerateHover = "var(--ax-bg-moderate-hover)"; | ||
| export const BgModerateHoverA = "var(--ax-bg-moderate-hoverA)"; | ||
| export const BgModeratePressed = "var(--ax-bg-moderate-pressed)"; | ||
| export const BgModeratePressedA = "var(--ax-bg-moderate-pressedA)"; | ||
| export const BgStrong = "var(--ax-bg-strong)"; | ||
| export const BgStrongHover = "var(--ax-bg-strong-hover)"; | ||
| export const BgStrongPressed = "var(--ax-bg-strong-pressed)"; | ||
| export const TextNeutral = "var(--ax-text-neutral)"; | ||
| export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)"; | ||
| export const TextNeutralIcon = "var(--ax-text-neutral-icon)"; | ||
| export const TextAccent = "var(--ax-text-accent)"; | ||
| export const TextAccentStrong = "var(--ax-text-accent-strong)"; | ||
| export const TextAccentSubtle = "var(--ax-text-accent-subtle)"; | ||
| export const TextAccentIcon = "var(--ax-text-accent-icon)"; | ||
| export const TextSuccess = "var(--ax-text-success)"; | ||
| export const TextSuccessStrong = "var(--ax-text-success-strong)"; | ||
| export const TextSuccessSubtle = "var(--ax-text-success-subtle)"; | ||
| export const TextSuccessIcon = "var(--ax-text-success-icon)"; | ||
| export const TextWarning = "var(--ax-text-warning)"; | ||
| export const TextWarningStrong = "var(--ax-text-warning-strong)"; | ||
| export const TextWarningSubtle = "var(--ax-text-warning-subtle)"; | ||
| export const TextWarningIcon = "var(--ax-text-warning-icon)"; | ||
| export const TextDanger = "var(--ax-text-danger)"; | ||
| export const TextDangerStrong = "var(--ax-text-danger-strong)"; | ||
| export const TextDangerSubtle = "var(--ax-text-danger-subtle)"; | ||
| export const TextDangerIcon = "var(--ax-text-danger-icon)"; | ||
| export const TextInfo = "var(--ax-text-info)"; | ||
| export const TextInfoStrong = "var(--ax-text-info-strong)"; | ||
| export const TextInfoSubtle = "var(--ax-text-info-subtle)"; | ||
| export const TextInfoIcon = "var(--ax-text-info-icon)"; | ||
| export const TextBrand1 = "var(--ax-text-brand-1)"; | ||
| export const TextBrand1Strong = "var(--ax-text-brand-1-strong)"; | ||
| export const TextBrand1Icon = "var(--ax-text-brand-1-icon)"; | ||
| export const TextBrand2 = "var(--ax-text-brand-2)"; | ||
| export const TextBrand2Strong = "var(--ax-text-brand-2-strong)"; | ||
| export const TextBrand2Icon = "var(--ax-text-brand-2-icon)"; | ||
| export const TextBrand3 = "var(--ax-text-brand-3)"; | ||
| export const TextBrand3Strong = "var(--ax-text-brand-3-strong)"; | ||
| export const TextBrand3Icon = "var(--ax-text-brand-3-icon)"; | ||
| export const TextMeta1 = "var(--ax-text-meta-1)"; | ||
| export const TextMeta1Strong = "var(--ax-text-meta-1-strong)"; | ||
| export const TextMeta1Icon = "var(--ax-text-meta-1-icon)"; | ||
| export const TextMeta2 = "var(--ax-text-meta-2)"; | ||
| export const TextMeta2Strong = "var(--ax-text-meta-2-strong)"; | ||
| export const TextMeta2Icon = "var(--ax-text-meta-2-icon)"; | ||
| export const TextBrandMagenta = "var(--ax-text-brand-magenta)"; | ||
| export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)"; | ||
| export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)"; | ||
| export const TextBrandBeige = "var(--ax-text-brand-beige)"; | ||
| export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)"; | ||
| export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)"; | ||
| export const TextBrandBlue = "var(--ax-text-brand-blue)"; | ||
| export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)"; | ||
| export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)"; | ||
| export const TextMetaPurple = "var(--ax-text-meta-purple)"; | ||
| export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)"; | ||
| export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)"; | ||
| export const TextMetaLime = "var(--ax-text-meta-lime)"; | ||
| export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)"; | ||
| export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)"; | ||
| export const TextNeutralContrast = "var(--ax-text-neutral-contrast)"; | ||
| export const TextAccentContrast = "var(--ax-text-accent-contrast)"; | ||
@@ -203,12 +185,12 @@ export const TextDangerContrast = "var(--ax-text-danger-contrast)"; | ||
| export const TextWarningContrast = "var(--ax-text-warning-contrast)"; | ||
| export const TextBrand1Contrast = "var(--ax-text-brand-1-contrast)"; | ||
| export const TextBrand2Contrast = "var(--ax-text-brand-2-contrast)"; | ||
| export const TextBrand3Contrast = "var(--ax-text-brand-3-contrast)"; | ||
| export const TextMeta1Contrast = "var(--ax-text-meta-1-contrast)"; | ||
| export const TextMeta2Contrast = "var(--ax-text-meta-2-contrast)"; | ||
| export const TextDefault = "var(--ax-text-default)"; | ||
| export const TextSubtle = "var(--ax-text-subtle)"; | ||
| export const TextIcon = "var(--ax-text-icon)"; | ||
| 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 TextLogo = "var(--ax-text-logo)"; | ||
| export const TextContrast = "var(--ax-text-contrast)"; | ||
| export const BorderNeutral = "var(--ax-border-neutral)"; | ||
| export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)"; | ||
| export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)"; | ||
| export const BorderNeutralStrong = "var(--ax-border-neutral-strong)"; | ||
| export const BorderAccent = "var(--ax-border-accent)"; | ||
@@ -234,26 +216,22 @@ export const BorderAccentSubtle = "var(--ax-border-accent-subtle)"; | ||
| export const BorderInfoStrong = "var(--ax-border-info-strong)"; | ||
| export const BorderBrand1 = "var(--ax-border-brand-1)"; | ||
| export const BorderBrand1Subtle = "var(--ax-border-brand-1-subtle)"; | ||
| export const BorderBrand1SubtleA = "var(--ax-border-brand-1-subtleA)"; | ||
| export const BorderBrand1Strong = "var(--ax-border-brand-1-strong)"; | ||
| export const BorderBrand2 = "var(--ax-border-brand-2)"; | ||
| export const BorderBrand2Subtle = "var(--ax-border-brand-2-subtle)"; | ||
| export const BorderBrand2SubtleA = "var(--ax-border-brand-2-subtleA)"; | ||
| export const BorderBrand2Strong = "var(--ax-border-brand-2-strong)"; | ||
| export const BorderBrand3 = "var(--ax-border-brand-3)"; | ||
| export const BorderBrand3Subtle = "var(--ax-border-brand-3-subtle)"; | ||
| export const BorderBrand3SubtleA = "var(--ax-border-brand-3-subtleA)"; | ||
| export const BorderBrand3Strong = "var(--ax-border-brand-3-strong)"; | ||
| export const BorderMeta1 = "var(--ax-border-meta-1)"; | ||
| export const BorderMeta1Subtle = "var(--ax-border-meta-1-subtle)"; | ||
| export const BorderMeta1SubtleA = "var(--ax-border-meta-1-subtleA)"; | ||
| export const BorderMeta1Strong = "var(--ax-border-meta-1-strong)"; | ||
| export const BorderMeta2 = "var(--ax-border-meta-2)"; | ||
| export const BorderMeta2Subtle = "var(--ax-border-meta-2-subtle)"; | ||
| export const BorderMeta2SubtleA = "var(--ax-border-meta-2-subtleA)"; | ||
| export const BorderMeta2Strong = "var(--ax-border-meta-2-strong)"; | ||
| export const BorderDefault = "var(--ax-border-default)"; | ||
| export const BorderSubtle = "var(--ax-border-subtle)"; | ||
| export const BorderSubtleA = "var(--ax-border-subtleA)"; | ||
| export const BorderStrong = "var(--ax-border-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 BorderFocus = "var(--ax-border-focus)"; | ||
@@ -345,72 +323,72 @@ export const Neutral100 = "var(--ax-neutral-100)"; | ||
| export const Info400A = "var(--ax-info-400A)"; | ||
| export const Brand1100 = "var(--ax-brand-1-100)"; | ||
| export const Brand1200 = "var(--ax-brand-1-200)"; | ||
| export const Brand1300 = "var(--ax-brand-1-300)"; | ||
| export const Brand1400 = "var(--ax-brand-1-400)"; | ||
| export const Brand1500 = "var(--ax-brand-1-500)"; | ||
| export const Brand1600 = "var(--ax-brand-1-600)"; | ||
| export const Brand1700 = "var(--ax-brand-1-700)"; | ||
| export const Brand1800 = "var(--ax-brand-1-800)"; | ||
| export const Brand1900 = "var(--ax-brand-1-900)"; | ||
| export const Brand11000 = "var(--ax-brand-1-1000)"; | ||
| export const Brand1100A = "var(--ax-brand-1-100A)"; | ||
| export const Brand1200A = "var(--ax-brand-1-200A)"; | ||
| export const Brand1300A = "var(--ax-brand-1-300A)"; | ||
| export const Brand1400A = "var(--ax-brand-1-400A)"; | ||
| export const Brand2100 = "var(--ax-brand-2-100)"; | ||
| export const Brand2200 = "var(--ax-brand-2-200)"; | ||
| export const Brand2300 = "var(--ax-brand-2-300)"; | ||
| export const Brand2400 = "var(--ax-brand-2-400)"; | ||
| export const Brand2500 = "var(--ax-brand-2-500)"; | ||
| export const Brand2600 = "var(--ax-brand-2-600)"; | ||
| export const Brand2700 = "var(--ax-brand-2-700)"; | ||
| export const Brand2800 = "var(--ax-brand-2-800)"; | ||
| export const Brand2900 = "var(--ax-brand-2-900)"; | ||
| export const Brand21000 = "var(--ax-brand-2-1000)"; | ||
| export const Brand2100A = "var(--ax-brand-2-100A)"; | ||
| export const Brand2200A = "var(--ax-brand-2-200A)"; | ||
| export const Brand2300A = "var(--ax-brand-2-300A)"; | ||
| export const Brand2400A = "var(--ax-brand-2-400A)"; | ||
| export const Brand3100 = "var(--ax-brand-3-100)"; | ||
| export const Brand3200 = "var(--ax-brand-3-200)"; | ||
| export const Brand3300 = "var(--ax-brand-3-300)"; | ||
| export const Brand3400 = "var(--ax-brand-3-400)"; | ||
| export const Brand3500 = "var(--ax-brand-3-500)"; | ||
| export const Brand3600 = "var(--ax-brand-3-600)"; | ||
| export const Brand3700 = "var(--ax-brand-3-700)"; | ||
| export const Brand3800 = "var(--ax-brand-3-800)"; | ||
| export const Brand3900 = "var(--ax-brand-3-900)"; | ||
| export const Brand31000 = "var(--ax-brand-3-1000)"; | ||
| export const Brand3100A = "var(--ax-brand-3-100A)"; | ||
| export const Brand3200A = "var(--ax-brand-3-200A)"; | ||
| export const Brand3300A = "var(--ax-brand-3-300A)"; | ||
| export const Brand3400A = "var(--ax-brand-3-400A)"; | ||
| export const Meta1100 = "var(--ax-meta-1-100)"; | ||
| export const Meta1200 = "var(--ax-meta-1-200)"; | ||
| export const Meta1300 = "var(--ax-meta-1-300)"; | ||
| export const Meta1400 = "var(--ax-meta-1-400)"; | ||
| export const Meta1500 = "var(--ax-meta-1-500)"; | ||
| export const Meta1600 = "var(--ax-meta-1-600)"; | ||
| export const Meta1700 = "var(--ax-meta-1-700)"; | ||
| export const Meta1800 = "var(--ax-meta-1-800)"; | ||
| export const Meta1900 = "var(--ax-meta-1-900)"; | ||
| export const Meta11000 = "var(--ax-meta-1-1000)"; | ||
| export const Meta1100A = "var(--ax-meta-1-100A)"; | ||
| export const Meta1200A = "var(--ax-meta-1-200A)"; | ||
| export const Meta1300A = "var(--ax-meta-1-300A)"; | ||
| export const Meta1400A = "var(--ax-meta-1-400A)"; | ||
| export const Meta2100 = "var(--ax-meta-2-100)"; | ||
| export const Meta2200 = "var(--ax-meta-2-200)"; | ||
| export const Meta2300 = "var(--ax-meta-2-300)"; | ||
| export const Meta2400 = "var(--ax-meta-2-400)"; | ||
| export const Meta2500 = "var(--ax-meta-2-500)"; | ||
| export const Meta2600 = "var(--ax-meta-2-600)"; | ||
| export const Meta2700 = "var(--ax-meta-2-700)"; | ||
| export const Meta2800 = "var(--ax-meta-2-800)"; | ||
| export const Meta2900 = "var(--ax-meta-2-900)"; | ||
| export const Meta21000 = "var(--ax-meta-2-1000)"; | ||
| export const Meta2100A = "var(--ax-meta-2-100A)"; | ||
| export const Meta2200A = "var(--ax-meta-2-200A)"; | ||
| export const Meta2300A = "var(--ax-meta-2-300A)"; | ||
| export const Meta2400A = "var(--ax-meta-2-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 Space0 = "var(--ax-space-0)"; | ||
@@ -417,0 +395,0 @@ export const Space1 = "var(--ax-space-1)"; |
@@ -13,6 +13,15 @@ /** | ||
| export const OpacityDisabled = "var(--ax-opacity-disabled)"; | ||
| export const BgNeutralSoft = "var(--ax-bg-neutral-soft)"; | ||
| export const BgNeutralSoftA = "var(--ax-bg-neutral-softA)"; | ||
| export const BgNeutralModerate = "var(--ax-bg-neutral-moderate)"; | ||
| export const BgNeutralModerateA = "var(--ax-bg-neutral-moderateA)"; | ||
| export const BgNeutralModerateHover = "var(--ax-bg-neutral-moderate-hover)"; | ||
| export const BgNeutralModerateHoverA = "var(--ax-bg-neutral-moderate-hoverA)"; | ||
| export const BgNeutralModeratePressed = "var(--ax-bg-neutral-moderate-pressed)"; | ||
| export const BgNeutralModeratePressedA = "var(--ax-bg-neutral-moderate-pressedA)"; | ||
| export const BgNeutralStrong = "var(--ax-bg-neutral-strong)"; | ||
| export const BgNeutralStrongHover = "var(--ax-bg-neutral-strong-hover)"; | ||
| export const BgNeutralStrongPressed = "var(--ax-bg-neutral-strong-pressed)"; | ||
| export const BgAccentSoft = "var(--ax-bg-accent-soft)"; | ||
| export const BgAccentSoftA = "var(--ax-bg-accent-softA)"; | ||
| export const BgAccentHover = "var(--ax-bg-accent-hover)"; | ||
| export const BgAccentHoverA = "var(--ax-bg-accent-hoverA)"; | ||
| export const BgAccentModerate = "var(--ax-bg-accent-moderate)"; | ||
@@ -29,4 +38,2 @@ export const BgAccentModerateA = "var(--ax-bg-accent-moderateA)"; | ||
| export const BgSuccessSoftA = "var(--ax-bg-success-softA)"; | ||
| export const BgSuccessHover = "var(--ax-bg-success-hover)"; | ||
| export const BgSuccessHoverA = "var(--ax-bg-success-hoverA)"; | ||
| export const BgSuccessModerate = "var(--ax-bg-success-moderate)"; | ||
@@ -43,4 +50,2 @@ export const BgSuccessModerateA = "var(--ax-bg-success-moderateA)"; | ||
| export const BgWarningSoftA = "var(--ax-bg-warning-softA)"; | ||
| export const BgWarningHover = "var(--ax-bg-warning-hover)"; | ||
| export const BgWarningHoverA = "var(--ax-bg-warning-hoverA)"; | ||
| export const BgWarningModerate = "var(--ax-bg-warning-moderate)"; | ||
@@ -57,4 +62,2 @@ export const BgWarningModerateA = "var(--ax-bg-warning-moderateA)"; | ||
| export const BgDangerSoftA = "var(--ax-bg-danger-softA)"; | ||
| export const BgDangerHover = "var(--ax-bg-danger-hover)"; | ||
| export const BgDangerHoverA = "var(--ax-bg-danger-hoverA)"; | ||
| export const BgDangerModerate = "var(--ax-bg-danger-moderate)"; | ||
@@ -71,4 +74,2 @@ export const BgDangerModerateA = "var(--ax-bg-danger-moderateA)"; | ||
| export const BgInfoSoftA = "var(--ax-bg-info-softA)"; | ||
| export const BgInfoHover = "var(--ax-bg-info-hover)"; | ||
| export const BgInfoHoverA = "var(--ax-bg-info-hoverA)"; | ||
| export const BgInfoModerate = "var(--ax-bg-info-moderate)"; | ||
@@ -83,67 +84,57 @@ export const BgInfoModerateA = "var(--ax-bg-info-moderateA)"; | ||
| export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)"; | ||
| export const BgBrand1Soft = "var(--ax-bg-brand-1-soft)"; | ||
| export const BgBrand1SoftA = "var(--ax-bg-brand-1-softA)"; | ||
| export const BgBrand1Hover = "var(--ax-bg-brand-1-hover)"; | ||
| export const BgBrand1HoverA = "var(--ax-bg-brand-1-hoverA)"; | ||
| export const BgBrand1Moderate = "var(--ax-bg-brand-1-moderate)"; | ||
| export const BgBrand1ModerateA = "var(--ax-bg-brand-1-moderateA)"; | ||
| export const BgBrand1ModerateHover = "var(--ax-bg-brand-1-moderate-hover)"; | ||
| export const BgBrand1ModerateHoverA = "var(--ax-bg-brand-1-moderate-hoverA)"; | ||
| export const BgBrand1ModeratePressed = "var(--ax-bg-brand-1-moderate-pressed)"; | ||
| export const BgBrand1ModeratePressedA = "var(--ax-bg-brand-1-moderate-pressedA)"; | ||
| export const BgBrand1Strong = "var(--ax-bg-brand-1-strong)"; | ||
| export const BgBrand1StrongHover = "var(--ax-bg-brand-1-strong-hover)"; | ||
| export const BgBrand1StrongPressed = "var(--ax-bg-brand-1-strong-pressed)"; | ||
| export const BgBrand2Soft = "var(--ax-bg-brand-2-soft)"; | ||
| export const BgBrand2SoftA = "var(--ax-bg-brand-2-softA)"; | ||
| export const BgBrand2Hover = "var(--ax-bg-brand-2-hover)"; | ||
| export const BgBrand2HoverA = "var(--ax-bg-brand-2-hoverA)"; | ||
| export const BgBrand2Moderate = "var(--ax-bg-brand-2-moderate)"; | ||
| export const BgBrand2ModerateA = "var(--ax-bg-brand-2-moderateA)"; | ||
| export const BgBrand2ModerateHover = "var(--ax-bg-brand-2-moderate-hover)"; | ||
| export const BgBrand2ModerateHoverA = "var(--ax-bg-brand-2-moderate-hoverA)"; | ||
| export const BgBrand2ModeratePressed = "var(--ax-bg-brand-2-moderate-pressed)"; | ||
| export const BgBrand2ModeratePressedA = "var(--ax-bg-brand-2-moderate-pressedA)"; | ||
| export const BgBrand2Strong = "var(--ax-bg-brand-2-strong)"; | ||
| export const BgBrand2StrongHover = "var(--ax-bg-brand-2-strong-hover)"; | ||
| export const BgBrand2StrongPressed = "var(--ax-bg-brand-2-strong-pressed)"; | ||
| export const BgBrand3Soft = "var(--ax-bg-brand-3-soft)"; | ||
| export const BgBrand3SoftA = "var(--ax-bg-brand-3-softA)"; | ||
| export const BgBrand3Hover = "var(--ax-bg-brand-3-hover)"; | ||
| export const BgBrand3HoverA = "var(--ax-bg-brand-3-hoverA)"; | ||
| export const BgBrand3Moderate = "var(--ax-bg-brand-3-moderate)"; | ||
| export const BgBrand3ModerateA = "var(--ax-bg-brand-3-moderateA)"; | ||
| export const BgBrand3ModerateHover = "var(--ax-bg-brand-3-moderate-hover)"; | ||
| export const BgBrand3ModerateHoverA = "var(--ax-bg-brand-3-moderate-hoverA)"; | ||
| export const BgBrand3ModeratePressed = "var(--ax-bg-brand-3-moderate-pressed)"; | ||
| export const BgBrand3ModeratePressedA = "var(--ax-bg-brand-3-moderate-pressedA)"; | ||
| export const BgBrand3Strong = "var(--ax-bg-brand-3-strong)"; | ||
| export const BgBrand3StrongHover = "var(--ax-bg-brand-3-strong-hover)"; | ||
| export const BgBrand3StrongPressed = "var(--ax-bg-brand-3-strong-pressed)"; | ||
| export const BgMeta1Soft = "var(--ax-bg-meta-1-soft)"; | ||
| export const BgMeta1SoftA = "var(--ax-bg-meta-1-softA)"; | ||
| export const BgMeta1Hover = "var(--ax-bg-meta-1-hover)"; | ||
| export const BgMeta1HoverA = "var(--ax-bg-meta-1-hoverA)"; | ||
| export const BgMeta1Moderate = "var(--ax-bg-meta-1-moderate)"; | ||
| export const BgMeta1ModerateA = "var(--ax-bg-meta-1-moderateA)"; | ||
| export const BgMeta1ModerateHover = "var(--ax-bg-meta-1-moderate-hover)"; | ||
| export const BgMeta1ModerateHoverA = "var(--ax-bg-meta-1-moderate-hoverA)"; | ||
| export const BgMeta1ModeratePressed = "var(--ax-bg-meta-1-moderate-pressed)"; | ||
| export const BgMeta1ModeratePressedA = "var(--ax-bg-meta-1-moderate-pressedA)"; | ||
| export const BgMeta1Strong = "var(--ax-bg-meta-1-strong)"; | ||
| export const BgMeta1StrongHover = "var(--ax-bg-meta-1-strong-hover)"; | ||
| export const BgMeta1StrongPressed = "var(--ax-bg-meta-1-strong-pressed)"; | ||
| export const BgMeta2Soft = "var(--ax-bg-meta-2-soft)"; | ||
| export const BgMeta2SoftA = "var(--ax-bg-meta-2-softA)"; | ||
| export const BgMeta2Hover = "var(--ax-bg-meta-2-hover)"; | ||
| export const BgMeta2HoverA = "var(--ax-bg-meta-2-hoverA)"; | ||
| export const BgMeta2Moderate = "var(--ax-bg-meta-2-moderate)"; | ||
| export const BgMeta2ModerateA = "var(--ax-bg-meta-2-moderateA)"; | ||
| export const BgMeta2ModerateHover = "var(--ax-bg-meta-2-moderate-hover)"; | ||
| export const BgMeta2ModerateHoverA = "var(--ax-bg-meta-2-moderate-hoverA)"; | ||
| export const BgMeta2ModeratePressed = "var(--ax-bg-meta-2-moderate-pressed)"; | ||
| export const BgMeta2ModeratePressedA = "var(--ax-bg-meta-2-moderate-pressedA)"; | ||
| export const BgMeta2Strong = "var(--ax-bg-meta-2-strong)"; | ||
| export const BgMeta2StrongHover = "var(--ax-bg-meta-2-strong-hover)"; | ||
| export const BgMeta2StrongPressed = "var(--ax-bg-meta-2-strong-pressed)"; | ||
| export const BgBrandMagentaSoft = "var(--ax-bg-brand-magenta-soft)"; | ||
| export const BgBrandMagentaSoftA = "var(--ax-bg-brand-magenta-softA)"; | ||
| 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 BgBrandBeigeSoft = "var(--ax-bg-brand-beige-soft)"; | ||
| export const BgBrandBeigeSoftA = "var(--ax-bg-brand-beige-softA)"; | ||
| 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 BgBrandBlueSoft = "var(--ax-bg-brand-blue-soft)"; | ||
| export const BgBrandBlueSoftA = "var(--ax-bg-brand-blue-softA)"; | ||
| 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 BgMetaPurpleSoft = "var(--ax-bg-meta-purple-soft)"; | ||
| export const BgMetaPurpleSoftA = "var(--ax-bg-meta-purple-softA)"; | ||
| 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 BgMetaLimeSoft = "var(--ax-bg-meta-lime-soft)"; | ||
| export const BgMetaLimeSoftA = "var(--ax-bg-meta-lime-softA)"; | ||
| 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 BgDefault = "var(--ax-bg-default)"; | ||
@@ -154,45 +145,36 @@ export const BgInput = "var(--ax-bg-input)"; | ||
| export const BgOverlay = "var(--ax-bg-overlay)"; | ||
| export const BgSoft = "var(--ax-bg-soft)"; | ||
| export const BgSoftA = "var(--ax-bg-softA)"; | ||
| export const BgHover = "var(--ax-bg-hover)"; | ||
| export const BgHoverA = "var(--ax-bg-hoverA)"; | ||
| export const BgModerate = "var(--ax-bg-moderate)"; | ||
| export const BgModerateA = "var(--ax-bg-moderateA)"; | ||
| export const BgModerateHover = "var(--ax-bg-moderate-hover)"; | ||
| export const BgModerateHoverA = "var(--ax-bg-moderate-hoverA)"; | ||
| export const BgModeratePressed = "var(--ax-bg-moderate-pressed)"; | ||
| export const BgModeratePressedA = "var(--ax-bg-moderate-pressedA)"; | ||
| export const BgStrong = "var(--ax-bg-strong)"; | ||
| export const BgStrongHover = "var(--ax-bg-strong-hover)"; | ||
| export const BgStrongPressed = "var(--ax-bg-strong-pressed)"; | ||
| export const TextNeutral = "var(--ax-text-neutral)"; | ||
| export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)"; | ||
| export const TextNeutralIcon = "var(--ax-text-neutral-icon)"; | ||
| export const TextAccent = "var(--ax-text-accent)"; | ||
| export const TextAccentStrong = "var(--ax-text-accent-strong)"; | ||
| export const TextAccentSubtle = "var(--ax-text-accent-subtle)"; | ||
| export const TextAccentIcon = "var(--ax-text-accent-icon)"; | ||
| export const TextSuccess = "var(--ax-text-success)"; | ||
| export const TextSuccessStrong = "var(--ax-text-success-strong)"; | ||
| export const TextSuccessSubtle = "var(--ax-text-success-subtle)"; | ||
| export const TextSuccessIcon = "var(--ax-text-success-icon)"; | ||
| export const TextWarning = "var(--ax-text-warning)"; | ||
| export const TextWarningStrong = "var(--ax-text-warning-strong)"; | ||
| export const TextWarningSubtle = "var(--ax-text-warning-subtle)"; | ||
| export const TextWarningIcon = "var(--ax-text-warning-icon)"; | ||
| export const TextDanger = "var(--ax-text-danger)"; | ||
| export const TextDangerStrong = "var(--ax-text-danger-strong)"; | ||
| export const TextDangerSubtle = "var(--ax-text-danger-subtle)"; | ||
| export const TextDangerIcon = "var(--ax-text-danger-icon)"; | ||
| export const TextInfo = "var(--ax-text-info)"; | ||
| export const TextInfoStrong = "var(--ax-text-info-strong)"; | ||
| export const TextInfoSubtle = "var(--ax-text-info-subtle)"; | ||
| export const TextInfoIcon = "var(--ax-text-info-icon)"; | ||
| export const TextBrand1 = "var(--ax-text-brand-1)"; | ||
| export const TextBrand1Strong = "var(--ax-text-brand-1-strong)"; | ||
| export const TextBrand1Icon = "var(--ax-text-brand-1-icon)"; | ||
| export const TextBrand2 = "var(--ax-text-brand-2)"; | ||
| export const TextBrand2Strong = "var(--ax-text-brand-2-strong)"; | ||
| export const TextBrand2Icon = "var(--ax-text-brand-2-icon)"; | ||
| export const TextBrand3 = "var(--ax-text-brand-3)"; | ||
| export const TextBrand3Strong = "var(--ax-text-brand-3-strong)"; | ||
| export const TextBrand3Icon = "var(--ax-text-brand-3-icon)"; | ||
| export const TextMeta1 = "var(--ax-text-meta-1)"; | ||
| export const TextMeta1Strong = "var(--ax-text-meta-1-strong)"; | ||
| export const TextMeta1Icon = "var(--ax-text-meta-1-icon)"; | ||
| export const TextMeta2 = "var(--ax-text-meta-2)"; | ||
| export const TextMeta2Strong = "var(--ax-text-meta-2-strong)"; | ||
| export const TextMeta2Icon = "var(--ax-text-meta-2-icon)"; | ||
| export const TextBrandMagenta = "var(--ax-text-brand-magenta)"; | ||
| export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)"; | ||
| export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)"; | ||
| export const TextBrandBeige = "var(--ax-text-brand-beige)"; | ||
| export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)"; | ||
| export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)"; | ||
| export const TextBrandBlue = "var(--ax-text-brand-blue)"; | ||
| export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)"; | ||
| export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)"; | ||
| export const TextMetaPurple = "var(--ax-text-meta-purple)"; | ||
| export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)"; | ||
| export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)"; | ||
| export const TextMetaLime = "var(--ax-text-meta-lime)"; | ||
| export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)"; | ||
| export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)"; | ||
| export const TextNeutralContrast = "var(--ax-text-neutral-contrast)"; | ||
| export const TextAccentContrast = "var(--ax-text-accent-contrast)"; | ||
@@ -203,12 +185,12 @@ export const TextDangerContrast = "var(--ax-text-danger-contrast)"; | ||
| export const TextWarningContrast = "var(--ax-text-warning-contrast)"; | ||
| export const TextBrand1Contrast = "var(--ax-text-brand-1-contrast)"; | ||
| export const TextBrand2Contrast = "var(--ax-text-brand-2-contrast)"; | ||
| export const TextBrand3Contrast = "var(--ax-text-brand-3-contrast)"; | ||
| export const TextMeta1Contrast = "var(--ax-text-meta-1-contrast)"; | ||
| export const TextMeta2Contrast = "var(--ax-text-meta-2-contrast)"; | ||
| export const TextDefault = "var(--ax-text-default)"; | ||
| export const TextSubtle = "var(--ax-text-subtle)"; | ||
| export const TextIcon = "var(--ax-text-icon)"; | ||
| 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 TextLogo = "var(--ax-text-logo)"; | ||
| export const TextContrast = "var(--ax-text-contrast)"; | ||
| export const BorderNeutral = "var(--ax-border-neutral)"; | ||
| export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)"; | ||
| export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)"; | ||
| export const BorderNeutralStrong = "var(--ax-border-neutral-strong)"; | ||
| export const BorderAccent = "var(--ax-border-accent)"; | ||
@@ -234,26 +216,22 @@ export const BorderAccentSubtle = "var(--ax-border-accent-subtle)"; | ||
| export const BorderInfoStrong = "var(--ax-border-info-strong)"; | ||
| export const BorderBrand1 = "var(--ax-border-brand-1)"; | ||
| export const BorderBrand1Subtle = "var(--ax-border-brand-1-subtle)"; | ||
| export const BorderBrand1SubtleA = "var(--ax-border-brand-1-subtleA)"; | ||
| export const BorderBrand1Strong = "var(--ax-border-brand-1-strong)"; | ||
| export const BorderBrand2 = "var(--ax-border-brand-2)"; | ||
| export const BorderBrand2Subtle = "var(--ax-border-brand-2-subtle)"; | ||
| export const BorderBrand2SubtleA = "var(--ax-border-brand-2-subtleA)"; | ||
| export const BorderBrand2Strong = "var(--ax-border-brand-2-strong)"; | ||
| export const BorderBrand3 = "var(--ax-border-brand-3)"; | ||
| export const BorderBrand3Subtle = "var(--ax-border-brand-3-subtle)"; | ||
| export const BorderBrand3SubtleA = "var(--ax-border-brand-3-subtleA)"; | ||
| export const BorderBrand3Strong = "var(--ax-border-brand-3-strong)"; | ||
| export const BorderMeta1 = "var(--ax-border-meta-1)"; | ||
| export const BorderMeta1Subtle = "var(--ax-border-meta-1-subtle)"; | ||
| export const BorderMeta1SubtleA = "var(--ax-border-meta-1-subtleA)"; | ||
| export const BorderMeta1Strong = "var(--ax-border-meta-1-strong)"; | ||
| export const BorderMeta2 = "var(--ax-border-meta-2)"; | ||
| export const BorderMeta2Subtle = "var(--ax-border-meta-2-subtle)"; | ||
| export const BorderMeta2SubtleA = "var(--ax-border-meta-2-subtleA)"; | ||
| export const BorderMeta2Strong = "var(--ax-border-meta-2-strong)"; | ||
| export const BorderDefault = "var(--ax-border-default)"; | ||
| export const BorderSubtle = "var(--ax-border-subtle)"; | ||
| export const BorderSubtleA = "var(--ax-border-subtleA)"; | ||
| export const BorderStrong = "var(--ax-border-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 BorderFocus = "var(--ax-border-focus)"; | ||
@@ -345,72 +323,72 @@ export const Neutral100 = "var(--ax-neutral-100)"; | ||
| export const Info400A = "var(--ax-info-400A)"; | ||
| export const Brand1100 = "var(--ax-brand-1-100)"; | ||
| export const Brand1200 = "var(--ax-brand-1-200)"; | ||
| export const Brand1300 = "var(--ax-brand-1-300)"; | ||
| export const Brand1400 = "var(--ax-brand-1-400)"; | ||
| export const Brand1500 = "var(--ax-brand-1-500)"; | ||
| export const Brand1600 = "var(--ax-brand-1-600)"; | ||
| export const Brand1700 = "var(--ax-brand-1-700)"; | ||
| export const Brand1800 = "var(--ax-brand-1-800)"; | ||
| export const Brand1900 = "var(--ax-brand-1-900)"; | ||
| export const Brand11000 = "var(--ax-brand-1-1000)"; | ||
| export const Brand1100A = "var(--ax-brand-1-100A)"; | ||
| export const Brand1200A = "var(--ax-brand-1-200A)"; | ||
| export const Brand1300A = "var(--ax-brand-1-300A)"; | ||
| export const Brand1400A = "var(--ax-brand-1-400A)"; | ||
| export const Brand2100 = "var(--ax-brand-2-100)"; | ||
| export const Brand2200 = "var(--ax-brand-2-200)"; | ||
| export const Brand2300 = "var(--ax-brand-2-300)"; | ||
| export const Brand2400 = "var(--ax-brand-2-400)"; | ||
| export const Brand2500 = "var(--ax-brand-2-500)"; | ||
| export const Brand2600 = "var(--ax-brand-2-600)"; | ||
| export const Brand2700 = "var(--ax-brand-2-700)"; | ||
| export const Brand2800 = "var(--ax-brand-2-800)"; | ||
| export const Brand2900 = "var(--ax-brand-2-900)"; | ||
| export const Brand21000 = "var(--ax-brand-2-1000)"; | ||
| export const Brand2100A = "var(--ax-brand-2-100A)"; | ||
| export const Brand2200A = "var(--ax-brand-2-200A)"; | ||
| export const Brand2300A = "var(--ax-brand-2-300A)"; | ||
| export const Brand2400A = "var(--ax-brand-2-400A)"; | ||
| export const Brand3100 = "var(--ax-brand-3-100)"; | ||
| export const Brand3200 = "var(--ax-brand-3-200)"; | ||
| export const Brand3300 = "var(--ax-brand-3-300)"; | ||
| export const Brand3400 = "var(--ax-brand-3-400)"; | ||
| export const Brand3500 = "var(--ax-brand-3-500)"; | ||
| export const Brand3600 = "var(--ax-brand-3-600)"; | ||
| export const Brand3700 = "var(--ax-brand-3-700)"; | ||
| export const Brand3800 = "var(--ax-brand-3-800)"; | ||
| export const Brand3900 = "var(--ax-brand-3-900)"; | ||
| export const Brand31000 = "var(--ax-brand-3-1000)"; | ||
| export const Brand3100A = "var(--ax-brand-3-100A)"; | ||
| export const Brand3200A = "var(--ax-brand-3-200A)"; | ||
| export const Brand3300A = "var(--ax-brand-3-300A)"; | ||
| export const Brand3400A = "var(--ax-brand-3-400A)"; | ||
| export const Meta1100 = "var(--ax-meta-1-100)"; | ||
| export const Meta1200 = "var(--ax-meta-1-200)"; | ||
| export const Meta1300 = "var(--ax-meta-1-300)"; | ||
| export const Meta1400 = "var(--ax-meta-1-400)"; | ||
| export const Meta1500 = "var(--ax-meta-1-500)"; | ||
| export const Meta1600 = "var(--ax-meta-1-600)"; | ||
| export const Meta1700 = "var(--ax-meta-1-700)"; | ||
| export const Meta1800 = "var(--ax-meta-1-800)"; | ||
| export const Meta1900 = "var(--ax-meta-1-900)"; | ||
| export const Meta11000 = "var(--ax-meta-1-1000)"; | ||
| export const Meta1100A = "var(--ax-meta-1-100A)"; | ||
| export const Meta1200A = "var(--ax-meta-1-200A)"; | ||
| export const Meta1300A = "var(--ax-meta-1-300A)"; | ||
| export const Meta1400A = "var(--ax-meta-1-400A)"; | ||
| export const Meta2100 = "var(--ax-meta-2-100)"; | ||
| export const Meta2200 = "var(--ax-meta-2-200)"; | ||
| export const Meta2300 = "var(--ax-meta-2-300)"; | ||
| export const Meta2400 = "var(--ax-meta-2-400)"; | ||
| export const Meta2500 = "var(--ax-meta-2-500)"; | ||
| export const Meta2600 = "var(--ax-meta-2-600)"; | ||
| export const Meta2700 = "var(--ax-meta-2-700)"; | ||
| export const Meta2800 = "var(--ax-meta-2-800)"; | ||
| export const Meta2900 = "var(--ax-meta-2-900)"; | ||
| export const Meta21000 = "var(--ax-meta-2-1000)"; | ||
| export const Meta2100A = "var(--ax-meta-2-100A)"; | ||
| export const Meta2200A = "var(--ax-meta-2-200A)"; | ||
| export const Meta2300A = "var(--ax-meta-2-300A)"; | ||
| export const Meta2400A = "var(--ax-meta-2-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 Space0 = "var(--ax-space-0)"; | ||
@@ -417,0 +395,0 @@ export const Space1 = "var(--ax-space-1)"; |
@@ -6,333 +6,328 @@ /** | ||
| module.exports = { | ||
| ABreakpointXs: "0", | ||
| ABreakpointSm: "480px", | ||
| ABreakpointSmDown: "479px", | ||
| ABreakpointMd: "768px", | ||
| ABreakpointMdDown: "767px", | ||
| ABreakpointLg: "1024px", | ||
| ABreakpointLgDown: "1023px", | ||
| ABreakpointXl: "1280px", | ||
| ABreakpointXlDown: "1279px", | ||
| ABreakpoint2xl: "1440px", | ||
| ABreakpoint2xlDown: "1439px", | ||
| ATextWidthMax: "576px", | ||
| AFontFamily: "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif", | ||
| AFontLineHeightHeading2xlarge: "3.25rem", | ||
| AFontLineHeightHeadingXlarge: "2.5rem", | ||
| AFontLineHeightHeadingLarge: "2.25rem", | ||
| AFontLineHeightHeadingMedium: "2rem", | ||
| AFontLineHeightHeadingSmall: "1.75rem", | ||
| AFontLineHeightHeadingXsmall: "1.5rem", | ||
| AFontLineHeightXlarge: "1.75rem", | ||
| AFontLineHeightLarge: "1.5rem", | ||
| AFontLineHeightMedium: "1.25rem", | ||
| AFontSizeHeading2xlarge: "2.5rem", | ||
| AFontSizeHeadingXlarge: "2rem", | ||
| AFontSizeHeadingLarge: "1.75rem", | ||
| AFontSizeHeadingMedium: "1.5rem", | ||
| AFontSizeHeadingSmall: "1.25rem", | ||
| AFontSizeHeadingXsmall: "1.125rem", | ||
| AFontSizeXlarge: "1.25rem", | ||
| AFontSizeLarge: "1.125rem", | ||
| AFontSizeMedium: "1rem", | ||
| AFontSizeSmall: "0.875rem", | ||
| AFontWeightBold: "600", | ||
| AFontWeightRegular: "400", | ||
| AZIndexPopover: 1000, | ||
| AZIndexFocus: 10, | ||
| AZIndexTooltip: 3000, | ||
| ABorderRadiusSmall: "2px", | ||
| ABorderRadiusMedium: "4px", | ||
| ABorderRadiusLarge: "8px", | ||
| ABorderRadiusXlarge: "12px", | ||
| ABorderRadiusFull: "9999px", | ||
| ABgDefault: "rgba(255, 255, 255, 1)", | ||
| ABgSubtle: "rgba(236, 238, 240, 1)", | ||
| ABorderSubtleHover: "rgba(5, 23, 51, 0.34)", | ||
| ABorderDefault: "rgba(2, 20, 49, 0.49)", | ||
| ABorderStrong: "rgba(1, 11, 24, 0.68)", | ||
| ABorderDivider: "rgba(7, 26, 54, 0.21)", | ||
| ABorderSubtle: "rgba(7, 26, 54, 0.21)", | ||
| ABorderActionSelected: "rgba(0, 69, 156, 1)", | ||
| ABorderActionHover: "rgba(0, 86, 180, 1)", | ||
| ABorderAction: "rgba(0, 103, 197, 1)", | ||
| ABorderSelected: "rgba(0, 103, 197, 1)", | ||
| ABorderSuccess: "rgba(6, 137, 58, 1)", | ||
| ABorderDanger: "rgba(195, 0, 0, 1)", | ||
| ABorderWarning: "rgba(199, 115, 0, 1)", | ||
| ABorderInfo: "rgba(54, 141, 168, 1)", | ||
| ABorderFocusOnInverted: "rgba(153, 195, 255, 1)", | ||
| ABorderFocus: "rgba(0, 52, 125, 1)", | ||
| ABorderOnInverted: "rgba(224, 227, 230, 1)", | ||
| ABorderOnInvertedSubtle: "rgba(82, 89, 98, 1)", | ||
| ABorderAlt1: "rgba(130, 105, 162, 1)", | ||
| ABorderAlt2: "rgba(127, 137, 0, 1)", | ||
| ABorderAlt3: "rgba(0, 91, 130, 1)", | ||
| AIconDefault: "rgba(35, 38, 42, 1)", | ||
| AIconSubtle: "rgba(1, 11, 24, 0.68)", | ||
| AIconActionSelected: "rgba(0, 69, 156, 1)", | ||
| AIconActionHover: "rgba(0, 86, 180, 1)", | ||
| AIconActionOnActionSubtle: "rgba(0, 86, 180, 1)", | ||
| AIconAction: "rgba(0, 103, 197, 1)", | ||
| AIconSuccess: "rgba(6, 137, 58, 1)", | ||
| AIconDanger: "rgba(195, 0, 0, 1)", | ||
| AIconWarning: "rgba(199, 115, 0, 1)", | ||
| AIconInfo: "rgba(35, 107, 125, 1)", | ||
| AIconAlt1: "rgba(99, 70, 137, 1)", | ||
| AIconAlt2: "rgba(127, 137, 0, 1)", | ||
| AIconAlt3: "rgba(0, 91, 130, 1)", | ||
| AIconOnNeutral: "rgba(255, 255, 255, 1)", | ||
| AIconOnInverted: "rgba(255, 255, 255, 1)", | ||
| AIconOnAction: "rgba(255, 255, 255, 1)", | ||
| AIconOnSuccess: "rgba(255, 255, 255, 1)", | ||
| AIconOnDanger: "rgba(255, 255, 255, 1)", | ||
| AIconOnWarning: "rgba(35, 38, 42, 1)", | ||
| AIconOnInfo: "rgba(35, 38, 42, 1)", | ||
| ASurfaceHover: "rgba(18, 43, 68, 0.08)", | ||
| ASurfaceActive: "rgba(17, 41, 64, 0.13)", | ||
| ASurfaceInvertedHover: "rgba(66, 71, 79, 1)", | ||
| ASurfaceInvertedActive: "rgba(82, 89, 98, 1)", | ||
| ASurfaceActionSubtleHover: "rgba(204, 225, 255, 1)", | ||
| ASurfaceActionHover: "rgba(0, 86, 180, 1)", | ||
| ASurfaceActionActive: "rgba(0, 69, 156, 1)", | ||
| ASurfaceActionSelectedHover: "rgba(0, 52, 125, 1)", | ||
| ASurfaceNeutralSubtleHover: "rgba(17, 41, 64, 0.13)", | ||
| ASurfaceNeutralActive: "rgba(35, 38, 42, 1)", | ||
| ASurfaceNeutralHover: "rgba(66, 71, 79, 1)", | ||
| ASurfaceSuccessSubtleHover: "rgba(153, 222, 173, 1)", | ||
| ASurfaceSuccessHover: "rgba(0, 124, 46, 1)", | ||
| ASurfaceDangerSubtleHover: "rgba(246, 130, 130, 1)", | ||
| ASurfaceDangerHover: "rgba(173, 0, 0, 1)", | ||
| ASurfaceDangerActive: "rgba(140, 0, 0, 1)", | ||
| ASurfaceWarningSubtleHover: "rgba(255, 215, 153, 1)", | ||
| ASurfaceInfoSubtleHover: "rgba(181, 241, 255, 1)", | ||
| ASurfaceDefault: "rgba(255, 255, 255, 1)", | ||
| ASurfaceSelected: "rgba(230, 240, 255, 1)", | ||
| ASurfaceSubtle: "rgba(242, 243, 245, 1)", | ||
| ASurfaceTransparent: "rgba(255, 255, 255, 0)", | ||
| ASurfaceBackdrop: "rgba(2, 20, 49, 0.49)", | ||
| ASurfaceInverted: "rgba(35, 38, 42, 1)", | ||
| ASurfaceActionSubtle: "rgba(230, 240, 255, 1)", | ||
| ASurfaceActionSelected: "rgba(0, 69, 156, 1)", | ||
| ASurfaceAction: "rgba(0, 103, 197, 1)", | ||
| ASurfaceNeutralSubtle: "rgba(18, 43, 68, 0.08)", | ||
| ASurfaceNeutralModerate: "rgba(17, 41, 64, 0.13)", | ||
| ASurfaceNeutralSelected: "rgba(35, 38, 42, 1)", | ||
| ASurfaceNeutral: "rgba(82, 89, 98, 1)", | ||
| ASurfaceSuccessSubtle: "rgba(204, 241, 214, 1)", | ||
| ASurfaceSuccessModerate: "rgba(153, 222, 173, 1)", | ||
| ASurfaceSuccess: "rgba(6, 137, 58, 1)", | ||
| ASurfaceDangerSubtle: "rgba(255, 194, 194, 1)", | ||
| ASurfaceDangerModerate: "rgba(246, 130, 130, 1)", | ||
| ASurfaceDanger: "rgba(195, 0, 0, 1)", | ||
| ASurfaceWarningSubtle: "rgba(255, 236, 204, 1)", | ||
| ASurfaceWarningModerate: "rgba(255, 215, 153, 1)", | ||
| ASurfaceWarning: "rgba(255, 145, 0, 1)", | ||
| ASurfaceInfoSubtle: "rgba(216, 249, 255, 1)", | ||
| ASurfaceInfoModerate: "rgba(181, 241, 255, 1)", | ||
| ASurfaceInfo: "rgba(102, 203, 236, 1)", | ||
| ASurfaceAlt1Subtle: "rgba(224, 216, 233, 1)", | ||
| ASurfaceAlt1Moderate: "rgba(192, 178, 210, 1)", | ||
| ASurfaceAlt1: "rgba(130, 105, 162, 1)", | ||
| ASurfaceAlt2Subtle: "rgba(249, 252, 204, 1)", | ||
| ASurfaceAlt2Moderate: "rgba(236, 243, 153, 1)", | ||
| ASurfaceAlt2: "rgba(193, 203, 51, 1)", | ||
| ASurfaceAlt3Subtle: "rgba(204, 226, 240, 1)", | ||
| ASurfaceAlt3Moderate: "rgba(153, 196, 221, 1)", | ||
| ASurfaceAlt3Strong: "rgba(0, 52, 83, 1)", | ||
| ASurfaceAlt3: "rgba(0, 91, 130, 1)", | ||
| ATextDefault: "rgba(35, 38, 42, 1)", | ||
| ATextSubtle: "rgba(1, 11, 24, 0.68)", | ||
| ATextVisited: "rgba(99, 70, 137, 1)", | ||
| ATextDanger: "rgba(195, 0, 0, 1)", | ||
| ATextActionSelected: "rgba(0, 69, 156, 1)", | ||
| ATextActionHover: "rgba(0, 86, 180, 1)", | ||
| ATextActionOnActionSubtle: "rgba(0, 86, 180, 1)", | ||
| ATextAction: "rgba(0, 103, 197, 1)", | ||
| ATextOnInverted: "rgba(255, 255, 255, 1)", | ||
| ATextOnNeutral: "rgba(255, 255, 255, 1)", | ||
| ATextOnAction: "rgba(255, 255, 255, 1)", | ||
| ATextOnSuccess: "rgba(255, 255, 255, 1)", | ||
| ATextOnDanger: "rgba(255, 255, 255, 1)", | ||
| ATextOnWarning: "rgba(35, 38, 42, 1)", | ||
| ATextOnInfo: "rgba(35, 38, 42, 1)", | ||
| ATextOnAlt1: "rgba(255, 255, 255, 1)", | ||
| ATextOnAlt2: "rgba(35, 38, 42, 1)", | ||
| ATextOnAlt3: "rgba(255, 255, 255, 1)", | ||
| ADataSurface1: "rgba(51, 134, 224, 1)", | ||
| ADataSurface1Subtle: "rgba(204, 225, 255, 1)", | ||
| ADataSurface2: "rgba(0, 91, 130, 1)", | ||
| ADataSurface2Subtle: "rgba(153, 196, 221, 1)", | ||
| ADataSurface3: "rgba(199, 115, 0, 1)", | ||
| ADataSurface3Subtle: "rgba(255, 193, 102, 1)", | ||
| ADataSurface4: "rgba(54, 141, 168, 1)", | ||
| ADataSurface4Subtle: "rgba(102, 203, 236, 1)", | ||
| ADataSurface5: "rgba(42, 167, 88, 1)", | ||
| ADataSurface5Subtle: "rgba(153, 222, 173, 1)", | ||
| ADataSurface6: "rgba(130, 105, 162, 1)", | ||
| ADataSurface6Subtle: "rgba(192, 178, 210, 1)", | ||
| ADataBorder1: "rgba(51, 134, 224, 1)", | ||
| ADataBorder2: "rgba(0, 91, 130, 1)", | ||
| ADataBorder3: "rgba(199, 115, 0, 1)", | ||
| ADataBorder4: "rgba(54, 141, 168, 1)", | ||
| ADataBorder5: "rgba(42, 167, 88, 1)", | ||
| ADataBorder6: "rgba(130, 105, 162, 1)", | ||
| ASpace128: "8rem", | ||
| ASpace96: "6rem", | ||
| ASpace80: "5rem", | ||
| ASpace72: "4.5rem", | ||
| ASpace64: "4rem", | ||
| ASpace56: "3.5rem", | ||
| ASpace48: "3rem", | ||
| ASpace44: "2.75rem", | ||
| ASpace40: "2.5rem", | ||
| ASpace36: "2.25rem", | ||
| ASpace32: "2rem", | ||
| ASpace28: "1.75rem", | ||
| ASpace24: "1.5rem", | ||
| ASpace20: "1.25rem", | ||
| ASpace16: "1rem", | ||
| ASpace12: ".75rem", | ||
| ASpace8: ".5rem", | ||
| ASpace6: ".375rem", | ||
| ASpace4: ".25rem", | ||
| ASpace2: ".125rem", | ||
| ASpace1: ".0625rem", | ||
| ASpace0: "0rem", | ||
| ATransparent: "rgba(255, 255, 255, 0)", | ||
| AWhite: "rgba(255, 255, 255, 1)", | ||
| ANavRed: "rgba(195, 0, 0, 1)", | ||
| AGray50: "rgba(242, 243, 245, 1)", | ||
| AGray100: "rgba(236, 238, 240, 1)", | ||
| AGray200: "rgba(224, 227, 230, 1)", | ||
| AGray300: "rgba(203, 207, 213, 1)", | ||
| AGray400: "rgba(170, 176, 186, 1)", | ||
| AGray500: "rgba(131, 140, 154, 1)", | ||
| AGray600: "rgba(103, 111, 123, 1)", | ||
| AGray700: "rgba(82, 89, 98, 1)", | ||
| AGray800: "rgba(66, 71, 79, 1)", | ||
| AGray900: "rgba(35, 38, 42, 1)", | ||
| AGrayalpha50: "rgba(38, 55, 89, 0.06)", | ||
| AGrayalpha100: "rgba(18, 43, 68, 0.08)", | ||
| AGrayalpha200: "rgba(17, 41, 64, 0.13)", | ||
| AGrayalpha300: "rgba(7, 26, 54, 0.21)", | ||
| AGrayalpha400: "rgba(5, 23, 51, 0.34)", | ||
| AGrayalpha500: "rgba(2, 20, 49, 0.49)", | ||
| AGrayalpha600: "rgba(2, 15, 34, 0.6)", | ||
| AGrayalpha700: "rgba(1, 11, 24, 0.68)", | ||
| AGrayalpha800: "rgba(3, 11, 22, 0.75)", | ||
| AGrayalpha900: "rgba(2, 5, 9, 0.87)", | ||
| ABlue50: "rgba(230, 240, 255, 1)", | ||
| ABlue100: "rgba(204, 225, 255, 1)", | ||
| ABlue200: "rgba(153, 195, 255, 1)", | ||
| ABlue300: "rgba(102, 165, 244, 1)", | ||
| ABlue400: "rgba(51, 134, 224, 1)", | ||
| ABlue500: "rgba(0, 103, 197, 1)", | ||
| ABlue600: "rgba(0, 86, 180, 1)", | ||
| ABlue700: "rgba(0, 69, 156, 1)", | ||
| ABlue800: "rgba(0, 52, 125, 1)", | ||
| ABlue900: "rgba(0, 34, 82, 1)", | ||
| ARed50: "rgba(255, 230, 230, 1)", | ||
| ARed100: "rgba(255, 194, 194, 1)", | ||
| ARed200: "rgba(246, 130, 130, 1)", | ||
| ARed300: "rgba(242, 92, 92, 1)", | ||
| ARed400: "rgba(222, 46, 46, 1)", | ||
| ARed500: "rgba(195, 0, 0, 1)", | ||
| ARed600: "rgba(173, 0, 0, 1)", | ||
| ARed700: "rgba(140, 0, 0, 1)", | ||
| ARed800: "rgba(92, 0, 0, 1)", | ||
| ARed900: "rgba(38, 0, 0, 1)", | ||
| ADeepblue50: "rgba(230, 241, 248, 1)", | ||
| ADeepblue100: "rgba(204, 226, 240, 1)", | ||
| ADeepblue200: "rgba(153, 196, 221, 1)", | ||
| ADeepblue300: "rgba(102, 163, 196, 1)", | ||
| ADeepblue400: "rgba(51, 128, 165, 1)", | ||
| ADeepblue500: "rgba(0, 91, 130, 1)", | ||
| ADeepblue600: "rgba(0, 80, 119, 1)", | ||
| ADeepblue700: "rgba(0, 67, 103, 1)", | ||
| ADeepblue800: "rgba(0, 52, 83, 1)", | ||
| ADeepblue900: "rgba(0, 36, 58, 1)", | ||
| AGreen50: "rgba(243, 252, 245, 1)", | ||
| AGreen100: "rgba(204, 241, 214, 1)", | ||
| AGreen200: "rgba(153, 222, 173, 1)", | ||
| AGreen300: "rgba(102, 199, 134, 1)", | ||
| AGreen400: "rgba(42, 167, 88, 1)", | ||
| AGreen500: "rgba(6, 137, 58, 1)", | ||
| AGreen600: "rgba(0, 124, 46, 1)", | ||
| AGreen700: "rgba(0, 106, 35, 1)", | ||
| AGreen800: "rgba(0, 85, 25, 1)", | ||
| AGreen900: "rgba(0, 59, 15, 1)", | ||
| ALightblue50: "rgba(235, 252, 255, 1)", | ||
| ALightblue100: "rgba(216, 249, 255, 1)", | ||
| ALightblue200: "rgba(181, 241, 255, 1)", | ||
| ALightblue300: "rgba(151, 230, 255, 1)", | ||
| ALightblue400: "rgba(124, 218, 248, 1)", | ||
| ALightblue500: "rgba(102, 203, 236, 1)", | ||
| ALightblue600: "rgba(76, 173, 205, 1)", | ||
| ALightblue700: "rgba(54, 141, 168, 1)", | ||
| ALightblue800: "rgba(35, 107, 125, 1)", | ||
| ALightblue900: "rgba(19, 72, 82, 1)", | ||
| ALimegreen50: "rgba(253, 255, 230, 1)", | ||
| ALimegreen100: "rgba(249, 252, 204, 1)", | ||
| ALimegreen200: "rgba(236, 243, 153, 1)", | ||
| ALimegreen300: "rgba(217, 227, 102, 1)", | ||
| ALimegreen400: "rgba(193, 203, 51, 1)", | ||
| ALimegreen500: "rgba(162, 173, 0, 1)", | ||
| ALimegreen600: "rgba(147, 158, 0, 1)", | ||
| ALimegreen700: "rgba(127, 137, 0, 1)", | ||
| ALimegreen800: "rgba(102, 110, 0, 1)", | ||
| ALimegreen900: "rgba(71, 78, 0, 1)", | ||
| AOrange50: "rgba(255, 249, 240, 1)", | ||
| AOrange100: "rgba(255, 236, 204, 1)", | ||
| AOrange200: "rgba(255, 215, 153, 1)", | ||
| AOrange300: "rgba(255, 193, 102, 1)", | ||
| AOrange400: "rgba(255, 170, 51, 1)", | ||
| AOrange500: "rgba(255, 145, 0, 1)", | ||
| AOrange600: "rgba(199, 115, 0, 1)", | ||
| AOrange700: "rgba(168, 100, 0, 1)", | ||
| AOrange800: "rgba(125, 76, 0, 1)", | ||
| AOrange900: "rgba(82, 51, 0, 1)", | ||
| APurple50: "rgba(239, 236, 244, 1)", | ||
| APurple100: "rgba(224, 216, 233, 1)", | ||
| APurple200: "rgba(192, 178, 210, 1)", | ||
| APurple300: "rgba(161, 141, 187, 1)", | ||
| APurple400: "rgba(130, 105, 162, 1)", | ||
| APurple500: "rgba(99, 70, 137, 1)", | ||
| APurple600: "rgba(82, 56, 116, 1)", | ||
| APurple700: "rgba(65, 43, 93, 1)", | ||
| APurple800: "rgba(48, 31, 70, 1)", | ||
| APurple900: "rgba(31, 20, 47, 1)", | ||
| AShadowFocus: "0 0 0 3px rgba(0, 52, 125, 1)", | ||
| AShadowFocusInverted: "0 0 0 3px rgba(153, 195, 255, 1)", | ||
| AShadowXsmall: | ||
| "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)", | ||
| AShadowSmall: | ||
| "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)", | ||
| AShadowMedium: | ||
| "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)", | ||
| AShadowLarge: | ||
| "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)", | ||
| AShadowXlarge: | ||
| "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)", | ||
| ASpacing0: "0", | ||
| ASpacing1: "0.25rem", | ||
| ASpacing2: "0.5rem", | ||
| ASpacing3: "0.75rem", | ||
| ASpacing4: "1rem", | ||
| ASpacing5: "1.25rem", | ||
| ASpacing6: "1.5rem", | ||
| ASpacing7: "1.75rem", | ||
| ASpacing8: "2rem", | ||
| ASpacing9: "2.25rem", | ||
| ASpacing10: "2.5rem", | ||
| ASpacing11: "2.75rem", | ||
| ASpacing12: "3rem", | ||
| ASpacing14: "3.5rem", | ||
| ASpacing16: "4rem", | ||
| ASpacing18: "4.5rem", | ||
| ASpacing20: "5rem", | ||
| ASpacing24: "6rem", | ||
| ASpacing32: "8rem", | ||
| ASpacing05: "0.125rem", | ||
| ASpacing1Alt: "0.375rem", | ||
| "ABreakpointXs": "0", | ||
| "ABreakpointSm": "480px", | ||
| "ABreakpointSmDown": "479px", | ||
| "ABreakpointMd": "768px", | ||
| "ABreakpointMdDown": "767px", | ||
| "ABreakpointLg": "1024px", | ||
| "ABreakpointLgDown": "1023px", | ||
| "ABreakpointXl": "1280px", | ||
| "ABreakpointXlDown": "1279px", | ||
| "ABreakpoint2xl": "1440px", | ||
| "ABreakpoint2xlDown": "1439px", | ||
| "ATextWidthMax": "576px", | ||
| "AFontFamily": "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif", | ||
| "AFontLineHeightHeading2xlarge": "3.25rem", | ||
| "AFontLineHeightHeadingXlarge": "2.5rem", | ||
| "AFontLineHeightHeadingLarge": "2.25rem", | ||
| "AFontLineHeightHeadingMedium": "2rem", | ||
| "AFontLineHeightHeadingSmall": "1.75rem", | ||
| "AFontLineHeightHeadingXsmall": "1.5rem", | ||
| "AFontLineHeightXlarge": "1.75rem", | ||
| "AFontLineHeightLarge": "1.5rem", | ||
| "AFontLineHeightMedium": "1.25rem", | ||
| "AFontSizeHeading2xlarge": "2.5rem", | ||
| "AFontSizeHeadingXlarge": "2rem", | ||
| "AFontSizeHeadingLarge": "1.75rem", | ||
| "AFontSizeHeadingMedium": "1.5rem", | ||
| "AFontSizeHeadingSmall": "1.25rem", | ||
| "AFontSizeHeadingXsmall": "1.125rem", | ||
| "AFontSizeXlarge": "1.25rem", | ||
| "AFontSizeLarge": "1.125rem", | ||
| "AFontSizeMedium": "1rem", | ||
| "AFontSizeSmall": "0.875rem", | ||
| "AFontWeightBold": "600", | ||
| "AFontWeightRegular": "400", | ||
| "AZIndexPopover": 1000, | ||
| "AZIndexFocus": 10, | ||
| "AZIndexTooltip": 3000, | ||
| "ABorderRadiusSmall": "2px", | ||
| "ABorderRadiusMedium": "4px", | ||
| "ABorderRadiusLarge": "8px", | ||
| "ABorderRadiusXlarge": "12px", | ||
| "ABorderRadiusFull": "9999px", | ||
| "ABgDefault": "rgba(255, 255, 255, 1)", | ||
| "ABgSubtle": "rgba(236, 238, 240, 1)", | ||
| "ABorderSubtleHover": "rgba(5, 23, 51, 0.34)", | ||
| "ABorderDefault": "rgba(2, 20, 49, 0.49)", | ||
| "ABorderStrong": "rgba(1, 11, 24, 0.68)", | ||
| "ABorderDivider": "rgba(7, 26, 54, 0.21)", | ||
| "ABorderSubtle": "rgba(7, 26, 54, 0.21)", | ||
| "ABorderActionSelected": "rgba(0, 69, 156, 1)", | ||
| "ABorderActionHover": "rgba(0, 86, 180, 1)", | ||
| "ABorderAction": "rgba(0, 103, 197, 1)", | ||
| "ABorderSelected": "rgba(0, 103, 197, 1)", | ||
| "ABorderSuccess": "rgba(6, 137, 58, 1)", | ||
| "ABorderDanger": "rgba(195, 0, 0, 1)", | ||
| "ABorderWarning": "rgba(199, 115, 0, 1)", | ||
| "ABorderInfo": "rgba(54, 141, 168, 1)", | ||
| "ABorderFocusOnInverted": "rgba(153, 195, 255, 1)", | ||
| "ABorderFocus": "rgba(0, 52, 125, 1)", | ||
| "ABorderOnInverted": "rgba(224, 227, 230, 1)", | ||
| "ABorderOnInvertedSubtle": "rgba(82, 89, 98, 1)", | ||
| "ABorderAlt1": "rgba(130, 105, 162, 1)", | ||
| "ABorderAlt2": "rgba(127, 137, 0, 1)", | ||
| "ABorderAlt3": "rgba(0, 91, 130, 1)", | ||
| "AIconDefault": "rgba(35, 38, 42, 1)", | ||
| "AIconSubtle": "rgba(1, 11, 24, 0.68)", | ||
| "AIconActionSelected": "rgba(0, 69, 156, 1)", | ||
| "AIconActionHover": "rgba(0, 86, 180, 1)", | ||
| "AIconActionOnActionSubtle": "rgba(0, 86, 180, 1)", | ||
| "AIconAction": "rgba(0, 103, 197, 1)", | ||
| "AIconSuccess": "rgba(6, 137, 58, 1)", | ||
| "AIconDanger": "rgba(195, 0, 0, 1)", | ||
| "AIconWarning": "rgba(199, 115, 0, 1)", | ||
| "AIconInfo": "rgba(35, 107, 125, 1)", | ||
| "AIconAlt1": "rgba(99, 70, 137, 1)", | ||
| "AIconAlt2": "rgba(127, 137, 0, 1)", | ||
| "AIconAlt3": "rgba(0, 91, 130, 1)", | ||
| "AIconOnNeutral": "rgba(255, 255, 255, 1)", | ||
| "AIconOnInverted": "rgba(255, 255, 255, 1)", | ||
| "AIconOnAction": "rgba(255, 255, 255, 1)", | ||
| "AIconOnSuccess": "rgba(255, 255, 255, 1)", | ||
| "AIconOnDanger": "rgba(255, 255, 255, 1)", | ||
| "AIconOnWarning": "rgba(35, 38, 42, 1)", | ||
| "AIconOnInfo": "rgba(35, 38, 42, 1)", | ||
| "ASurfaceHover": "rgba(18, 43, 68, 0.08)", | ||
| "ASurfaceActive": "rgba(17, 41, 64, 0.13)", | ||
| "ASurfaceInvertedHover": "rgba(66, 71, 79, 1)", | ||
| "ASurfaceInvertedActive": "rgba(82, 89, 98, 1)", | ||
| "ASurfaceActionSubtleHover": "rgba(204, 225, 255, 1)", | ||
| "ASurfaceActionHover": "rgba(0, 86, 180, 1)", | ||
| "ASurfaceActionActive": "rgba(0, 69, 156, 1)", | ||
| "ASurfaceActionSelectedHover": "rgba(0, 52, 125, 1)", | ||
| "ASurfaceNeutralSubtleHover": "rgba(17, 41, 64, 0.13)", | ||
| "ASurfaceNeutralActive": "rgba(35, 38, 42, 1)", | ||
| "ASurfaceNeutralHover": "rgba(66, 71, 79, 1)", | ||
| "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)", | ||
| "ASurfaceSuccessHover": "rgba(0, 124, 46, 1)", | ||
| "ASurfaceDangerSubtleHover": "rgba(246, 130, 130, 1)", | ||
| "ASurfaceDangerHover": "rgba(173, 0, 0, 1)", | ||
| "ASurfaceDangerActive": "rgba(140, 0, 0, 1)", | ||
| "ASurfaceWarningSubtleHover": "rgba(255, 215, 153, 1)", | ||
| "ASurfaceInfoSubtleHover": "rgba(181, 241, 255, 1)", | ||
| "ASurfaceDefault": "rgba(255, 255, 255, 1)", | ||
| "ASurfaceSelected": "rgba(230, 240, 255, 1)", | ||
| "ASurfaceSubtle": "rgba(242, 243, 245, 1)", | ||
| "ASurfaceTransparent": "rgba(255, 255, 255, 0)", | ||
| "ASurfaceBackdrop": "rgba(2, 20, 49, 0.49)", | ||
| "ASurfaceInverted": "rgba(35, 38, 42, 1)", | ||
| "ASurfaceActionSubtle": "rgba(230, 240, 255, 1)", | ||
| "ASurfaceActionSelected": "rgba(0, 69, 156, 1)", | ||
| "ASurfaceAction": "rgba(0, 103, 197, 1)", | ||
| "ASurfaceNeutralSubtle": "rgba(18, 43, 68, 0.08)", | ||
| "ASurfaceNeutralModerate": "rgba(17, 41, 64, 0.13)", | ||
| "ASurfaceNeutralSelected": "rgba(35, 38, 42, 1)", | ||
| "ASurfaceNeutral": "rgba(82, 89, 98, 1)", | ||
| "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)", | ||
| "ASurfaceSuccessModerate": "rgba(153, 222, 173, 1)", | ||
| "ASurfaceSuccess": "rgba(6, 137, 58, 1)", | ||
| "ASurfaceDangerSubtle": "rgba(255, 194, 194, 1)", | ||
| "ASurfaceDangerModerate": "rgba(246, 130, 130, 1)", | ||
| "ASurfaceDanger": "rgba(195, 0, 0, 1)", | ||
| "ASurfaceWarningSubtle": "rgba(255, 236, 204, 1)", | ||
| "ASurfaceWarningModerate": "rgba(255, 215, 153, 1)", | ||
| "ASurfaceWarning": "rgba(255, 145, 0, 1)", | ||
| "ASurfaceInfoSubtle": "rgba(216, 249, 255, 1)", | ||
| "ASurfaceInfoModerate": "rgba(181, 241, 255, 1)", | ||
| "ASurfaceInfo": "rgba(102, 203, 236, 1)", | ||
| "ASurfaceAlt1Subtle": "rgba(224, 216, 233, 1)", | ||
| "ASurfaceAlt1Moderate": "rgba(192, 178, 210, 1)", | ||
| "ASurfaceAlt1": "rgba(130, 105, 162, 1)", | ||
| "ASurfaceAlt2Subtle": "rgba(249, 252, 204, 1)", | ||
| "ASurfaceAlt2Moderate": "rgba(236, 243, 153, 1)", | ||
| "ASurfaceAlt2": "rgba(193, 203, 51, 1)", | ||
| "ASurfaceAlt3Subtle": "rgba(204, 226, 240, 1)", | ||
| "ASurfaceAlt3Moderate": "rgba(153, 196, 221, 1)", | ||
| "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)", | ||
| "ASurfaceAlt3": "rgba(0, 91, 130, 1)", | ||
| "ATextDefault": "rgba(35, 38, 42, 1)", | ||
| "ATextSubtle": "rgba(1, 11, 24, 0.68)", | ||
| "ATextVisited": "rgba(99, 70, 137, 1)", | ||
| "ATextDanger": "rgba(195, 0, 0, 1)", | ||
| "ATextActionSelected": "rgba(0, 69, 156, 1)", | ||
| "ATextActionHover": "rgba(0, 86, 180, 1)", | ||
| "ATextActionOnActionSubtle": "rgba(0, 86, 180, 1)", | ||
| "ATextAction": "rgba(0, 103, 197, 1)", | ||
| "ATextOnInverted": "rgba(255, 255, 255, 1)", | ||
| "ATextOnNeutral": "rgba(255, 255, 255, 1)", | ||
| "ATextOnAction": "rgba(255, 255, 255, 1)", | ||
| "ATextOnSuccess": "rgba(255, 255, 255, 1)", | ||
| "ATextOnDanger": "rgba(255, 255, 255, 1)", | ||
| "ATextOnWarning": "rgba(35, 38, 42, 1)", | ||
| "ATextOnInfo": "rgba(35, 38, 42, 1)", | ||
| "ATextOnAlt1": "rgba(255, 255, 255, 1)", | ||
| "ATextOnAlt2": "rgba(35, 38, 42, 1)", | ||
| "ATextOnAlt3": "rgba(255, 255, 255, 1)", | ||
| "ADataSurface1": "rgba(51, 134, 224, 1)", | ||
| "ADataSurface1Subtle": "rgba(204, 225, 255, 1)", | ||
| "ADataSurface2": "rgba(0, 91, 130, 1)", | ||
| "ADataSurface2Subtle": "rgba(153, 196, 221, 1)", | ||
| "ADataSurface3": "rgba(199, 115, 0, 1)", | ||
| "ADataSurface3Subtle": "rgba(255, 193, 102, 1)", | ||
| "ADataSurface4": "rgba(54, 141, 168, 1)", | ||
| "ADataSurface4Subtle": "rgba(102, 203, 236, 1)", | ||
| "ADataSurface5": "rgba(42, 167, 88, 1)", | ||
| "ADataSurface5Subtle": "rgba(153, 222, 173, 1)", | ||
| "ADataSurface6": "rgba(130, 105, 162, 1)", | ||
| "ADataSurface6Subtle": "rgba(192, 178, 210, 1)", | ||
| "ADataBorder1": "rgba(51, 134, 224, 1)", | ||
| "ADataBorder2": "rgba(0, 91, 130, 1)", | ||
| "ADataBorder3": "rgba(199, 115, 0, 1)", | ||
| "ADataBorder4": "rgba(54, 141, 168, 1)", | ||
| "ADataBorder5": "rgba(42, 167, 88, 1)", | ||
| "ADataBorder6": "rgba(130, 105, 162, 1)", | ||
| "ASpace128": "8rem", | ||
| "ASpace96": "6rem", | ||
| "ASpace80": "5rem", | ||
| "ASpace72": "4.5rem", | ||
| "ASpace64": "4rem", | ||
| "ASpace56": "3.5rem", | ||
| "ASpace48": "3rem", | ||
| "ASpace44": "2.75rem", | ||
| "ASpace40": "2.5rem", | ||
| "ASpace36": "2.25rem", | ||
| "ASpace32": "2rem", | ||
| "ASpace28": "1.75rem", | ||
| "ASpace24": "1.5rem", | ||
| "ASpace20": "1.25rem", | ||
| "ASpace16": "1rem", | ||
| "ASpace12": ".75rem", | ||
| "ASpace8": ".5rem", | ||
| "ASpace6": ".375rem", | ||
| "ASpace4": ".25rem", | ||
| "ASpace2": ".125rem", | ||
| "ASpace1": ".0625rem", | ||
| "ASpace0": "0rem", | ||
| "ATransparent": "rgba(255, 255, 255, 0)", | ||
| "AWhite": "rgba(255, 255, 255, 1)", | ||
| "ANavRed": "rgba(195, 0, 0, 1)", | ||
| "AGray50": "rgba(242, 243, 245, 1)", | ||
| "AGray100": "rgba(236, 238, 240, 1)", | ||
| "AGray200": "rgba(224, 227, 230, 1)", | ||
| "AGray300": "rgba(203, 207, 213, 1)", | ||
| "AGray400": "rgba(170, 176, 186, 1)", | ||
| "AGray500": "rgba(131, 140, 154, 1)", | ||
| "AGray600": "rgba(103, 111, 123, 1)", | ||
| "AGray700": "rgba(82, 89, 98, 1)", | ||
| "AGray800": "rgba(66, 71, 79, 1)", | ||
| "AGray900": "rgba(35, 38, 42, 1)", | ||
| "AGrayalpha50": "rgba(38, 55, 89, 0.06)", | ||
| "AGrayalpha100": "rgba(18, 43, 68, 0.08)", | ||
| "AGrayalpha200": "rgba(17, 41, 64, 0.13)", | ||
| "AGrayalpha300": "rgba(7, 26, 54, 0.21)", | ||
| "AGrayalpha400": "rgba(5, 23, 51, 0.34)", | ||
| "AGrayalpha500": "rgba(2, 20, 49, 0.49)", | ||
| "AGrayalpha600": "rgba(2, 15, 34, 0.6)", | ||
| "AGrayalpha700": "rgba(1, 11, 24, 0.68)", | ||
| "AGrayalpha800": "rgba(3, 11, 22, 0.75)", | ||
| "AGrayalpha900": "rgba(2, 5, 9, 0.87)", | ||
| "ABlue50": "rgba(230, 240, 255, 1)", | ||
| "ABlue100": "rgba(204, 225, 255, 1)", | ||
| "ABlue200": "rgba(153, 195, 255, 1)", | ||
| "ABlue300": "rgba(102, 165, 244, 1)", | ||
| "ABlue400": "rgba(51, 134, 224, 1)", | ||
| "ABlue500": "rgba(0, 103, 197, 1)", | ||
| "ABlue600": "rgba(0, 86, 180, 1)", | ||
| "ABlue700": "rgba(0, 69, 156, 1)", | ||
| "ABlue800": "rgba(0, 52, 125, 1)", | ||
| "ABlue900": "rgba(0, 34, 82, 1)", | ||
| "ARed50": "rgba(255, 230, 230, 1)", | ||
| "ARed100": "rgba(255, 194, 194, 1)", | ||
| "ARed200": "rgba(246, 130, 130, 1)", | ||
| "ARed300": "rgba(242, 92, 92, 1)", | ||
| "ARed400": "rgba(222, 46, 46, 1)", | ||
| "ARed500": "rgba(195, 0, 0, 1)", | ||
| "ARed600": "rgba(173, 0, 0, 1)", | ||
| "ARed700": "rgba(140, 0, 0, 1)", | ||
| "ARed800": "rgba(92, 0, 0, 1)", | ||
| "ARed900": "rgba(38, 0, 0, 1)", | ||
| "ADeepblue50": "rgba(230, 241, 248, 1)", | ||
| "ADeepblue100": "rgba(204, 226, 240, 1)", | ||
| "ADeepblue200": "rgba(153, 196, 221, 1)", | ||
| "ADeepblue300": "rgba(102, 163, 196, 1)", | ||
| "ADeepblue400": "rgba(51, 128, 165, 1)", | ||
| "ADeepblue500": "rgba(0, 91, 130, 1)", | ||
| "ADeepblue600": "rgba(0, 80, 119, 1)", | ||
| "ADeepblue700": "rgba(0, 67, 103, 1)", | ||
| "ADeepblue800": "rgba(0, 52, 83, 1)", | ||
| "ADeepblue900": "rgba(0, 36, 58, 1)", | ||
| "AGreen50": "rgba(243, 252, 245, 1)", | ||
| "AGreen100": "rgba(204, 241, 214, 1)", | ||
| "AGreen200": "rgba(153, 222, 173, 1)", | ||
| "AGreen300": "rgba(102, 199, 134, 1)", | ||
| "AGreen400": "rgba(42, 167, 88, 1)", | ||
| "AGreen500": "rgba(6, 137, 58, 1)", | ||
| "AGreen600": "rgba(0, 124, 46, 1)", | ||
| "AGreen700": "rgba(0, 106, 35, 1)", | ||
| "AGreen800": "rgba(0, 85, 25, 1)", | ||
| "AGreen900": "rgba(0, 59, 15, 1)", | ||
| "ALightblue50": "rgba(235, 252, 255, 1)", | ||
| "ALightblue100": "rgba(216, 249, 255, 1)", | ||
| "ALightblue200": "rgba(181, 241, 255, 1)", | ||
| "ALightblue300": "rgba(151, 230, 255, 1)", | ||
| "ALightblue400": "rgba(124, 218, 248, 1)", | ||
| "ALightblue500": "rgba(102, 203, 236, 1)", | ||
| "ALightblue600": "rgba(76, 173, 205, 1)", | ||
| "ALightblue700": "rgba(54, 141, 168, 1)", | ||
| "ALightblue800": "rgba(35, 107, 125, 1)", | ||
| "ALightblue900": "rgba(19, 72, 82, 1)", | ||
| "ALimegreen50": "rgba(253, 255, 230, 1)", | ||
| "ALimegreen100": "rgba(249, 252, 204, 1)", | ||
| "ALimegreen200": "rgba(236, 243, 153, 1)", | ||
| "ALimegreen300": "rgba(217, 227, 102, 1)", | ||
| "ALimegreen400": "rgba(193, 203, 51, 1)", | ||
| "ALimegreen500": "rgba(162, 173, 0, 1)", | ||
| "ALimegreen600": "rgba(147, 158, 0, 1)", | ||
| "ALimegreen700": "rgba(127, 137, 0, 1)", | ||
| "ALimegreen800": "rgba(102, 110, 0, 1)", | ||
| "ALimegreen900": "rgba(71, 78, 0, 1)", | ||
| "AOrange50": "rgba(255, 249, 240, 1)", | ||
| "AOrange100": "rgba(255, 236, 204, 1)", | ||
| "AOrange200": "rgba(255, 215, 153, 1)", | ||
| "AOrange300": "rgba(255, 193, 102, 1)", | ||
| "AOrange400": "rgba(255, 170, 51, 1)", | ||
| "AOrange500": "rgba(255, 145, 0, 1)", | ||
| "AOrange600": "rgba(199, 115, 0, 1)", | ||
| "AOrange700": "rgba(168, 100, 0, 1)", | ||
| "AOrange800": "rgba(125, 76, 0, 1)", | ||
| "AOrange900": "rgba(82, 51, 0, 1)", | ||
| "APurple50": "rgba(239, 236, 244, 1)", | ||
| "APurple100": "rgba(224, 216, 233, 1)", | ||
| "APurple200": "rgba(192, 178, 210, 1)", | ||
| "APurple300": "rgba(161, 141, 187, 1)", | ||
| "APurple400": "rgba(130, 105, 162, 1)", | ||
| "APurple500": "rgba(99, 70, 137, 1)", | ||
| "APurple600": "rgba(82, 56, 116, 1)", | ||
| "APurple700": "rgba(65, 43, 93, 1)", | ||
| "APurple800": "rgba(48, 31, 70, 1)", | ||
| "APurple900": "rgba(31, 20, 47, 1)", | ||
| "AShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)", | ||
| "AShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)", | ||
| "AShadowXsmall": "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)", | ||
| "AShadowSmall": "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)", | ||
| "AShadowMedium": "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)", | ||
| "AShadowLarge": "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)", | ||
| "AShadowXlarge": "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)", | ||
| "ASpacing0": "0", | ||
| "ASpacing1": "0.25rem", | ||
| "ASpacing2": "0.5rem", | ||
| "ASpacing3": "0.75rem", | ||
| "ASpacing4": "1rem", | ||
| "ASpacing5": "1.25rem", | ||
| "ASpacing6": "1.5rem", | ||
| "ASpacing7": "1.75rem", | ||
| "ASpacing8": "2rem", | ||
| "ASpacing9": "2.25rem", | ||
| "ASpacing10": "2.5rem", | ||
| "ASpacing11": "2.75rem", | ||
| "ASpacing12": "3rem", | ||
| "ASpacing14": "3.5rem", | ||
| "ASpacing16": "4rem", | ||
| "ASpacing18": "4.5rem", | ||
| "ASpacing20": "5rem", | ||
| "ASpacing24": "6rem", | ||
| "ASpacing32": "8rem", | ||
| "ASpacing05": "0.125rem", | ||
| "ASpacing1Alt": "0.375rem" | ||
| }; |
@@ -5,327 +5,327 @@ /** | ||
| export const ABreakpointXs: "0"; | ||
| export const ABreakpointSm: "480px"; | ||
| export const ABreakpointSmDown: "479px"; | ||
| export const ABreakpointMd: "768px"; | ||
| export const ABreakpointMdDown: "767px"; | ||
| export const ABreakpointLg: "1024px"; | ||
| export const ABreakpointLgDown: "1023px"; | ||
| export const ABreakpointXl: "1280px"; | ||
| export const ABreakpointXlDown: "1279px"; | ||
| export const ABreakpoint2xl: "1440px"; | ||
| export const ABreakpoint2xlDown: "1439px"; | ||
| export const ATextWidthMax: "576px"; | ||
| export const AFontFamily: "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif"; | ||
| export const AFontLineHeightHeading2xlarge: "3.25rem"; | ||
| export const AFontLineHeightHeadingXlarge: "2.5rem"; | ||
| export const AFontLineHeightHeadingLarge: "2.25rem"; | ||
| export const AFontLineHeightHeadingMedium: "2rem"; | ||
| export const AFontLineHeightHeadingSmall: "1.75rem"; | ||
| export const AFontLineHeightHeadingXsmall: "1.5rem"; | ||
| export const AFontLineHeightXlarge: "1.75rem"; | ||
| export const AFontLineHeightLarge: "1.5rem"; | ||
| export const AFontLineHeightMedium: "1.25rem"; | ||
| export const AFontSizeHeading2xlarge: "2.5rem"; | ||
| export const AFontSizeHeadingXlarge: "2rem"; | ||
| export const AFontSizeHeadingLarge: "1.75rem"; | ||
| export const AFontSizeHeadingMedium: "1.5rem"; | ||
| export const AFontSizeHeadingSmall: "1.25rem"; | ||
| export const AFontSizeHeadingXsmall: "1.125rem"; | ||
| export const AFontSizeXlarge: "1.25rem"; | ||
| export const AFontSizeLarge: "1.125rem"; | ||
| export const AFontSizeMedium: "1rem"; | ||
| export const AFontSizeSmall: "0.875rem"; | ||
| export const AFontWeightBold: "600"; | ||
| export const AFontWeightRegular: "400"; | ||
| export const AZIndexPopover: number; | ||
| export const AZIndexFocus: number; | ||
| export const AZIndexTooltip: number; | ||
| export const ABorderRadiusSmall: "2px"; | ||
| export const ABorderRadiusMedium: "4px"; | ||
| export const ABorderRadiusLarge: "8px"; | ||
| export const ABorderRadiusXlarge: "12px"; | ||
| export const ABorderRadiusFull: "9999px"; | ||
| export const ABgDefault: "rgba(255, 255, 255, 1)"; | ||
| export const ABgSubtle: "rgba(236, 238, 240, 1)"; | ||
| export const ABorderSubtleHover: "rgba(5, 23, 51, 0.34)"; | ||
| export const ABorderDefault: "rgba(2, 20, 49, 0.49)"; | ||
| export const ABorderStrong: "rgba(1, 11, 24, 0.68)"; | ||
| export const ABorderDivider: "rgba(7, 26, 54, 0.21)"; | ||
| export const ABorderSubtle: "rgba(7, 26, 54, 0.21)"; | ||
| export const ABorderActionSelected: "rgba(0, 69, 156, 1)"; | ||
| export const ABorderActionHover: "rgba(0, 86, 180, 1)"; | ||
| export const ABorderAction: "rgba(0, 103, 197, 1)"; | ||
| export const ABorderSelected: "rgba(0, 103, 197, 1)"; | ||
| export const ABorderSuccess: "rgba(6, 137, 58, 1)"; | ||
| export const ABorderDanger: "rgba(195, 0, 0, 1)"; | ||
| export const ABorderWarning: "rgba(199, 115, 0, 1)"; | ||
| export const ABorderInfo: "rgba(54, 141, 168, 1)"; | ||
| export const ABorderFocusOnInverted: "rgba(153, 195, 255, 1)"; | ||
| export const ABorderFocus: "rgba(0, 52, 125, 1)"; | ||
| export const ABorderOnInverted: "rgba(224, 227, 230, 1)"; | ||
| export const ABorderOnInvertedSubtle: "rgba(82, 89, 98, 1)"; | ||
| export const ABorderAlt1: "rgba(130, 105, 162, 1)"; | ||
| export const ABorderAlt2: "rgba(127, 137, 0, 1)"; | ||
| export const ABorderAlt3: "rgba(0, 91, 130, 1)"; | ||
| export const AIconDefault: "rgba(35, 38, 42, 1)"; | ||
| export const AIconSubtle: "rgba(1, 11, 24, 0.68)"; | ||
| export const AIconActionSelected: "rgba(0, 69, 156, 1)"; | ||
| export const AIconActionHover: "rgba(0, 86, 180, 1)"; | ||
| export const AIconActionOnActionSubtle: "rgba(0, 86, 180, 1)"; | ||
| export const AIconAction: "rgba(0, 103, 197, 1)"; | ||
| export const AIconSuccess: "rgba(6, 137, 58, 1)"; | ||
| export const AIconDanger: "rgba(195, 0, 0, 1)"; | ||
| export const AIconWarning: "rgba(199, 115, 0, 1)"; | ||
| export const AIconInfo: "rgba(35, 107, 125, 1)"; | ||
| export const AIconAlt1: "rgba(99, 70, 137, 1)"; | ||
| export const AIconAlt2: "rgba(127, 137, 0, 1)"; | ||
| export const AIconAlt3: "rgba(0, 91, 130, 1)"; | ||
| export const AIconOnNeutral: "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnInverted: "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnAction: "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnSuccess: "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnDanger: "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnWarning: "rgba(35, 38, 42, 1)"; | ||
| export const AIconOnInfo: "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceHover: "rgba(18, 43, 68, 0.08)"; | ||
| export const ASurfaceActive: "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceInvertedHover: "rgba(66, 71, 79, 1)"; | ||
| export const ASurfaceInvertedActive: "rgba(82, 89, 98, 1)"; | ||
| export const ASurfaceActionSubtleHover: "rgba(204, 225, 255, 1)"; | ||
| export const ASurfaceActionHover: "rgba(0, 86, 180, 1)"; | ||
| export const ASurfaceActionActive: "rgba(0, 69, 156, 1)"; | ||
| export const ASurfaceActionSelectedHover: "rgba(0, 52, 125, 1)"; | ||
| export const ASurfaceNeutralSubtleHover: "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceNeutralActive: "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceNeutralHover: "rgba(66, 71, 79, 1)"; | ||
| export const ASurfaceSuccessSubtleHover: "rgba(153, 222, 173, 1)"; | ||
| export const ASurfaceSuccessHover: "rgba(0, 124, 46, 1)"; | ||
| export const ASurfaceDangerSubtleHover: "rgba(246, 130, 130, 1)"; | ||
| export const ASurfaceDangerHover: "rgba(173, 0, 0, 1)"; | ||
| export const ASurfaceDangerActive: "rgba(140, 0, 0, 1)"; | ||
| export const ASurfaceWarningSubtleHover: "rgba(255, 215, 153, 1)"; | ||
| export const ASurfaceInfoSubtleHover: "rgba(181, 241, 255, 1)"; | ||
| export const ASurfaceDefault: "rgba(255, 255, 255, 1)"; | ||
| export const ASurfaceSelected: "rgba(230, 240, 255, 1)"; | ||
| export const ASurfaceSubtle: "rgba(242, 243, 245, 1)"; | ||
| export const ASurfaceTransparent: "rgba(255, 255, 255, 0)"; | ||
| export const ASurfaceBackdrop: "rgba(2, 20, 49, 0.49)"; | ||
| export const ASurfaceInverted: "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceActionSubtle: "rgba(230, 240, 255, 1)"; | ||
| export const ASurfaceActionSelected: "rgba(0, 69, 156, 1)"; | ||
| export const ASurfaceAction: "rgba(0, 103, 197, 1)"; | ||
| export const ASurfaceNeutralSubtle: "rgba(18, 43, 68, 0.08)"; | ||
| export const ASurfaceNeutralModerate: "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceNeutralSelected: "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceNeutral: "rgba(82, 89, 98, 1)"; | ||
| export const ASurfaceSuccessSubtle: "rgba(204, 241, 214, 1)"; | ||
| export const ASurfaceSuccessModerate: "rgba(153, 222, 173, 1)"; | ||
| export const ASurfaceSuccess: "rgba(6, 137, 58, 1)"; | ||
| export const ASurfaceDangerSubtle: "rgba(255, 194, 194, 1)"; | ||
| export const ASurfaceDangerModerate: "rgba(246, 130, 130, 1)"; | ||
| export const ASurfaceDanger: "rgba(195, 0, 0, 1)"; | ||
| export const ASurfaceWarningSubtle: "rgba(255, 236, 204, 1)"; | ||
| export const ASurfaceWarningModerate: "rgba(255, 215, 153, 1)"; | ||
| export const ASurfaceWarning: "rgba(255, 145, 0, 1)"; | ||
| export const ASurfaceInfoSubtle: "rgba(216, 249, 255, 1)"; | ||
| export const ASurfaceInfoModerate: "rgba(181, 241, 255, 1)"; | ||
| export const ASurfaceInfo: "rgba(102, 203, 236, 1)"; | ||
| export const ASurfaceAlt1Subtle: "rgba(224, 216, 233, 1)"; | ||
| export const ASurfaceAlt1Moderate: "rgba(192, 178, 210, 1)"; | ||
| export const ASurfaceAlt1: "rgba(130, 105, 162, 1)"; | ||
| export const ASurfaceAlt2Subtle: "rgba(249, 252, 204, 1)"; | ||
| export const ASurfaceAlt2Moderate: "rgba(236, 243, 153, 1)"; | ||
| export const ASurfaceAlt2: "rgba(193, 203, 51, 1)"; | ||
| export const ASurfaceAlt3Subtle: "rgba(204, 226, 240, 1)"; | ||
| export const ASurfaceAlt3Moderate: "rgba(153, 196, 221, 1)"; | ||
| export const ASurfaceAlt3Strong: "rgba(0, 52, 83, 1)"; | ||
| export const ASurfaceAlt3: "rgba(0, 91, 130, 1)"; | ||
| export const ATextDefault: "rgba(35, 38, 42, 1)"; | ||
| export const ATextSubtle: "rgba(1, 11, 24, 0.68)"; | ||
| export const ATextVisited: "rgba(99, 70, 137, 1)"; | ||
| export const ATextDanger: "rgba(195, 0, 0, 1)"; | ||
| export const ATextActionSelected: "rgba(0, 69, 156, 1)"; | ||
| export const ATextActionHover: "rgba(0, 86, 180, 1)"; | ||
| export const ATextActionOnActionSubtle: "rgba(0, 86, 180, 1)"; | ||
| export const ATextAction: "rgba(0, 103, 197, 1)"; | ||
| export const ATextOnInverted: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnNeutral: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnAction: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnSuccess: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnDanger: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnWarning: "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnInfo: "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnAlt1: "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnAlt2: "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnAlt3: "rgba(255, 255, 255, 1)"; | ||
| export const ADataSurface1: "rgba(51, 134, 224, 1)"; | ||
| export const ADataSurface1Subtle: "rgba(204, 225, 255, 1)"; | ||
| export const ADataSurface2: "rgba(0, 91, 130, 1)"; | ||
| export const ADataSurface2Subtle: "rgba(153, 196, 221, 1)"; | ||
| export const ADataSurface3: "rgba(199, 115, 0, 1)"; | ||
| export const ADataSurface3Subtle: "rgba(255, 193, 102, 1)"; | ||
| export const ADataSurface4: "rgba(54, 141, 168, 1)"; | ||
| export const ADataSurface4Subtle: "rgba(102, 203, 236, 1)"; | ||
| export const ADataSurface5: "rgba(42, 167, 88, 1)"; | ||
| export const ADataSurface5Subtle: "rgba(153, 222, 173, 1)"; | ||
| export const ADataSurface6: "rgba(130, 105, 162, 1)"; | ||
| export const ADataSurface6Subtle: "rgba(192, 178, 210, 1)"; | ||
| export const ADataBorder1: "rgba(51, 134, 224, 1)"; | ||
| export const ADataBorder2: "rgba(0, 91, 130, 1)"; | ||
| export const ADataBorder3: "rgba(199, 115, 0, 1)"; | ||
| export const ADataBorder4: "rgba(54, 141, 168, 1)"; | ||
| export const ADataBorder5: "rgba(42, 167, 88, 1)"; | ||
| export const ADataBorder6: "rgba(130, 105, 162, 1)"; | ||
| export const ASpace128: "8rem"; | ||
| export const ASpace96: "6rem"; | ||
| export const ASpace80: "5rem"; | ||
| export const ASpace72: "4.5rem"; | ||
| export const ASpace64: "4rem"; | ||
| export const ASpace56: "3.5rem"; | ||
| export const ASpace48: "3rem"; | ||
| export const ASpace44: "2.75rem"; | ||
| export const ASpace40: "2.5rem"; | ||
| export const ASpace36: "2.25rem"; | ||
| export const ASpace32: "2rem"; | ||
| export const ASpace28: "1.75rem"; | ||
| export const ASpace24: "1.5rem"; | ||
| export const ASpace20: "1.25rem"; | ||
| export const ASpace16: "1rem"; | ||
| export const ASpace12: ".75rem"; | ||
| export const ASpace8: ".5rem"; | ||
| export const ASpace6: ".375rem"; | ||
| export const ASpace4: ".25rem"; | ||
| export const ASpace2: ".125rem"; | ||
| export const ASpace1: ".0625rem"; | ||
| export const ASpace0: "0rem"; | ||
| export const ATransparent: "rgba(255, 255, 255, 0)"; | ||
| export const AWhite: "rgba(255, 255, 255, 1)"; | ||
| export const ANavRed: "rgba(195, 0, 0, 1)"; | ||
| export const AGray50: "rgba(242, 243, 245, 1)"; | ||
| export const AGray100: "rgba(236, 238, 240, 1)"; | ||
| export const AGray200: "rgba(224, 227, 230, 1)"; | ||
| export const AGray300: "rgba(203, 207, 213, 1)"; | ||
| export const AGray400: "rgba(170, 176, 186, 1)"; | ||
| export const AGray500: "rgba(131, 140, 154, 1)"; | ||
| export const AGray600: "rgba(103, 111, 123, 1)"; | ||
| export const AGray700: "rgba(82, 89, 98, 1)"; | ||
| export const AGray800: "rgba(66, 71, 79, 1)"; | ||
| export const AGray900: "rgba(35, 38, 42, 1)"; | ||
| export const AGrayalpha50: "rgba(38, 55, 89, 0.06)"; | ||
| export const AGrayalpha100: "rgba(18, 43, 68, 0.08)"; | ||
| export const AGrayalpha200: "rgba(17, 41, 64, 0.13)"; | ||
| export const AGrayalpha300: "rgba(7, 26, 54, 0.21)"; | ||
| export const AGrayalpha400: "rgba(5, 23, 51, 0.34)"; | ||
| export const AGrayalpha500: "rgba(2, 20, 49, 0.49)"; | ||
| export const AGrayalpha600: "rgba(2, 15, 34, 0.6)"; | ||
| export const AGrayalpha700: "rgba(1, 11, 24, 0.68)"; | ||
| export const AGrayalpha800: "rgba(3, 11, 22, 0.75)"; | ||
| export const AGrayalpha900: "rgba(2, 5, 9, 0.87)"; | ||
| export const ABlue50: "rgba(230, 240, 255, 1)"; | ||
| export const ABlue100: "rgba(204, 225, 255, 1)"; | ||
| export const ABlue200: "rgba(153, 195, 255, 1)"; | ||
| export const ABlue300: "rgba(102, 165, 244, 1)"; | ||
| export const ABlue400: "rgba(51, 134, 224, 1)"; | ||
| export const ABlue500: "rgba(0, 103, 197, 1)"; | ||
| export const ABlue600: "rgba(0, 86, 180, 1)"; | ||
| export const ABlue700: "rgba(0, 69, 156, 1)"; | ||
| export const ABlue800: "rgba(0, 52, 125, 1)"; | ||
| export const ABlue900: "rgba(0, 34, 82, 1)"; | ||
| export const ARed50: "rgba(255, 230, 230, 1)"; | ||
| export const ARed100: "rgba(255, 194, 194, 1)"; | ||
| export const ARed200: "rgba(246, 130, 130, 1)"; | ||
| export const ARed300: "rgba(242, 92, 92, 1)"; | ||
| export const ARed400: "rgba(222, 46, 46, 1)"; | ||
| export const ARed500: "rgba(195, 0, 0, 1)"; | ||
| export const ARed600: "rgba(173, 0, 0, 1)"; | ||
| export const ARed700: "rgba(140, 0, 0, 1)"; | ||
| export const ARed800: "rgba(92, 0, 0, 1)"; | ||
| export const ARed900: "rgba(38, 0, 0, 1)"; | ||
| export const ADeepblue50: "rgba(230, 241, 248, 1)"; | ||
| export const ADeepblue100: "rgba(204, 226, 240, 1)"; | ||
| export const ADeepblue200: "rgba(153, 196, 221, 1)"; | ||
| export const ADeepblue300: "rgba(102, 163, 196, 1)"; | ||
| export const ADeepblue400: "rgba(51, 128, 165, 1)"; | ||
| export const ADeepblue500: "rgba(0, 91, 130, 1)"; | ||
| export const ADeepblue600: "rgba(0, 80, 119, 1)"; | ||
| export const ADeepblue700: "rgba(0, 67, 103, 1)"; | ||
| export const ADeepblue800: "rgba(0, 52, 83, 1)"; | ||
| export const ADeepblue900: "rgba(0, 36, 58, 1)"; | ||
| export const AGreen50: "rgba(243, 252, 245, 1)"; | ||
| export const AGreen100: "rgba(204, 241, 214, 1)"; | ||
| export const AGreen200: "rgba(153, 222, 173, 1)"; | ||
| export const AGreen300: "rgba(102, 199, 134, 1)"; | ||
| export const AGreen400: "rgba(42, 167, 88, 1)"; | ||
| export const AGreen500: "rgba(6, 137, 58, 1)"; | ||
| export const AGreen600: "rgba(0, 124, 46, 1)"; | ||
| export const AGreen700: "rgba(0, 106, 35, 1)"; | ||
| export const AGreen800: "rgba(0, 85, 25, 1)"; | ||
| export const AGreen900: "rgba(0, 59, 15, 1)"; | ||
| export const ALightblue50: "rgba(235, 252, 255, 1)"; | ||
| export const ALightblue100: "rgba(216, 249, 255, 1)"; | ||
| export const ALightblue200: "rgba(181, 241, 255, 1)"; | ||
| export const ALightblue300: "rgba(151, 230, 255, 1)"; | ||
| export const ALightblue400: "rgba(124, 218, 248, 1)"; | ||
| export const ALightblue500: "rgba(102, 203, 236, 1)"; | ||
| export const ALightblue600: "rgba(76, 173, 205, 1)"; | ||
| export const ALightblue700: "rgba(54, 141, 168, 1)"; | ||
| export const ALightblue800: "rgba(35, 107, 125, 1)"; | ||
| export const ALightblue900: "rgba(19, 72, 82, 1)"; | ||
| export const ALimegreen50: "rgba(253, 255, 230, 1)"; | ||
| export const ALimegreen100: "rgba(249, 252, 204, 1)"; | ||
| export const ALimegreen200: "rgba(236, 243, 153, 1)"; | ||
| export const ALimegreen300: "rgba(217, 227, 102, 1)"; | ||
| export const ALimegreen400: "rgba(193, 203, 51, 1)"; | ||
| export const ALimegreen500: "rgba(162, 173, 0, 1)"; | ||
| export const ALimegreen600: "rgba(147, 158, 0, 1)"; | ||
| export const ALimegreen700: "rgba(127, 137, 0, 1)"; | ||
| export const ALimegreen800: "rgba(102, 110, 0, 1)"; | ||
| export const ALimegreen900: "rgba(71, 78, 0, 1)"; | ||
| export const AOrange50: "rgba(255, 249, 240, 1)"; | ||
| export const AOrange100: "rgba(255, 236, 204, 1)"; | ||
| export const AOrange200: "rgba(255, 215, 153, 1)"; | ||
| export const AOrange300: "rgba(255, 193, 102, 1)"; | ||
| export const AOrange400: "rgba(255, 170, 51, 1)"; | ||
| export const AOrange500: "rgba(255, 145, 0, 1)"; | ||
| export const AOrange600: "rgba(199, 115, 0, 1)"; | ||
| export const AOrange700: "rgba(168, 100, 0, 1)"; | ||
| export const AOrange800: "rgba(125, 76, 0, 1)"; | ||
| export const AOrange900: "rgba(82, 51, 0, 1)"; | ||
| export const APurple50: "rgba(239, 236, 244, 1)"; | ||
| export const APurple100: "rgba(224, 216, 233, 1)"; | ||
| export const APurple200: "rgba(192, 178, 210, 1)"; | ||
| export const APurple300: "rgba(161, 141, 187, 1)"; | ||
| export const APurple400: "rgba(130, 105, 162, 1)"; | ||
| export const APurple500: "rgba(99, 70, 137, 1)"; | ||
| export const APurple600: "rgba(82, 56, 116, 1)"; | ||
| export const APurple700: "rgba(65, 43, 93, 1)"; | ||
| export const APurple800: "rgba(48, 31, 70, 1)"; | ||
| export const APurple900: "rgba(31, 20, 47, 1)"; | ||
| export const AShadowFocus: "0 0 0 3px rgba(0, 52, 125, 1)"; | ||
| export const AShadowFocusInverted: "0 0 0 3px rgba(153, 195, 255, 1)"; | ||
| export const AShadowXsmall: "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)"; | ||
| export const AShadowSmall: "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)"; | ||
| export const AShadowMedium: "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)"; | ||
| export const AShadowLarge: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)"; | ||
| export const AShadowXlarge: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)"; | ||
| export const ASpacing0: "0"; | ||
| export const ASpacing1: "0.25rem"; | ||
| export const ASpacing2: "0.5rem"; | ||
| export const ASpacing3: "0.75rem"; | ||
| export const ASpacing4: "1rem"; | ||
| export const ASpacing5: "1.25rem"; | ||
| export const ASpacing6: "1.5rem"; | ||
| export const ASpacing7: "1.75rem"; | ||
| export const ASpacing8: "2rem"; | ||
| export const ASpacing9: "2.25rem"; | ||
| export const ASpacing10: "2.5rem"; | ||
| export const ASpacing11: "2.75rem"; | ||
| export const ASpacing12: "3rem"; | ||
| export const ASpacing14: "3.5rem"; | ||
| export const ASpacing16: "4rem"; | ||
| export const ASpacing18: "4.5rem"; | ||
| export const ASpacing20: "5rem"; | ||
| export const ASpacing24: "6rem"; | ||
| export const ASpacing32: "8rem"; | ||
| export const ASpacing05: "0.125rem"; | ||
| export const ASpacing1Alt: "0.375rem"; | ||
| export const ABreakpointXs : "0"; | ||
| export const ABreakpointSm : "480px"; | ||
| export const ABreakpointSmDown : "479px"; | ||
| export const ABreakpointMd : "768px"; | ||
| export const ABreakpointMdDown : "767px"; | ||
| export const ABreakpointLg : "1024px"; | ||
| export const ABreakpointLgDown : "1023px"; | ||
| export const ABreakpointXl : "1280px"; | ||
| export const ABreakpointXlDown : "1279px"; | ||
| export const ABreakpoint2xl : "1440px"; | ||
| export const ABreakpoint2xlDown : "1439px"; | ||
| export const ATextWidthMax : "576px"; | ||
| export const AFontFamily : "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif"; | ||
| export const AFontLineHeightHeading2xlarge : "3.25rem"; | ||
| export const AFontLineHeightHeadingXlarge : "2.5rem"; | ||
| export const AFontLineHeightHeadingLarge : "2.25rem"; | ||
| export const AFontLineHeightHeadingMedium : "2rem"; | ||
| export const AFontLineHeightHeadingSmall : "1.75rem"; | ||
| export const AFontLineHeightHeadingXsmall : "1.5rem"; | ||
| export const AFontLineHeightXlarge : "1.75rem"; | ||
| export const AFontLineHeightLarge : "1.5rem"; | ||
| export const AFontLineHeightMedium : "1.25rem"; | ||
| export const AFontSizeHeading2xlarge : "2.5rem"; | ||
| export const AFontSizeHeadingXlarge : "2rem"; | ||
| export const AFontSizeHeadingLarge : "1.75rem"; | ||
| export const AFontSizeHeadingMedium : "1.5rem"; | ||
| export const AFontSizeHeadingSmall : "1.25rem"; | ||
| export const AFontSizeHeadingXsmall : "1.125rem"; | ||
| export const AFontSizeXlarge : "1.25rem"; | ||
| export const AFontSizeLarge : "1.125rem"; | ||
| export const AFontSizeMedium : "1rem"; | ||
| export const AFontSizeSmall : "0.875rem"; | ||
| export const AFontWeightBold : "600"; | ||
| export const AFontWeightRegular : "400"; | ||
| export const AZIndexPopover : number; | ||
| export const AZIndexFocus : number; | ||
| export const AZIndexTooltip : number; | ||
| export const ABorderRadiusSmall : "2px"; | ||
| export const ABorderRadiusMedium : "4px"; | ||
| export const ABorderRadiusLarge : "8px"; | ||
| export const ABorderRadiusXlarge : "12px"; | ||
| export const ABorderRadiusFull : "9999px"; | ||
| export const ABgDefault : "rgba(255, 255, 255, 1)"; | ||
| export const ABgSubtle : "rgba(236, 238, 240, 1)"; | ||
| export const ABorderSubtleHover : "rgba(5, 23, 51, 0.34)"; | ||
| export const ABorderDefault : "rgba(2, 20, 49, 0.49)"; | ||
| export const ABorderStrong : "rgba(1, 11, 24, 0.68)"; | ||
| export const ABorderDivider : "rgba(7, 26, 54, 0.21)"; | ||
| export const ABorderSubtle : "rgba(7, 26, 54, 0.21)"; | ||
| export const ABorderActionSelected : "rgba(0, 69, 156, 1)"; | ||
| export const ABorderActionHover : "rgba(0, 86, 180, 1)"; | ||
| export const ABorderAction : "rgba(0, 103, 197, 1)"; | ||
| export const ABorderSelected : "rgba(0, 103, 197, 1)"; | ||
| export const ABorderSuccess : "rgba(6, 137, 58, 1)"; | ||
| export const ABorderDanger : "rgba(195, 0, 0, 1)"; | ||
| export const ABorderWarning : "rgba(199, 115, 0, 1)"; | ||
| export const ABorderInfo : "rgba(54, 141, 168, 1)"; | ||
| export const ABorderFocusOnInverted : "rgba(153, 195, 255, 1)"; | ||
| export const ABorderFocus : "rgba(0, 52, 125, 1)"; | ||
| export const ABorderOnInverted : "rgba(224, 227, 230, 1)"; | ||
| export const ABorderOnInvertedSubtle : "rgba(82, 89, 98, 1)"; | ||
| export const ABorderAlt1 : "rgba(130, 105, 162, 1)"; | ||
| export const ABorderAlt2 : "rgba(127, 137, 0, 1)"; | ||
| export const ABorderAlt3 : "rgba(0, 91, 130, 1)"; | ||
| export const AIconDefault : "rgba(35, 38, 42, 1)"; | ||
| export const AIconSubtle : "rgba(1, 11, 24, 0.68)"; | ||
| export const AIconActionSelected : "rgba(0, 69, 156, 1)"; | ||
| export const AIconActionHover : "rgba(0, 86, 180, 1)"; | ||
| export const AIconActionOnActionSubtle : "rgba(0, 86, 180, 1)"; | ||
| export const AIconAction : "rgba(0, 103, 197, 1)"; | ||
| export const AIconSuccess : "rgba(6, 137, 58, 1)"; | ||
| export const AIconDanger : "rgba(195, 0, 0, 1)"; | ||
| export const AIconWarning : "rgba(199, 115, 0, 1)"; | ||
| export const AIconInfo : "rgba(35, 107, 125, 1)"; | ||
| export const AIconAlt1 : "rgba(99, 70, 137, 1)"; | ||
| export const AIconAlt2 : "rgba(127, 137, 0, 1)"; | ||
| export const AIconAlt3 : "rgba(0, 91, 130, 1)"; | ||
| export const AIconOnNeutral : "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnInverted : "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnAction : "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnSuccess : "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnDanger : "rgba(255, 255, 255, 1)"; | ||
| export const AIconOnWarning : "rgba(35, 38, 42, 1)"; | ||
| export const AIconOnInfo : "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceHover : "rgba(18, 43, 68, 0.08)"; | ||
| export const ASurfaceActive : "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceInvertedHover : "rgba(66, 71, 79, 1)"; | ||
| export const ASurfaceInvertedActive : "rgba(82, 89, 98, 1)"; | ||
| export const ASurfaceActionSubtleHover : "rgba(204, 225, 255, 1)"; | ||
| export const ASurfaceActionHover : "rgba(0, 86, 180, 1)"; | ||
| export const ASurfaceActionActive : "rgba(0, 69, 156, 1)"; | ||
| export const ASurfaceActionSelectedHover : "rgba(0, 52, 125, 1)"; | ||
| export const ASurfaceNeutralSubtleHover : "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceNeutralActive : "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceNeutralHover : "rgba(66, 71, 79, 1)"; | ||
| export const ASurfaceSuccessSubtleHover : "rgba(153, 222, 173, 1)"; | ||
| export const ASurfaceSuccessHover : "rgba(0, 124, 46, 1)"; | ||
| export const ASurfaceDangerSubtleHover : "rgba(246, 130, 130, 1)"; | ||
| export const ASurfaceDangerHover : "rgba(173, 0, 0, 1)"; | ||
| export const ASurfaceDangerActive : "rgba(140, 0, 0, 1)"; | ||
| export const ASurfaceWarningSubtleHover : "rgba(255, 215, 153, 1)"; | ||
| export const ASurfaceInfoSubtleHover : "rgba(181, 241, 255, 1)"; | ||
| export const ASurfaceDefault : "rgba(255, 255, 255, 1)"; | ||
| export const ASurfaceSelected : "rgba(230, 240, 255, 1)"; | ||
| export const ASurfaceSubtle : "rgba(242, 243, 245, 1)"; | ||
| export const ASurfaceTransparent : "rgba(255, 255, 255, 0)"; | ||
| export const ASurfaceBackdrop : "rgba(2, 20, 49, 0.49)"; | ||
| export const ASurfaceInverted : "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceActionSubtle : "rgba(230, 240, 255, 1)"; | ||
| export const ASurfaceActionSelected : "rgba(0, 69, 156, 1)"; | ||
| export const ASurfaceAction : "rgba(0, 103, 197, 1)"; | ||
| export const ASurfaceNeutralSubtle : "rgba(18, 43, 68, 0.08)"; | ||
| export const ASurfaceNeutralModerate : "rgba(17, 41, 64, 0.13)"; | ||
| export const ASurfaceNeutralSelected : "rgba(35, 38, 42, 1)"; | ||
| export const ASurfaceNeutral : "rgba(82, 89, 98, 1)"; | ||
| export const ASurfaceSuccessSubtle : "rgba(204, 241, 214, 1)"; | ||
| export const ASurfaceSuccessModerate : "rgba(153, 222, 173, 1)"; | ||
| export const ASurfaceSuccess : "rgba(6, 137, 58, 1)"; | ||
| export const ASurfaceDangerSubtle : "rgba(255, 194, 194, 1)"; | ||
| export const ASurfaceDangerModerate : "rgba(246, 130, 130, 1)"; | ||
| export const ASurfaceDanger : "rgba(195, 0, 0, 1)"; | ||
| export const ASurfaceWarningSubtle : "rgba(255, 236, 204, 1)"; | ||
| export const ASurfaceWarningModerate : "rgba(255, 215, 153, 1)"; | ||
| export const ASurfaceWarning : "rgba(255, 145, 0, 1)"; | ||
| export const ASurfaceInfoSubtle : "rgba(216, 249, 255, 1)"; | ||
| export const ASurfaceInfoModerate : "rgba(181, 241, 255, 1)"; | ||
| export const ASurfaceInfo : "rgba(102, 203, 236, 1)"; | ||
| export const ASurfaceAlt1Subtle : "rgba(224, 216, 233, 1)"; | ||
| export const ASurfaceAlt1Moderate : "rgba(192, 178, 210, 1)"; | ||
| export const ASurfaceAlt1 : "rgba(130, 105, 162, 1)"; | ||
| export const ASurfaceAlt2Subtle : "rgba(249, 252, 204, 1)"; | ||
| export const ASurfaceAlt2Moderate : "rgba(236, 243, 153, 1)"; | ||
| export const ASurfaceAlt2 : "rgba(193, 203, 51, 1)"; | ||
| export const ASurfaceAlt3Subtle : "rgba(204, 226, 240, 1)"; | ||
| export const ASurfaceAlt3Moderate : "rgba(153, 196, 221, 1)"; | ||
| export const ASurfaceAlt3Strong : "rgba(0, 52, 83, 1)"; | ||
| export const ASurfaceAlt3 : "rgba(0, 91, 130, 1)"; | ||
| export const ATextDefault : "rgba(35, 38, 42, 1)"; | ||
| export const ATextSubtle : "rgba(1, 11, 24, 0.68)"; | ||
| export const ATextVisited : "rgba(99, 70, 137, 1)"; | ||
| export const ATextDanger : "rgba(195, 0, 0, 1)"; | ||
| export const ATextActionSelected : "rgba(0, 69, 156, 1)"; | ||
| export const ATextActionHover : "rgba(0, 86, 180, 1)"; | ||
| export const ATextActionOnActionSubtle : "rgba(0, 86, 180, 1)"; | ||
| export const ATextAction : "rgba(0, 103, 197, 1)"; | ||
| export const ATextOnInverted : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnNeutral : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnAction : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnSuccess : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnDanger : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnWarning : "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnInfo : "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnAlt1 : "rgba(255, 255, 255, 1)"; | ||
| export const ATextOnAlt2 : "rgba(35, 38, 42, 1)"; | ||
| export const ATextOnAlt3 : "rgba(255, 255, 255, 1)"; | ||
| export const ADataSurface1 : "rgba(51, 134, 224, 1)"; | ||
| export const ADataSurface1Subtle : "rgba(204, 225, 255, 1)"; | ||
| export const ADataSurface2 : "rgba(0, 91, 130, 1)"; | ||
| export const ADataSurface2Subtle : "rgba(153, 196, 221, 1)"; | ||
| export const ADataSurface3 : "rgba(199, 115, 0, 1)"; | ||
| export const ADataSurface3Subtle : "rgba(255, 193, 102, 1)"; | ||
| export const ADataSurface4 : "rgba(54, 141, 168, 1)"; | ||
| export const ADataSurface4Subtle : "rgba(102, 203, 236, 1)"; | ||
| export const ADataSurface5 : "rgba(42, 167, 88, 1)"; | ||
| export const ADataSurface5Subtle : "rgba(153, 222, 173, 1)"; | ||
| export const ADataSurface6 : "rgba(130, 105, 162, 1)"; | ||
| export const ADataSurface6Subtle : "rgba(192, 178, 210, 1)"; | ||
| export const ADataBorder1 : "rgba(51, 134, 224, 1)"; | ||
| export const ADataBorder2 : "rgba(0, 91, 130, 1)"; | ||
| export const ADataBorder3 : "rgba(199, 115, 0, 1)"; | ||
| export const ADataBorder4 : "rgba(54, 141, 168, 1)"; | ||
| export const ADataBorder5 : "rgba(42, 167, 88, 1)"; | ||
| export const ADataBorder6 : "rgba(130, 105, 162, 1)"; | ||
| export const ASpace128 : "8rem"; | ||
| export const ASpace96 : "6rem"; | ||
| export const ASpace80 : "5rem"; | ||
| export const ASpace72 : "4.5rem"; | ||
| export const ASpace64 : "4rem"; | ||
| export const ASpace56 : "3.5rem"; | ||
| export const ASpace48 : "3rem"; | ||
| export const ASpace44 : "2.75rem"; | ||
| export const ASpace40 : "2.5rem"; | ||
| export const ASpace36 : "2.25rem"; | ||
| export const ASpace32 : "2rem"; | ||
| export const ASpace28 : "1.75rem"; | ||
| export const ASpace24 : "1.5rem"; | ||
| export const ASpace20 : "1.25rem"; | ||
| export const ASpace16 : "1rem"; | ||
| export const ASpace12 : ".75rem"; | ||
| export const ASpace8 : ".5rem"; | ||
| export const ASpace6 : ".375rem"; | ||
| export const ASpace4 : ".25rem"; | ||
| export const ASpace2 : ".125rem"; | ||
| export const ASpace1 : ".0625rem"; | ||
| export const ASpace0 : "0rem"; | ||
| export const ATransparent : "rgba(255, 255, 255, 0)"; | ||
| export const AWhite : "rgba(255, 255, 255, 1)"; | ||
| export const ANavRed : "rgba(195, 0, 0, 1)"; | ||
| export const AGray50 : "rgba(242, 243, 245, 1)"; | ||
| export const AGray100 : "rgba(236, 238, 240, 1)"; | ||
| export const AGray200 : "rgba(224, 227, 230, 1)"; | ||
| export const AGray300 : "rgba(203, 207, 213, 1)"; | ||
| export const AGray400 : "rgba(170, 176, 186, 1)"; | ||
| export const AGray500 : "rgba(131, 140, 154, 1)"; | ||
| export const AGray600 : "rgba(103, 111, 123, 1)"; | ||
| export const AGray700 : "rgba(82, 89, 98, 1)"; | ||
| export const AGray800 : "rgba(66, 71, 79, 1)"; | ||
| export const AGray900 : "rgba(35, 38, 42, 1)"; | ||
| export const AGrayalpha50 : "rgba(38, 55, 89, 0.06)"; | ||
| export const AGrayalpha100 : "rgba(18, 43, 68, 0.08)"; | ||
| export const AGrayalpha200 : "rgba(17, 41, 64, 0.13)"; | ||
| export const AGrayalpha300 : "rgba(7, 26, 54, 0.21)"; | ||
| export const AGrayalpha400 : "rgba(5, 23, 51, 0.34)"; | ||
| export const AGrayalpha500 : "rgba(2, 20, 49, 0.49)"; | ||
| export const AGrayalpha600 : "rgba(2, 15, 34, 0.6)"; | ||
| export const AGrayalpha700 : "rgba(1, 11, 24, 0.68)"; | ||
| export const AGrayalpha800 : "rgba(3, 11, 22, 0.75)"; | ||
| export const AGrayalpha900 : "rgba(2, 5, 9, 0.87)"; | ||
| export const ABlue50 : "rgba(230, 240, 255, 1)"; | ||
| export const ABlue100 : "rgba(204, 225, 255, 1)"; | ||
| export const ABlue200 : "rgba(153, 195, 255, 1)"; | ||
| export const ABlue300 : "rgba(102, 165, 244, 1)"; | ||
| export const ABlue400 : "rgba(51, 134, 224, 1)"; | ||
| export const ABlue500 : "rgba(0, 103, 197, 1)"; | ||
| export const ABlue600 : "rgba(0, 86, 180, 1)"; | ||
| export const ABlue700 : "rgba(0, 69, 156, 1)"; | ||
| export const ABlue800 : "rgba(0, 52, 125, 1)"; | ||
| export const ABlue900 : "rgba(0, 34, 82, 1)"; | ||
| export const ARed50 : "rgba(255, 230, 230, 1)"; | ||
| export const ARed100 : "rgba(255, 194, 194, 1)"; | ||
| export const ARed200 : "rgba(246, 130, 130, 1)"; | ||
| export const ARed300 : "rgba(242, 92, 92, 1)"; | ||
| export const ARed400 : "rgba(222, 46, 46, 1)"; | ||
| export const ARed500 : "rgba(195, 0, 0, 1)"; | ||
| export const ARed600 : "rgba(173, 0, 0, 1)"; | ||
| export const ARed700 : "rgba(140, 0, 0, 1)"; | ||
| export const ARed800 : "rgba(92, 0, 0, 1)"; | ||
| export const ARed900 : "rgba(38, 0, 0, 1)"; | ||
| export const ADeepblue50 : "rgba(230, 241, 248, 1)"; | ||
| export const ADeepblue100 : "rgba(204, 226, 240, 1)"; | ||
| export const ADeepblue200 : "rgba(153, 196, 221, 1)"; | ||
| export const ADeepblue300 : "rgba(102, 163, 196, 1)"; | ||
| export const ADeepblue400 : "rgba(51, 128, 165, 1)"; | ||
| export const ADeepblue500 : "rgba(0, 91, 130, 1)"; | ||
| export const ADeepblue600 : "rgba(0, 80, 119, 1)"; | ||
| export const ADeepblue700 : "rgba(0, 67, 103, 1)"; | ||
| export const ADeepblue800 : "rgba(0, 52, 83, 1)"; | ||
| export const ADeepblue900 : "rgba(0, 36, 58, 1)"; | ||
| export const AGreen50 : "rgba(243, 252, 245, 1)"; | ||
| export const AGreen100 : "rgba(204, 241, 214, 1)"; | ||
| export const AGreen200 : "rgba(153, 222, 173, 1)"; | ||
| export const AGreen300 : "rgba(102, 199, 134, 1)"; | ||
| export const AGreen400 : "rgba(42, 167, 88, 1)"; | ||
| export const AGreen500 : "rgba(6, 137, 58, 1)"; | ||
| export const AGreen600 : "rgba(0, 124, 46, 1)"; | ||
| export const AGreen700 : "rgba(0, 106, 35, 1)"; | ||
| export const AGreen800 : "rgba(0, 85, 25, 1)"; | ||
| export const AGreen900 : "rgba(0, 59, 15, 1)"; | ||
| export const ALightblue50 : "rgba(235, 252, 255, 1)"; | ||
| export const ALightblue100 : "rgba(216, 249, 255, 1)"; | ||
| export const ALightblue200 : "rgba(181, 241, 255, 1)"; | ||
| export const ALightblue300 : "rgba(151, 230, 255, 1)"; | ||
| export const ALightblue400 : "rgba(124, 218, 248, 1)"; | ||
| export const ALightblue500 : "rgba(102, 203, 236, 1)"; | ||
| export const ALightblue600 : "rgba(76, 173, 205, 1)"; | ||
| export const ALightblue700 : "rgba(54, 141, 168, 1)"; | ||
| export const ALightblue800 : "rgba(35, 107, 125, 1)"; | ||
| export const ALightblue900 : "rgba(19, 72, 82, 1)"; | ||
| export const ALimegreen50 : "rgba(253, 255, 230, 1)"; | ||
| export const ALimegreen100 : "rgba(249, 252, 204, 1)"; | ||
| export const ALimegreen200 : "rgba(236, 243, 153, 1)"; | ||
| export const ALimegreen300 : "rgba(217, 227, 102, 1)"; | ||
| export const ALimegreen400 : "rgba(193, 203, 51, 1)"; | ||
| export const ALimegreen500 : "rgba(162, 173, 0, 1)"; | ||
| export const ALimegreen600 : "rgba(147, 158, 0, 1)"; | ||
| export const ALimegreen700 : "rgba(127, 137, 0, 1)"; | ||
| export const ALimegreen800 : "rgba(102, 110, 0, 1)"; | ||
| export const ALimegreen900 : "rgba(71, 78, 0, 1)"; | ||
| export const AOrange50 : "rgba(255, 249, 240, 1)"; | ||
| export const AOrange100 : "rgba(255, 236, 204, 1)"; | ||
| export const AOrange200 : "rgba(255, 215, 153, 1)"; | ||
| export const AOrange300 : "rgba(255, 193, 102, 1)"; | ||
| export const AOrange400 : "rgba(255, 170, 51, 1)"; | ||
| export const AOrange500 : "rgba(255, 145, 0, 1)"; | ||
| export const AOrange600 : "rgba(199, 115, 0, 1)"; | ||
| export const AOrange700 : "rgba(168, 100, 0, 1)"; | ||
| export const AOrange800 : "rgba(125, 76, 0, 1)"; | ||
| export const AOrange900 : "rgba(82, 51, 0, 1)"; | ||
| export const APurple50 : "rgba(239, 236, 244, 1)"; | ||
| export const APurple100 : "rgba(224, 216, 233, 1)"; | ||
| export const APurple200 : "rgba(192, 178, 210, 1)"; | ||
| export const APurple300 : "rgba(161, 141, 187, 1)"; | ||
| export const APurple400 : "rgba(130, 105, 162, 1)"; | ||
| export const APurple500 : "rgba(99, 70, 137, 1)"; | ||
| export const APurple600 : "rgba(82, 56, 116, 1)"; | ||
| export const APurple700 : "rgba(65, 43, 93, 1)"; | ||
| export const APurple800 : "rgba(48, 31, 70, 1)"; | ||
| export const APurple900 : "rgba(31, 20, 47, 1)"; | ||
| export const AShadowFocus : "0 0 0 3px rgba(0, 52, 125, 1)"; | ||
| export const AShadowFocusInverted : "0 0 0 3px rgba(153, 195, 255, 1)"; | ||
| export const AShadowXsmall : "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)"; | ||
| export const AShadowSmall : "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)"; | ||
| export const AShadowMedium : "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)"; | ||
| export const AShadowLarge : "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)"; | ||
| export const AShadowXlarge : "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)"; | ||
| export const ASpacing0 : "0"; | ||
| export const ASpacing1 : "0.25rem"; | ||
| export const ASpacing2 : "0.5rem"; | ||
| export const ASpacing3 : "0.75rem"; | ||
| export const ASpacing4 : "1rem"; | ||
| export const ASpacing5 : "1.25rem"; | ||
| export const ASpacing6 : "1.5rem"; | ||
| export const ASpacing7 : "1.75rem"; | ||
| export const ASpacing8 : "2rem"; | ||
| export const ASpacing9 : "2.25rem"; | ||
| export const ASpacing10 : "2.5rem"; | ||
| export const ASpacing11 : "2.75rem"; | ||
| export const ASpacing12 : "3rem"; | ||
| export const ASpacing14 : "3.5rem"; | ||
| export const ASpacing16 : "4rem"; | ||
| export const ASpacing18 : "4.5rem"; | ||
| export const ASpacing20 : "5rem"; | ||
| export const ASpacing24 : "6rem"; | ||
| export const ASpacing32 : "8rem"; | ||
| export const ASpacing05 : "0.125rem"; | ||
| export const ASpacing1Alt : "0.375rem"; |
@@ -17,4 +17,3 @@ /** | ||
| export const ATextWidthMax = "576px"; | ||
| export const AFontFamily = | ||
| "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif"; | ||
| export const AFontFamily = "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif"; | ||
| export const AFontLineHeightHeading2xlarge = "3.25rem"; | ||
@@ -307,12 +306,7 @@ export const AFontLineHeightHeadingXlarge = "2.5rem"; | ||
| export const AShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)"; | ||
| export const AShadowXsmall = | ||
| "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)"; | ||
| export const AShadowSmall = | ||
| "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)"; | ||
| export const AShadowMedium = | ||
| "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)"; | ||
| export const AShadowLarge = | ||
| "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)"; | ||
| export const AShadowXlarge = | ||
| "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)"; | ||
| export const AShadowXsmall = "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)"; | ||
| export const AShadowSmall = "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)"; | ||
| export const AShadowMedium = "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)"; | ||
| export const AShadowLarge = "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)"; | ||
| export const AShadowXlarge = "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)"; | ||
| export const ASpacing0 = "0"; | ||
@@ -319,0 +313,0 @@ export const ASpacing1 = "0.25rem"; |
| { | ||
| "name": "@navikt/ds-tokens", | ||
| "version": "7.11.0", | ||
| "version": "7.12.0", | ||
| "description": "Design-tokens for Nav designsystem", | ||
@@ -65,11 +65,4 @@ "author": "Aksel | Nav designsystem team", | ||
| "./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" | ||
| "./darkside-less": "./dist/darkside/tokens.less" | ||
| } | ||
| } |
47
types.ts
@@ -10,11 +10,11 @@ export type ColorTheme = "light" | "dark"; | ||
| "info", | ||
| "brand-1", | ||
| "brand-2", | ||
| "brand-3", | ||
| "meta-1", | ||
| "meta-2", | ||
| "brand-magenta", | ||
| "brand-beige", | ||
| "brand-blue", | ||
| "meta-purple", | ||
| "meta-lime", | ||
| ] as const; | ||
| export type GlobalColorRoles = (typeof ColorRolesList)[number]; | ||
| export type SemanticColorRoles = Exclude<GlobalColorRoles, "neutral">; | ||
| export type SemanticColorRoles = GlobalColorRoles; | ||
@@ -52,19 +52,4 @@ export type GlobalColorScale = | ||
| | "sunken" | ||
| | "overlay" | ||
| | "soft" | ||
| | "softA" | ||
| | "moderate" | ||
| | "moderateA" | ||
| | "strong"; | ||
| | "overlay"; | ||
| export type StatefulDefaultBgKeys = | ||
| | "hover" | ||
| | "hoverA" | ||
| | "moderate-hover" | ||
| | "moderate-hoverA" | ||
| | "moderate-pressed" | ||
| | "moderate-pressedA" | ||
| | "strong-hover" | ||
| | "strong-pressed"; | ||
| export type StaticBgKeys = | ||
@@ -78,4 +63,2 @@ | `${SemanticColorRoles}-soft` | ||
| export type StatefulBgKeys = | ||
| | `${SemanticColorRoles}-hover` | ||
| | `${SemanticColorRoles}-hoverA` | ||
| | `${SemanticColorRoles}-moderate-hover` | ||
@@ -88,21 +71,11 @@ | `${SemanticColorRoles}-moderate-hoverA` | ||
| export type DefaultTextColorKeys = | ||
| | "default" | ||
| | "subtle" | ||
| | "icon" | ||
| | "logo" | ||
| | "contrast"; | ||
| export type DefaultTextColorKeys = "logo"; | ||
| export type TextColorKeys = | ||
| | SemanticColorRoles | ||
| | `${SemanticColorRoles}-strong` | ||
| | `${SemanticColorRoles}-subtle` | ||
| | `${SemanticColorRoles}-icon` | ||
| | `${SemanticColorRoles}-contrast`; | ||
| export type BorderColorKeys = | ||
| | "default" | ||
| | "subtle" | ||
| | "subtleA" | ||
| | "strong" | ||
| | "focus"; | ||
| export type BorderColorKeys = "focus"; | ||
@@ -109,0 +82,0 @@ export type BorderColorWithRoleKeys = |
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
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
Worsened metrics
- Total package byte prevSize
- decreased by-18.74%
335500
- Number of package files
- decreased by-12.82%
34
- Lines of code
- decreased by-20.86%
6012
No dependency changes