@navikt/ds-tokens 7.12.2 → 7.14.0

package/dist/darkside/tokens.d.ts

@@ -139,46 +139,46 @@ export const BgOverlay = "var(--ax-bg-overlay)";
 export const TextNeutral = "var(--ax-text-neutral)";
 export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)";
 export const TextNeutralIcon = "var(--ax-text-neutral-icon)";
+export const TextNeutralContrast = "var(--ax-text-neutral-contrast)";
 export const TextAccent = "var(--ax-text-accent)";
 export const TextAccentSubtle = "var(--ax-text-accent-subtle)";
 export const TextAccentIcon = "var(--ax-text-accent-icon)";
+export const TextAccentContrast = "var(--ax-text-accent-contrast)";
 export const TextSuccess = "var(--ax-text-success)";
 export const TextSuccessSubtle = "var(--ax-text-success-subtle)";
 export const TextSuccessIcon = "var(--ax-text-success-icon)";
+export const TextSuccessContrast = "var(--ax-text-success-contrast)";
 export const TextWarning = "var(--ax-text-warning)";
 export const TextWarningSubtle = "var(--ax-text-warning-subtle)";
 export const TextWarningIcon = "var(--ax-text-warning-icon)";
+export const TextWarningContrast = "var(--ax-text-warning-contrast)";
 export const TextDanger = "var(--ax-text-danger)";
 export const TextDangerSubtle = "var(--ax-text-danger-subtle)";
 export const TextDangerIcon = "var(--ax-text-danger-icon)";
+export const TextDangerContrast = "var(--ax-text-danger-contrast)";
 export const TextInfo = "var(--ax-text-info)";
 export const TextInfoSubtle = "var(--ax-text-info-subtle)";
 export const TextInfoIcon = "var(--ax-text-info-icon)";
+export const TextInfoContrast = "var(--ax-text-info-contrast)";
 export const TextBrandMagenta = "var(--ax-text-brand-magenta)";
 export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)";
 export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)";
+export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)";
 export const TextBrandBeige = "var(--ax-text-brand-beige)";
 export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)";
 export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)";
+export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)";
 export const TextBrandBlue = "var(--ax-text-brand-blue)";
 export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)";
 export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)";
+export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)";
 export const TextMetaPurple = "var(--ax-text-meta-purple)";
 export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)";
 export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)";
+export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)";
 export const TextMetaLime = "var(--ax-text-meta-lime)";
 export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)";
 export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)";
-export const TextNeutralContrast = "var(--ax-text-neutral-contrast)";
-export const TextAccentContrast = "var(--ax-text-accent-contrast)";
-export const TextDangerContrast = "var(--ax-text-danger-contrast)";
-export const TextInfoContrast = "var(--ax-text-info-contrast)";
-export const TextSuccessContrast = "var(--ax-text-success-contrast)";
-export const TextWarningContrast = "var(--ax-text-warning-contrast)";
-export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)";
-export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)";
-export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)";
-export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)";
 export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)";
 export const TextLogo = "var(--ax-text-logo)";
 export const BorderNeutral = "var(--ax-border-neutral)";

package/dist/darkside/tokens.js

@@ -139,46 +139,46 @@ export const BgOverlay = "var(--ax-bg-overlay)";
 export const TextNeutral = "var(--ax-text-neutral)";
 export const TextNeutralSubtle = "var(--ax-text-neutral-subtle)";
 export const TextNeutralIcon = "var(--ax-text-neutral-icon)";
+export const TextNeutralContrast = "var(--ax-text-neutral-contrast)";
 export const TextAccent = "var(--ax-text-accent)";
 export const TextAccentSubtle = "var(--ax-text-accent-subtle)";
 export const TextAccentIcon = "var(--ax-text-accent-icon)";
+export const TextAccentContrast = "var(--ax-text-accent-contrast)";
 export const TextSuccess = "var(--ax-text-success)";
 export const TextSuccessSubtle = "var(--ax-text-success-subtle)";
 export const TextSuccessIcon = "var(--ax-text-success-icon)";
+export const TextSuccessContrast = "var(--ax-text-success-contrast)";
 export const TextWarning = "var(--ax-text-warning)";
 export const TextWarningSubtle = "var(--ax-text-warning-subtle)";
 export const TextWarningIcon = "var(--ax-text-warning-icon)";
+export const TextWarningContrast = "var(--ax-text-warning-contrast)";
 export const TextDanger = "var(--ax-text-danger)";
 export const TextDangerSubtle = "var(--ax-text-danger-subtle)";
 export const TextDangerIcon = "var(--ax-text-danger-icon)";
+export const TextDangerContrast = "var(--ax-text-danger-contrast)";
 export const TextInfo = "var(--ax-text-info)";
 export const TextInfoSubtle = "var(--ax-text-info-subtle)";
 export const TextInfoIcon = "var(--ax-text-info-icon)";
+export const TextInfoContrast = "var(--ax-text-info-contrast)";
 export const TextBrandMagenta = "var(--ax-text-brand-magenta)";
 export const TextBrandMagentaSubtle = "var(--ax-text-brand-magenta-subtle)";
 export const TextBrandMagentaIcon = "var(--ax-text-brand-magenta-icon)";
+export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)";
 export const TextBrandBeige = "var(--ax-text-brand-beige)";
 export const TextBrandBeigeSubtle = "var(--ax-text-brand-beige-subtle)";
 export const TextBrandBeigeIcon = "var(--ax-text-brand-beige-icon)";
+export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)";
 export const TextBrandBlue = "var(--ax-text-brand-blue)";
 export const TextBrandBlueSubtle = "var(--ax-text-brand-blue-subtle)";
 export const TextBrandBlueIcon = "var(--ax-text-brand-blue-icon)";
+export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)";
 export const TextMetaPurple = "var(--ax-text-meta-purple)";
 export const TextMetaPurpleSubtle = "var(--ax-text-meta-purple-subtle)";
 export const TextMetaPurpleIcon = "var(--ax-text-meta-purple-icon)";
+export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)";
 export const TextMetaLime = "var(--ax-text-meta-lime)";
 export const TextMetaLimeSubtle = "var(--ax-text-meta-lime-subtle)";
 export const TextMetaLimeIcon = "var(--ax-text-meta-lime-icon)";
-export const TextNeutralContrast = "var(--ax-text-neutral-contrast)";
-export const TextAccentContrast = "var(--ax-text-accent-contrast)";
-export const TextDangerContrast = "var(--ax-text-danger-contrast)";
-export const TextInfoContrast = "var(--ax-text-info-contrast)";
-export const TextSuccessContrast = "var(--ax-text-success-contrast)";
-export const TextWarningContrast = "var(--ax-text-warning-contrast)";
-export const TextBrandMagentaContrast = "var(--ax-text-brand-magenta-contrast)";
-export const TextBrandBeigeContrast = "var(--ax-text-brand-beige-contrast)";
-export const TextBrandBlueContrast = "var(--ax-text-brand-blue-contrast)";
-export const TextMetaPurpleContrast = "var(--ax-text-meta-purple-contrast)";
 export const TextMetaLimeContrast = "var(--ax-text-meta-lime-contrast)";
 export const TextLogo = "var(--ax-text-logo)";
 export const BorderNeutral = "var(--ax-border-neutral)";

package/dist/darkside/tokens.less

@@ -139,46 +139,46 @@
  @ax-text-neutral: var(--ax-text-neutral);
  @ax-text-neutral-subtle: var(--ax-text-neutral-subtle);
  @ax-text-neutral-icon: var(--ax-text-neutral-icon);
+ @ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
  @ax-text-accent: var(--ax-text-accent);
  @ax-text-accent-subtle: var(--ax-text-accent-subtle);
  @ax-text-accent-icon: var(--ax-text-accent-icon);
+ @ax-text-accent-contrast: var(--ax-text-accent-contrast);
  @ax-text-success: var(--ax-text-success);
  @ax-text-success-subtle: var(--ax-text-success-subtle);
  @ax-text-success-icon: var(--ax-text-success-icon);
+ @ax-text-success-contrast: var(--ax-text-success-contrast);
  @ax-text-warning: var(--ax-text-warning);
  @ax-text-warning-subtle: var(--ax-text-warning-subtle);
  @ax-text-warning-icon: var(--ax-text-warning-icon);
+ @ax-text-warning-contrast: var(--ax-text-warning-contrast);
  @ax-text-danger: var(--ax-text-danger);
  @ax-text-danger-subtle: var(--ax-text-danger-subtle);
  @ax-text-danger-icon: var(--ax-text-danger-icon);
+ @ax-text-danger-contrast: var(--ax-text-danger-contrast);
  @ax-text-info: var(--ax-text-info);
  @ax-text-info-subtle: var(--ax-text-info-subtle);
  @ax-text-info-icon: var(--ax-text-info-icon);
+ @ax-text-info-contrast: var(--ax-text-info-contrast);
  @ax-text-brand-magenta: var(--ax-text-brand-magenta);
  @ax-text-brand-magenta-subtle: var(--ax-text-brand-magenta-subtle);
  @ax-text-brand-magenta-icon: var(--ax-text-brand-magenta-icon);
+ @ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
  @ax-text-brand-beige: var(--ax-text-brand-beige);
  @ax-text-brand-beige-subtle: var(--ax-text-brand-beige-subtle);
  @ax-text-brand-beige-icon: var(--ax-text-brand-beige-icon);
+ @ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
  @ax-text-brand-blue: var(--ax-text-brand-blue);
  @ax-text-brand-blue-subtle: var(--ax-text-brand-blue-subtle);
  @ax-text-brand-blue-icon: var(--ax-text-brand-blue-icon);
+ @ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
  @ax-text-meta-purple: var(--ax-text-meta-purple);
  @ax-text-meta-purple-subtle: var(--ax-text-meta-purple-subtle);
  @ax-text-meta-purple-icon: var(--ax-text-meta-purple-icon);
+ @ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
  @ax-text-meta-lime: var(--ax-text-meta-lime);
  @ax-text-meta-lime-subtle: var(--ax-text-meta-lime-subtle);
  @ax-text-meta-lime-icon: var(--ax-text-meta-lime-icon);
- @ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
- @ax-text-accent-contrast: var(--ax-text-accent-contrast);
- @ax-text-danger-contrast: var(--ax-text-danger-contrast);
- @ax-text-info-contrast: var(--ax-text-info-contrast);
- @ax-text-success-contrast: var(--ax-text-success-contrast);
- @ax-text-warning-contrast: var(--ax-text-warning-contrast);
- @ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
- @ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
- @ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
- @ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
  @ax-text-meta-lime-contrast: var(--ax-text-meta-lime-contrast);
  @ax-text-logo: var(--ax-text-logo);
  @ax-border-neutral: var(--ax-border-neutral);

package/dist/darkside/tokens.scss

@@ -139,46 +139,46 @@
  $ax-text-neutral: var(--ax-text-neutral);
  $ax-text-neutral-subtle: var(--ax-text-neutral-subtle);
  $ax-text-neutral-icon: var(--ax-text-neutral-icon);
+ $ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
  $ax-text-accent: var(--ax-text-accent);
  $ax-text-accent-subtle: var(--ax-text-accent-subtle);
  $ax-text-accent-icon: var(--ax-text-accent-icon);
+ $ax-text-accent-contrast: var(--ax-text-accent-contrast);
  $ax-text-success: var(--ax-text-success);
  $ax-text-success-subtle: var(--ax-text-success-subtle);
  $ax-text-success-icon: var(--ax-text-success-icon);
+ $ax-text-success-contrast: var(--ax-text-success-contrast);
  $ax-text-warning: var(--ax-text-warning);
  $ax-text-warning-subtle: var(--ax-text-warning-subtle);
  $ax-text-warning-icon: var(--ax-text-warning-icon);
+ $ax-text-warning-contrast: var(--ax-text-warning-contrast);
  $ax-text-danger: var(--ax-text-danger);
  $ax-text-danger-subtle: var(--ax-text-danger-subtle);
  $ax-text-danger-icon: var(--ax-text-danger-icon);
+ $ax-text-danger-contrast: var(--ax-text-danger-contrast);
  $ax-text-info: var(--ax-text-info);
  $ax-text-info-subtle: var(--ax-text-info-subtle);
  $ax-text-info-icon: var(--ax-text-info-icon);
+ $ax-text-info-contrast: var(--ax-text-info-contrast);
  $ax-text-brand-magenta: var(--ax-text-brand-magenta);
  $ax-text-brand-magenta-subtle: var(--ax-text-brand-magenta-subtle);
  $ax-text-brand-magenta-icon: var(--ax-text-brand-magenta-icon);
+ $ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
  $ax-text-brand-beige: var(--ax-text-brand-beige);
  $ax-text-brand-beige-subtle: var(--ax-text-brand-beige-subtle);
  $ax-text-brand-beige-icon: var(--ax-text-brand-beige-icon);
+ $ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
  $ax-text-brand-blue: var(--ax-text-brand-blue);
  $ax-text-brand-blue-subtle: var(--ax-text-brand-blue-subtle);
  $ax-text-brand-blue-icon: var(--ax-text-brand-blue-icon);
+ $ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
  $ax-text-meta-purple: var(--ax-text-meta-purple);
  $ax-text-meta-purple-subtle: var(--ax-text-meta-purple-subtle);
  $ax-text-meta-purple-icon: var(--ax-text-meta-purple-icon);
+ $ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
  $ax-text-meta-lime: var(--ax-text-meta-lime);
  $ax-text-meta-lime-subtle: var(--ax-text-meta-lime-subtle);
  $ax-text-meta-lime-icon: var(--ax-text-meta-lime-icon);
- $ax-text-neutral-contrast: var(--ax-text-neutral-contrast);
- $ax-text-accent-contrast: var(--ax-text-accent-contrast);
- $ax-text-danger-contrast: var(--ax-text-danger-contrast);
- $ax-text-info-contrast: var(--ax-text-info-contrast);
- $ax-text-success-contrast: var(--ax-text-success-contrast);
- $ax-text-warning-contrast: var(--ax-text-warning-contrast);
- $ax-text-brand-magenta-contrast: var(--ax-text-brand-magenta-contrast);
- $ax-text-brand-beige-contrast: var(--ax-text-brand-beige-contrast);
- $ax-text-brand-blue-contrast: var(--ax-text-brand-blue-contrast);
- $ax-text-meta-purple-contrast: var(--ax-text-meta-purple-contrast);
  $ax-text-meta-lime-contrast: var(--ax-text-meta-lime-contrast);
  $ax-text-logo: var(--ax-text-logo);
  $ax-border-neutral: var(--ax-border-neutral);

package/dist/tokens.css

@@ -3,7 +3,7 @@
  */
 
 :root, :host {
-  --ax-version: "7.12.2";
+  --ax-version: "7.14.0";
   --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "7.12.2",
+  "version": "7.14.0",
   "description": "Design-tokens for Nav designsystem",
   "author": "Aksel | Nav designsystem team",
   "keywords": [
@@ -14,7 +14,10 @@
     "/dist",
     "/src",
     "types.ts",
-    "docs.json"
+    "docs.json",
+    "token_docs.js",
+    "!/dist/darkside",
+    "/dist/darkside/tokens*"
   ],
   "scripts": {
     "build": "tsx ./config/build.ts > /dev/null && yarn build:darkside && tsx ./config/version-tag.ts",
@@ -51,6 +54,7 @@
     ".": "./dist/tokens.css",
     "./types": "./types.ts",
     "./docs.json": "./docs.json",
+    "./token_docs": "./token_docs.js",
     "./dist/*": {
       "types": "./dist/tokens.d.ts",
       "default": "./dist/*"