@navikt/ds-tokens 7.5.3 → 7.7.0

package/dist/darkside/dark-tokens.css

@@ -158,6 +158,7 @@
   --ax-neutral-300: #242b37;
   --ax-neutral-200: #1c232f;
   --ax-neutral-100: #161d28;
+  --ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.00), 0px 2px 5px 0px rgba(7 9 13 / 0.35), 0px 5px 12px 0px rgba(7 9 13 / 0.50); /* Used for dialog elements like modals and popovers. */
   --ax-bg-overlay: rgba(2, 20, 49, 0.49);
   --ax-bg-sunken: #07090d;
   --ax-bg-input: rgba(14, 21, 31, 0.5);
@@ -211,6 +212,7 @@
   --ax-border-neutral-subtleA: var(--ax-neutral-400A);
   --ax-border-neutral-subtle: var(--ax-neutral-400);
   --ax-border-neutral: var(--ax-neutral-500);
+  --ax-text-logo: var(--ax-neutral-1000);
   --ax-text-icon: var(--ax-neutral-600);
   --ax-text-subtle: var(--ax-neutral-900);
   --ax-text-default: var(--ax-neutral-1000);

package/dist/darkside/light-tokens.css

@@ -158,6 +158,8 @@
   --ax-neutral-300: #e1e3e7;
   --ax-neutral-200: #ecedef;
   --ax-neutral-100: #f5f6f7;
+  --ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12); /* Used for dialog elements like modals and popovers. */
+  --ax-text-logo: #c30000;
   --ax-bg-overlay: rgba(2, 20, 49, 0.49);
   --ax-bg-input: rgba(255, 255, 255, 0.85);
   --ax-bg-default: #ffffff;

package/dist/darkside/tokens-cjs.js

@@ -209,6 +209,7 @@ module.exports = {
   "TextDefault": "var(--ax-text-default)",
   "TextSubtle": "var(--ax-text-subtle)",
   "TextIcon": "var(--ax-text-icon)",
+  "TextLogo": "var(--ax-text-logo)",
   "BorderNeutral": "var(--ax-border-neutral)",
   "BorderNeutralSubtle": "var(--ax-border-neutral-subtle)",
   "BorderNeutralSubtleA": "var(--ax-border-neutral-subtleA)",
@@ -258,6 +259,10 @@ module.exports = {
   "BorderSubtleA": "var(--ax-border-subtleA)",
   "BorderStrong": "var(--ax-border-strong)",
   "BorderFocus": "var(--ax-border-focus)",
+  /**
+ * Used for dialog elements like modals and popovers.
+ */
+"ShadowDialog": "var(--ax-shadow-dialog)",
   "Neutral100": "var(--ax-neutral-100)",
   "Neutral200": "var(--ax-neutral-200)",
   "Neutral300": "var(--ax-neutral-300)",

package/dist/darkside/tokens.css

@@ -154,6 +154,8 @@
   --ax-neutral-300: #e1e3e7;
   --ax-neutral-200: #ecedef;
   --ax-neutral-100: #f5f6f7;
+  --ax-shadow-dialog: 0px 0px 1px 0px #07090d05, 0px 2px 5px 0px #07090d1a, 0px 5px 12px 0px #07090d1f;
+  --ax-text-logo: #c30000;
   --ax-bg-overlay: #0214317d;
   --ax-bg-input: #ffffffd9;
   --ax-bg-default: #fff;
@@ -567,6 +569,7 @@
   --ax-neutral-300: #242b37;
   --ax-neutral-200: #1c232f;
   --ax-neutral-100: #161d28;
+  --ax-shadow-dialog: 0px 0px 1px 0px #07090d00, 0px 2px 5px 0px #07090d59, 0px 5px 12px 0px #07090d80;
   --ax-bg-overlay: #0214317d;
   --ax-bg-sunken: #07090d;
   --ax-bg-input: #0e151f80;
@@ -620,6 +623,7 @@
   --ax-border-neutral-subtleA: var(--ax-neutral-400A);
   --ax-border-neutral-subtle: var(--ax-neutral-400);
   --ax-border-neutral: var(--ax-neutral-500);
+  --ax-text-logo: var(--ax-neutral-1000);
   --ax-text-icon: var(--ax-neutral-600);
   --ax-text-subtle: var(--ax-neutral-900);
   --ax-text-default: var(--ax-neutral-1000);

package/dist/darkside/tokens.d.ts

@@ -208,6 +208,7 @@ export const TextDataTwoContrast = "var(--ax-text-data-two-contrast)";
 export const TextDefault = "var(--ax-text-default)";
 export const TextSubtle = "var(--ax-text-subtle)";
 export const TextIcon = "var(--ax-text-icon)";
+export const TextLogo = "var(--ax-text-logo)";
 export const BorderNeutral = "var(--ax-border-neutral)";
 export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)";
 export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)";
@@ -257,6 +258,10 @@ export const BorderSubtle = "var(--ax-border-subtle)";
 export const BorderSubtleA = "var(--ax-border-subtleA)";
 export const BorderStrong = "var(--ax-border-strong)";
 export const BorderFocus = "var(--ax-border-focus)";
+/**
+ * Used for dialog elements like modals and popovers.
+ */
+export const ShadowDialog = "var(--ax-shadow-dialog)";
 export const Neutral100 = "var(--ax-neutral-100)";
 export const Neutral200 = "var(--ax-neutral-200)";
 export const Neutral300 = "var(--ax-neutral-300)";

package/dist/darkside/tokens.js

@@ -208,6 +208,7 @@ export const TextDataTwoContrast = "var(--ax-text-data-two-contrast)";
 export const TextDefault = "var(--ax-text-default)";
 export const TextSubtle = "var(--ax-text-subtle)";
 export const TextIcon = "var(--ax-text-icon)";
+export const TextLogo = "var(--ax-text-logo)";
 export const BorderNeutral = "var(--ax-border-neutral)";
 export const BorderNeutralSubtle = "var(--ax-border-neutral-subtle)";
 export const BorderNeutralSubtleA = "var(--ax-border-neutral-subtleA)";
@@ -257,6 +258,10 @@ export const BorderSubtle = "var(--ax-border-subtle)";
 export const BorderSubtleA = "var(--ax-border-subtleA)";
 export const BorderStrong = "var(--ax-border-strong)";
 export const BorderFocus = "var(--ax-border-focus)";
+/**
+ * Used for dialog elements like modals and popovers.
+ */
+export const ShadowDialog = "var(--ax-shadow-dialog)";
 export const Neutral100 = "var(--ax-neutral-100)";
 export const Neutral200 = "var(--ax-neutral-200)";
 export const Neutral300 = "var(--ax-neutral-300)";

package/dist/tokens.css

@@ -3,7 +3,7 @@
  */
 
 :root, :host {
-  --a-version: "7.5.3";
+  --a-version: "7.7.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.5.3",
+  "version": "7.7.0",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [