/** * Do not edit directly, this file was auto-generated. */ /** * Brukes som box-shadow på eleverte elementer som modaler og popovers. */ export const ShadowDialog = "var(--ax-shadow-dialog)"; /** * Brukes for å sette opacity på deaktiverte elementer. */ export const OpacityDisabled = "var(--ax-opacity-disabled)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgNeutralSoft = "var(--ax-bg-neutral-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgNeutralSoftA = "var(--ax-bg-neutral-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgNeutralModerate = "var(--ax-bg-neutral-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgNeutralModerateA = "var(--ax-bg-neutral-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgNeutralModerateHover = "var(--ax-bg-neutral-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgNeutralModerateHoverA = "var(--ax-bg-neutral-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgNeutralModeratePressed = "var(--ax-bg-neutral-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgNeutralModeratePressedA = "var(--ax-bg-neutral-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button neutral primary). */ export const BgNeutralStrong = "var(--ax-bg-neutral-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral primary hover). */ export const BgNeutralStrongHover = "var(--ax-bg-neutral-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral primary active). */ export const BgNeutralStrongPressed = "var(--ax-bg-neutral-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgAccentSoft = "var(--ax-bg-accent-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgAccentSoftA = "var(--ax-bg-accent-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgAccentModerate = "var(--ax-bg-accent-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgAccentModerateA = "var(--ax-bg-accent-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgAccentModerateHover = "var(--ax-bg-accent-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgAccentModerateHoverA = "var(--ax-bg-accent-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgAccentModeratePressed = "var(--ax-bg-accent-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgAccentModeratePressedA = "var(--ax-bg-accent-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button accent primary). */ export const BgAccentStrong = "var(--ax-bg-accent-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent primary hover). */ export const BgAccentStrongHover = "var(--ax-bg-accent-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent primary active). */ export const BgAccentStrongPressed = "var(--ax-bg-accent-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgSuccessSoft = "var(--ax-bg-success-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgSuccessSoftA = "var(--ax-bg-success-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert success). */ export const BgSuccessModerate = "var(--ax-bg-success-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgSuccessModerateA = "var(--ax-bg-success-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgSuccessModerateHover = "var(--ax-bg-success-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgSuccessModerateHoverA = "var(--ax-bg-success-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgSuccessModeratePressed = "var(--ax-bg-success-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgSuccessModeratePressedA = "var(--ax-bg-success-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgSuccessStrong = "var(--ax-bg-success-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgSuccessStrongHover = "var(--ax-bg-success-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgSuccessStrongPressed = "var(--ax-bg-success-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgWarningSoft = "var(--ax-bg-warning-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgWarningSoftA = "var(--ax-bg-warning-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert warning). */ export const BgWarningModerate = "var(--ax-bg-warning-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgWarningModerateA = "var(--ax-bg-warning-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgWarningModerateHover = "var(--ax-bg-warning-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgWarningModerateHoverA = "var(--ax-bg-warning-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgWarningModeratePressed = "var(--ax-bg-warning-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgWarningModeratePressedA = "var(--ax-bg-warning-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgWarningStrong = "var(--ax-bg-warning-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgWarningStrongHover = "var(--ax-bg-warning-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgWarningStrongPressed = "var(--ax-bg-warning-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgDangerSoft = "var(--ax-bg-danger-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgDangerSoftA = "var(--ax-bg-danger-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert error). */ export const BgDangerModerate = "var(--ax-bg-danger-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgDangerModerateA = "var(--ax-bg-danger-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgDangerModerateHover = "var(--ax-bg-danger-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgDangerModerateHoverA = "var(--ax-bg-danger-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgDangerModeratePressed = "var(--ax-bg-danger-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgDangerModeratePressedA = "var(--ax-bg-danger-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button danger primary). */ export const BgDangerStrong = "var(--ax-bg-danger-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button danger primary hover). */ export const BgDangerStrongHover = "var(--ax-bg-danger-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button danger primary active). */ export const BgDangerStrongPressed = "var(--ax-bg-danger-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgInfoSoft = "var(--ax-bg-info-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgInfoSoftA = "var(--ax-bg-info-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert info). */ export const BgInfoModerate = "var(--ax-bg-info-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgInfoModerateA = "var(--ax-bg-info-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgInfoModerateHover = "var(--ax-bg-info-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgInfoModerateHoverA = "var(--ax-bg-info-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgInfoModeratePressed = "var(--ax-bg-info-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgInfoModeratePressedA = "var(--ax-bg-info-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgInfoStrong = "var(--ax-bg-info-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgInfoStrongHover = "var(--ax-bg-info-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgBrandMagentaSoft = "var(--ax-bg-brand-magenta-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgBrandMagentaSoftA = "var(--ax-bg-brand-magenta-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgBrandMagentaModerate = "var(--ax-bg-brand-magenta-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandMagentaModerateA = "var(--ax-bg-brand-magenta-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandMagentaModerateHover = "var(--ax-bg-brand-magenta-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandMagentaModerateHoverA = "var(--ax-bg-brand-magenta-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandMagentaModeratePressed = "var(--ax-bg-brand-magenta-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandMagentaModeratePressedA = "var(--ax-bg-brand-magenta-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgBrandMagentaStrong = "var(--ax-bg-brand-magenta-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgBrandMagentaStrongHover = "var(--ax-bg-brand-magenta-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgBrandMagentaStrongPressed = "var(--ax-bg-brand-magenta-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgBrandBeigeSoft = "var(--ax-bg-brand-beige-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgBrandBeigeSoftA = "var(--ax-bg-brand-beige-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgBrandBeigeModerate = "var(--ax-bg-brand-beige-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBeigeModerateA = "var(--ax-bg-brand-beige-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandBeigeModerateHover = "var(--ax-bg-brand-beige-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBeigeModerateHoverA = "var(--ax-bg-brand-beige-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandBeigeModeratePressed = "var(--ax-bg-brand-beige-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBeigeModeratePressedA = "var(--ax-bg-brand-beige-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgBrandBeigeStrong = "var(--ax-bg-brand-beige-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgBrandBeigeStrongHover = "var(--ax-bg-brand-beige-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgBrandBeigeStrongPressed = "var(--ax-bg-brand-beige-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgBrandBlueSoft = "var(--ax-bg-brand-blue-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgBrandBlueSoftA = "var(--ax-bg-brand-blue-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgBrandBlueModerate = "var(--ax-bg-brand-blue-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBlueModerateA = "var(--ax-bg-brand-blue-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandBlueModerateHover = "var(--ax-bg-brand-blue-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBlueModerateHoverA = "var(--ax-bg-brand-blue-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgBrandBlueModeratePressed = "var(--ax-bg-brand-blue-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgBrandBlueModeratePressedA = "var(--ax-bg-brand-blue-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgBrandBlueStrong = "var(--ax-bg-brand-blue-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgBrandBlueStrongHover = "var(--ax-bg-brand-blue-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgBrandBlueStrongPressed = "var(--ax-bg-brand-blue-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgMetaPurpleSoft = "var(--ax-bg-meta-purple-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgMetaPurpleSoftA = "var(--ax-bg-meta-purple-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgMetaPurpleModerate = "var(--ax-bg-meta-purple-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaPurpleModerateA = "var(--ax-bg-meta-purple-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgMetaPurpleModerateHover = "var(--ax-bg-meta-purple-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaPurpleModerateHoverA = "var(--ax-bg-meta-purple-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgMetaPurpleModeratePressed = "var(--ax-bg-meta-purple-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaPurpleModeratePressedA = "var(--ax-bg-meta-purple-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgMetaPurpleStrong = "var(--ax-bg-meta-purple-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgMetaPurpleStrongHover = "var(--ax-bg-meta-purple-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgMetaPurpleStrongPressed = "var(--ax-bg-meta-purple-strong-pressed)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. */ export const BgMetaLimeSoft = "var(--ax-bg-meta-lime-soft)"; /** * En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig. */ export const BgMetaLimeSoftA = "var(--ax-bg-meta-lime-softA)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. */ export const BgMetaLimeModerate = "var(--ax-bg-meta-lime-moderate)"; /** * En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaLimeModerateA = "var(--ax-bg-meta-lime-moderateA)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgMetaLimeModerateHover = "var(--ax-bg-meta-lime-moderate-hover)"; /** * En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaLimeModerateHoverA = "var(--ax-bg-meta-lime-moderate-hoverA)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. */ export const BgMetaLimeModeratePressed = "var(--ax-bg-meta-lime-moderate-pressed)"; /** * En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig. */ export const BgMetaLimeModeratePressedA = "var(--ax-bg-meta-lime-moderate-pressedA)"; /** * En sterk bakgrunnsfarge som brukes på meningsbærende elementer. */ export const BgMetaLimeStrong = "var(--ax-bg-meta-lime-strong)"; /** * En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. */ export const BgMetaLimeStrongHover = "var(--ax-bg-meta-lime-strong-hover)"; /** * En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. */ export const BgMetaLimeStrongPressed = "var(--ax-bg-meta-lime-strong-pressed)"; /** * Standard bakgrunnsfarge */ export const BgDefault = "var(--ax-bg-default)"; /** * Bakgrunnsfargen som brukes på input-elementer (tekstfelt, sjekkbokser, o.l.) */ export const BgInput = "var(--ax-bg-input)"; /** * Bakgrunnsfarge på bokser som svever eller som skal fremheves i darkmode. F.eks. Card. */ export const BgRaised = "var(--ax-bg-raised)"; /** * Bakgrunnsfarge på en side eller deler av en side som fremstår nedsunket, dvs. «lavere» enn standard bakgrunn. */ export const BgSunken = "var(--ax-bg-sunken)"; /** * Fargen på det mørke gjennomsiktige laget som legges oppå en side når en modal åpnes. */ export const BgOverlay = "var(--ax-bg-overlay)"; /** * Standard farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong. */ export const TextNeutral = "var(--ax-text-neutral)"; /** * En nedtonet farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong. */ export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextNeutralDecoration = "var(--ax-text-neutral-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button neutral primary). */ export const TextNeutralContrast = "var(--ax-text-neutral-contrast)"; /** * Sterk farge for tekst og ikoner for rollen accent. Godkjent på alle bakgrunner unntatt strong. */ export const TextAccent = "var(--ax-text-accent)"; /** * Standard farge for tekst og ikoner med rollen accent. Godkjent på alle bakgrunner unntatt strong. */ export const TextAccentSubtle = "var(--ax-text-accent-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextAccentDecoration = "var(--ax-text-accent-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button accent primary). */ export const TextAccentContrast = "var(--ax-text-accent-contrast)"; /** * Sterk farge for tekst og ikoner for rollen success. Godkjent på alle bakgrunner unntatt strong. */ export const TextSuccess = "var(--ax-text-success)"; /** * Standard farge for tekst og ikoner med rollen success. Godkjent på alle bakgrunner unntatt strong. */ export const TextSuccessSubtle = "var(--ax-text-success-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextSuccessDecoration = "var(--ax-text-success-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextSuccessContrast = "var(--ax-text-success-contrast)"; /** * Sterk farge for tekst og ikoner for rollen warning. Godkjent på alle bakgrunner unntatt strong. */ export const TextWarning = "var(--ax-text-warning)"; /** * Standard farge for tekst og ikoner med rollen warning. Godkjent på alle bakgrunner unntatt strong. */ export const TextWarningSubtle = "var(--ax-text-warning-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextWarningDecoration = "var(--ax-text-warning-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextWarningContrast = "var(--ax-text-warning-contrast)"; /** * Sterk farge for tekst og ikoner for rollen danger. Godkjent på alle bakgrunner unntatt strong. */ export const TextDanger = "var(--ax-text-danger)"; /** * Standard farge for tekst og ikoner med rollen danger. Godkjent på alle bakgrunner unntatt strong. */ export const TextDangerSubtle = "var(--ax-text-danger-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextDangerDecoration = "var(--ax-text-danger-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button danger primary). */ export const TextDangerContrast = "var(--ax-text-danger-contrast)"; /** * Sterk farge for tekst og ikoner for rollen info. Godkjent på alle bakgrunner unntatt strong. */ export const TextInfo = "var(--ax-text-info)"; /** * Standard farge for tekst og ikoner med rollen info. Godkjent på alle bakgrunner unntatt strong. */ export const TextInfoSubtle = "var(--ax-text-info-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextInfoDecoration = "var(--ax-text-info-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextInfoContrast = "var(--ax-text-info-contrast)"; /** * Sterk farge for tekst og ikoner for rollen brand magenta. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandMagenta = "var(--ax-text-brand-magenta)"; /** * Standard farge for tekst og ikoner med rollen brand magenta. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextBrandMagentaDecoration = "var(--ax-text-brand-magenta-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)"; /** * Sterk farge for tekst og ikoner for rollen brand beige. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandBeige = "var(--ax-text-brand-beige)"; /** * Standard farge for tekst og ikoner med rollen brand beige. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextBrandBeigeDecoration = "var(--ax-text-brand-beige-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)"; /** * Sterk farge for tekst og ikoner for rollen brand blue. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandBlue = "var(--ax-text-brand-blue)"; /** * Standard farge for tekst og ikoner med rollen brand blue. Godkjent på alle bakgrunner unntatt strong. */ export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextBrandBlueDecoration = "var(--ax-text-brand-blue-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)"; /** * Sterk farge for tekst og ikoner for rollen meta purple. Godkjent på alle bakgrunner unntatt strong. */ export const TextMetaPurple = "var(--ax-text-meta-purple)"; /** * Standard farge for tekst og ikoner med rollen meta purple. Godkjent på alle bakgrunner unntatt strong. */ export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextMetaPurpleDecoration = "var(--ax-text-meta-purple-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)"; /** * Sterk farge for tekst og ikoner for rollen meta lime. Godkjent på alle bakgrunner unntatt strong. */ export const TextMetaLime = "var(--ax-text-meta-lime)"; /** * Standard farge for tekst og ikoner med rollen meta lime. Godkjent på alle bakgrunner unntatt strong. */ export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)"; /** * En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). **Ikke godkjent på tekst altså**. */ export const TextMetaLimeDecoration = "var(--ax-text-meta-lime-decoration)"; /** * En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong. */ export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)"; /** * Navs logo-farge */ export const TextLogo = "var(--ax-text-logo)"; /** * Standard farge for border. */ export const BorderNeutral = "var(--ax-border-neutral)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderNeutralStrong = "var(--ax-border-neutral-strong)"; /** * Standard farge for border. */ export const BorderAccent = "var(--ax-border-accent)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderAccentSubtle = "var(--ax-border-accent-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderAccentSubtleA = "var(--ax-border-accent-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderAccentStrong = "var(--ax-border-accent-strong)"; /** * Standard farge for border. */ export const BorderSuccess = "var(--ax-border-success)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderSuccessSubtle = "var(--ax-border-success-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderSuccessSubtleA = "var(--ax-border-success-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderSuccessStrong = "var(--ax-border-success-strong)"; /** * Standard farge for border. */ export const BorderWarning = "var(--ax-border-warning)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderWarningSubtle = "var(--ax-border-warning-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderWarningSubtleA = "var(--ax-border-warning-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderWarningStrong = "var(--ax-border-warning-strong)"; /** * Standard farge for border. */ export const BorderDanger = "var(--ax-border-danger)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderDangerSubtle = "var(--ax-border-danger-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderDangerSubtleA = "var(--ax-border-danger-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderDangerStrong = "var(--ax-border-danger-strong)"; /** * Standard farge for border. */ export const BorderInfo = "var(--ax-border-info)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderInfoSubtle = "var(--ax-border-info-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderInfoSubtleA = "var(--ax-border-info-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderInfoStrong = "var(--ax-border-info-strong)"; /** * Standard farge for border. */ export const BorderBrandMagenta = "var(--ax-border-brand-magenta)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderBrandMagentaSubtle = "var(--ax-border-brand-magenta-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderBrandMagentaSubtleA = "var(--ax-border-brand-magenta-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderBrandMagentaStrong = "var(--ax-border-brand-magenta-strong)"; /** * Standard farge for border. */ export const BorderBrandBeige = "var(--ax-border-brand-beige)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderBrandBeigeSubtle = "var(--ax-border-brand-beige-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderBrandBeigeSubtleA = "var(--ax-border-brand-beige-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderBrandBeigeStrong = "var(--ax-border-brand-beige-strong)"; /** * Standard farge for border. */ export const BorderBrandBlue = "var(--ax-border-brand-blue)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderBrandBlueSubtle = "var(--ax-border-brand-blue-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderBrandBlueSubtleA = "var(--ax-border-brand-blue-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderBrandBlueStrong = "var(--ax-border-brand-blue-strong)"; /** * Standard farge for border. */ export const BorderMetaPurple = "var(--ax-border-meta-purple)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderMetaPurpleSubtle = "var(--ax-border-meta-purple-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderMetaPurpleSubtleA = "var(--ax-border-meta-purple-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderMetaPurpleStrong = "var(--ax-border-meta-purple-strong)"; /** * Standard farge for border. */ export const BorderMetaLime = "var(--ax-border-meta-lime)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. */ export const BorderMetaLimeSubtle = "var(--ax-border-meta-lime-subtle)"; /** * En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig. */ export const BorderMetaLimeSubtleA = "var(--ax-border-meta-lime-subtleA)"; /** * En sterk border-farge. Kan brukes som hover-state til border-default. */ export const BorderMetaLimeStrong = "var(--ax-border-meta-lime-strong)"; /** * Farge på fokusmarkering. */ export const BorderFocus = "var(--ax-border-focus)"; export const Neutral100 = "var(--ax-neutral-100)"; export const Neutral200 = "var(--ax-neutral-200)"; export const Neutral300 = "var(--ax-neutral-300)"; export const Neutral400 = "var(--ax-neutral-400)"; export const Neutral500 = "var(--ax-neutral-500)"; export const Neutral600 = "var(--ax-neutral-600)"; export const Neutral700 = "var(--ax-neutral-700)"; export const Neutral800 = "var(--ax-neutral-800)"; export const Neutral900 = "var(--ax-neutral-900)"; export const Neutral1000 = "var(--ax-neutral-1000)"; export const Neutral000 = "var(--ax-neutral-000)"; export const Neutral100A = "var(--ax-neutral-100A)"; export const Neutral200A = "var(--ax-neutral-200A)"; export const Neutral300A = "var(--ax-neutral-300A)"; export const Neutral400A = "var(--ax-neutral-400A)"; export const Accent100 = "var(--ax-accent-100)"; export const Accent200 = "var(--ax-accent-200)"; export const Accent300 = "var(--ax-accent-300)"; export const Accent400 = "var(--ax-accent-400)"; export const Accent500 = "var(--ax-accent-500)"; export const Accent600 = "var(--ax-accent-600)"; export const Accent700 = "var(--ax-accent-700)"; export const Accent800 = "var(--ax-accent-800)"; export const Accent900 = "var(--ax-accent-900)"; export const Accent1000 = "var(--ax-accent-1000)"; export const Accent100A = "var(--ax-accent-100A)"; export const Accent200A = "var(--ax-accent-200A)"; export const Accent300A = "var(--ax-accent-300A)"; export const Accent400A = "var(--ax-accent-400A)"; export const Success100 = "var(--ax-success-100)"; export const Success200 = "var(--ax-success-200)"; export const Success300 = "var(--ax-success-300)"; export const Success400 = "var(--ax-success-400)"; export const Success500 = "var(--ax-success-500)"; export const Success600 = "var(--ax-success-600)"; export const Success700 = "var(--ax-success-700)"; export const Success800 = "var(--ax-success-800)"; export const Success900 = "var(--ax-success-900)"; export const Success1000 = "var(--ax-success-1000)"; export const Success100A = "var(--ax-success-100A)"; export const Success200A = "var(--ax-success-200A)"; export const Success300A = "var(--ax-success-300A)"; export const Success400A = "var(--ax-success-400A)"; export const Warning100 = "var(--ax-warning-100)"; export const Warning200 = "var(--ax-warning-200)"; export const Warning300 = "var(--ax-warning-300)"; export const Warning400 = "var(--ax-warning-400)"; export const Warning500 = "var(--ax-warning-500)"; export const Warning600 = "var(--ax-warning-600)"; export const Warning700 = "var(--ax-warning-700)"; export const Warning800 = "var(--ax-warning-800)"; export const Warning900 = "var(--ax-warning-900)"; export const Warning1000 = "var(--ax-warning-1000)"; export const Warning100A = "var(--ax-warning-100A)"; export const Warning200A = "var(--ax-warning-200A)"; export const Warning300A = "var(--ax-warning-300A)"; export const Warning400A = "var(--ax-warning-400A)"; export const Danger100 = "var(--ax-danger-100)"; export const Danger200 = "var(--ax-danger-200)"; export const Danger300 = "var(--ax-danger-300)"; export const Danger400 = "var(--ax-danger-400)"; export const Danger500 = "var(--ax-danger-500)"; export const Danger600 = "var(--ax-danger-600)"; export const Danger700 = "var(--ax-danger-700)"; export const Danger800 = "var(--ax-danger-800)"; export const Danger900 = "var(--ax-danger-900)"; export const Danger1000 = "var(--ax-danger-1000)"; export const Danger100A = "var(--ax-danger-100A)"; export const Danger200A = "var(--ax-danger-200A)"; export const Danger300A = "var(--ax-danger-300A)"; export const Danger400A = "var(--ax-danger-400A)"; export const Info100 = "var(--ax-info-100)"; export const Info200 = "var(--ax-info-200)"; export const Info300 = "var(--ax-info-300)"; export const Info400 = "var(--ax-info-400)"; export const Info500 = "var(--ax-info-500)"; export const Info600 = "var(--ax-info-600)"; export const Info700 = "var(--ax-info-700)"; export const Info800 = "var(--ax-info-800)"; export const Info900 = "var(--ax-info-900)"; export const Info1000 = "var(--ax-info-1000)"; export const Info100A = "var(--ax-info-100A)"; export const Info200A = "var(--ax-info-200A)"; export const Info300A = "var(--ax-info-300A)"; export const Info400A = "var(--ax-info-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)"; export const Space1 = "var(--ax-space-1)"; export const Space2 = "var(--ax-space-2)"; export const Space4 = "var(--ax-space-4)"; export const Space6 = "var(--ax-space-6)"; export const Space8 = "var(--ax-space-8)"; export const Space12 = "var(--ax-space-12)"; export const Space16 = "var(--ax-space-16)"; export const Space20 = "var(--ax-space-20)"; export const Space24 = "var(--ax-space-24)"; export const Space28 = "var(--ax-space-28)"; export const Space32 = "var(--ax-space-32)"; export const Space36 = "var(--ax-space-36)"; export const Space40 = "var(--ax-space-40)"; export const Space44 = "var(--ax-space-44)"; export const Space48 = "var(--ax-space-48)"; export const Space56 = "var(--ax-space-56)"; export const Space64 = "var(--ax-space-64)"; export const Space72 = "var(--ax-space-72)"; export const Space80 = "var(--ax-space-80)"; export const Space96 = "var(--ax-space-96)"; export const Space128 = "var(--ax-space-128)"; export const Radius2 = "var(--ax-radius-2)"; export const Radius4 = "var(--ax-radius-4)"; export const Radius8 = "var(--ax-radius-8)"; export const Radius12 = "var(--ax-radius-12)"; export const Radius16 = "var(--ax-radius-16)"; export const RadiusFull = "var(--ax-radius-full)"; export const BreakpointXs = "0"; export const BreakpointSm = "480px"; export const BreakpointSmDown = "479px"; export const BreakpointMd = "768px"; export const BreakpointMdDown = "767px"; export const BreakpointLg = "1024px"; export const BreakpointLgDown = "1023px"; export const BreakpointXl = "1280px"; export const BreakpointXlDown = "1279px"; export const Breakpoint2xl = "1440px"; export const Breakpoint2xlDown = "1439px"; export const FontFamily = "var(--ax-font-family)"; export const FontLineHeightHeading2xlarge = "var(--ax-font-line-height-heading-2xlarge)"; export const FontLineHeightHeadingXlarge = "var(--ax-font-line-height-heading-xlarge)"; export const FontLineHeightHeadingLarge = "var(--ax-font-line-height-heading-large)"; export const FontLineHeightHeadingMedium = "var(--ax-font-line-height-heading-medium)"; export const FontLineHeightHeadingSmall = "var(--ax-font-line-height-heading-small)"; export const FontLineHeightHeadingXsmall = "var(--ax-font-line-height-heading-xsmall)"; export const FontLineHeightXlarge = "var(--ax-font-line-height-xlarge)"; export const FontLineHeightLarge = "var(--ax-font-line-height-large)"; export const FontLineHeightMedium = "var(--ax-font-line-height-medium)"; export const FontSizeHeading2xlarge = "var(--ax-font-size-heading-2xlarge)"; export const FontSizeHeadingXlarge = "var(--ax-font-size-heading-xlarge)"; export const FontSizeHeadingLarge = "var(--ax-font-size-heading-large)"; export const FontSizeHeadingMedium = "var(--ax-font-size-heading-medium)"; export const FontSizeHeadingSmall = "var(--ax-font-size-heading-small)"; export const FontSizeHeadingXsmall = "var(--ax-font-size-heading-xsmall)"; export const FontSizeXlarge = "var(--ax-font-size-xlarge)"; export const FontSizeLarge = "var(--ax-font-size-large)"; export const FontSizeMedium = "var(--ax-font-size-medium)"; export const FontSizeSmall = "var(--ax-font-size-small)"; export const FontWeightBold = "var(--ax-font-weight-bold)"; export const FontWeightRegular = "var(--ax-font-weight-regular)";