@navikt/ds-tokens 7.21.1 → 7.23.0

package/dist/darkside/tokens.js

@@ -3,229 +3,897 @@
  */
 
 /**
- * Used for dialog elements like modals and popovers.
+ * Used for dialog elements like modals and popovers. Used in box-shadow property.
  */
 export const ShadowDialog = "var(--ax-shadow-dialog)";
 /**
  * Used for setting opacity on disabled elements.
  */
 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)";
-export const TextNeutralIcon = "var(--ax-text-neutral-icon)";
+/**
+ * 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)";
-export const TextAccentIcon = "var(--ax-text-accent-icon)";
+/**
+ * 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)";
-export const TextSuccessIcon = "var(--ax-text-success-icon)";
+/**
+ * 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)";
-export const TextWarningIcon = "var(--ax-text-warning-icon)";
+/**
+ * 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)";
-export const TextDangerIcon = "var(--ax-text-danger-icon)";
+/**
+ * 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)";
-export const TextInfoIcon = "var(--ax-text-info-icon)";
+/**
+ * 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)";
-export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)";
+/**
+ * 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)";
-export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)";
+/**
+ * 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)";
-export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)";
+/**
+ * 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)";
-export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)";
+/**
+ * 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)";
-export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)";
+/**
+ * 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)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const BorderRadiusFull = "var(--ax-border-radius-full)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const BorderRadiusSmall = "var(--ax-border-radius-small)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const BorderRadiusMedium = "var(--ax-border-radius-medium)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const BorderRadiusLarge = "var(--ax-border-radius-large)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const BorderRadiusXlarge = "var(--ax-border-radius-xlarge)";
 export const Neutral100 = "var(--ax-neutral-100)";
 export const Neutral200 = "var(--ax-neutral-200)";
 export const Neutral300 = "var(--ax-neutral-300)";
@@ -381,63 +1049,243 @@ 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)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space0 = "var(--ax-space-0)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space1 = "var(--ax-space-1)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space2 = "var(--ax-space-2)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space4 = "var(--ax-space-4)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space6 = "var(--ax-space-6)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space8 = "var(--ax-space-8)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space12 = "var(--ax-space-12)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space16 = "var(--ax-space-16)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space20 = "var(--ax-space-20)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space24 = "var(--ax-space-24)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space28 = "var(--ax-space-28)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space32 = "var(--ax-space-32)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space36 = "var(--ax-space-36)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space40 = "var(--ax-space-40)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space44 = "var(--ax-space-44)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space48 = "var(--ax-space-48)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space56 = "var(--ax-space-56)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space64 = "var(--ax-space-64)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space72 = "var(--ax-space-72)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space80 = "var(--ax-space-80)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space96 = "var(--ax-space-96)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Space128 = "var(--ax-space-128)";
-export const BorderRadiusSmall = "var(--ax-border-radius-small)";
-export const BorderRadiusMedium = "var(--ax-border-radius-medium)";
-export const BorderRadiusLarge = "var(--ax-border-radius-large)";
-export const BorderRadiusXlarge = "var(--ax-border-radius-xlarge)";
-export const BorderRadiusFull = "var(--ax-border-radius-full)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const Radius2 = "var(--ax-radius-2)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const Radius4 = "var(--ax-radius-4)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const Radius8 = "var(--ax-radius-8)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const Radius12 = "var(--ax-radius-12)";
+/**
+ * TODO: Sjur fyller ut
+ */
+export const RadiusFull = "var(--ax-radius-full)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointXs = "0";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointSm = "480px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointSmDown = "479px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointMd = "768px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointMdDown = "767px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointLg = "1024px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointLgDown = "1023px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointXl = "1280px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const BreakpointXlDown = "1279px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Breakpoint2xl = "1440px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const Breakpoint2xlDown = "1439px";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontFamily = "var(--ax-font-family)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeading2xlarge = "var(--ax-font-line-height-heading-2xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeadingXlarge = "var(--ax-font-line-height-heading-xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeadingLarge = "var(--ax-font-line-height-heading-large)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeadingMedium = "var(--ax-font-line-height-heading-medium)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeadingSmall = "var(--ax-font-line-height-heading-small)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightHeadingXsmall = "var(--ax-font-line-height-heading-xsmall)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightXlarge = "var(--ax-font-line-height-xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightLarge = "var(--ax-font-line-height-large)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontLineHeightMedium = "var(--ax-font-line-height-medium)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeading2xlarge = "var(--ax-font-size-heading-2xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeadingXlarge = "var(--ax-font-size-heading-xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeadingLarge = "var(--ax-font-size-heading-large)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeadingMedium = "var(--ax-font-size-heading-medium)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeadingSmall = "var(--ax-font-size-heading-small)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeHeadingXsmall = "var(--ax-font-size-heading-xsmall)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeXlarge = "var(--ax-font-size-xlarge)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeLarge = "var(--ax-font-size-large)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeMedium = "var(--ax-font-size-medium)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontSizeSmall = "var(--ax-font-size-small)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontWeightBold = "var(--ax-font-weight-bold)";
+/**
+ * TODO: Sjur fyller ut
+ */
 export const FontWeightRegular = "var(--ax-font-weight-regular)";