@navikt/ds-tokens 7.9.2 → 7.10.0

package/dist/darkside/dark-tokens.css

@@ -164,7 +164,7 @@
   --ax-bg-default: #0e151f;
   --ax-opacity-disabled: 0.4; /* Used for setting opacity on disabled elements. */
   --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-border-focus: var(--ax-accent-700);
+  --ax-border-focus: var(--ax-neutral-1000);
   --ax-border-strong: var(--ax-neutral-600);
   --ax-border-subtleA: var(--ax-neutral-400A);
   --ax-border-subtle: var(--ax-neutral-400);
@@ -254,9 +254,9 @@
   --ax-text-accent-icon: var(--ax-accent-600);
   --ax-text-accent-strong: var(--ax-accent-1000);
   --ax-text-accent: var(--ax-accent-800);
-  --ax-bg-strong-pressed: var(--ax-neutral-800);
-  --ax-bg-strong-hover: var(--ax-neutral-700);
-  --ax-bg-strong: var(--ax-neutral-600);
+  --ax-bg-strong-pressed: var(--ax-neutral-900);
+  --ax-bg-strong-hover: var(--ax-neutral-800);
+  --ax-bg-strong: var(--ax-neutral-700);
   --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
   --ax-bg-moderate-pressed: var(--ax-neutral-400);
   --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -267,8 +267,6 @@
   --ax-bg-hover: var(--ax-neutral-200);
   --ax-bg-soft: var(--ax-neutral-100);
   --ax-bg-raised: var(--ax-neutral-100);
-  --ax-bg-meta-2-raised-hover: var(--ax-meta-2-300);
-  --ax-bg-meta-2-raised: var(--ax-meta-2-200);
   --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
   --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
   --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -281,8 +279,6 @@
   --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
   --ax-bg-meta-2-hover: var(--ax-meta-2-200);
   --ax-bg-meta-2-soft: var(--ax-meta-2-100);
-  --ax-bg-meta-1-raised-hover: var(--ax-meta-1-300);
-  --ax-bg-meta-1-raised: var(--ax-meta-1-200);
   --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
   --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
   --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -295,8 +291,6 @@
   --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
   --ax-bg-meta-1-hover: var(--ax-meta-1-200);
   --ax-bg-meta-1-soft: var(--ax-meta-1-100);
-  --ax-bg-brand-3-raised-hover: var(--ax-brand-3-300);
-  --ax-bg-brand-3-raised: var(--ax-brand-3-200);
   --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
   --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
   --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -309,8 +303,6 @@
   --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
   --ax-bg-brand-3-hover: var(--ax-brand-3-200);
   --ax-bg-brand-3-soft: var(--ax-brand-3-100);
-  --ax-bg-brand-2-raised-hover: var(--ax-brand-2-300);
-  --ax-bg-brand-2-raised: var(--ax-brand-2-200);
   --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
   --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
   --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -323,8 +315,6 @@
   --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
   --ax-bg-brand-2-hover: var(--ax-brand-2-200);
   --ax-bg-brand-2-soft: var(--ax-brand-2-100);
-  --ax-bg-brand-1-raised-hover: var(--ax-brand-1-300);
-  --ax-bg-brand-1-raised: var(--ax-brand-1-200);
   --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
   --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
   --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -337,8 +327,6 @@
   --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
   --ax-bg-brand-1-hover: var(--ax-brand-1-200);
   --ax-bg-brand-1-soft: var(--ax-brand-1-100);
-  --ax-bg-info-raised-hover: var(--ax-info-300);
-  --ax-bg-info-raised: var(--ax-info-200);
   --ax-bg-info-strong-pressed: var(--ax-info-800);
   --ax-bg-info-strong-hover: var(--ax-info-700);
   --ax-bg-info-strong: var(--ax-info-600);
@@ -351,8 +339,6 @@
   --ax-bg-info-hoverA: var(--ax-info-200A);
   --ax-bg-info-hover: var(--ax-info-200);
   --ax-bg-info-soft: var(--ax-info-100);
-  --ax-bg-danger-raised-hover: var(--ax-danger-300);
-  --ax-bg-danger-raised: var(--ax-danger-200);
   --ax-bg-danger-strong-pressed: var(--ax-danger-800);
   --ax-bg-danger-strong-hover: var(--ax-danger-700);
   --ax-bg-danger-strong: var(--ax-danger-600);
@@ -365,8 +351,6 @@
   --ax-bg-danger-hoverA: var(--ax-danger-200A);
   --ax-bg-danger-hover: var(--ax-danger-200);
   --ax-bg-danger-soft: var(--ax-danger-100);
-  --ax-bg-warning-raised-hover: var(--ax-warning-300);
-  --ax-bg-warning-raised: var(--ax-warning-200);
   --ax-bg-warning-strong-pressed: var(--ax-warning-800);
   --ax-bg-warning-strong-hover: var(--ax-warning-700);
   --ax-bg-warning-strong: var(--ax-warning-600);
@@ -379,8 +363,6 @@
   --ax-bg-warning-hoverA: var(--ax-warning-200A);
   --ax-bg-warning-hover: var(--ax-warning-200);
   --ax-bg-warning-soft: var(--ax-warning-100);
-  --ax-bg-success-raised-hover: var(--ax-success-300);
-  --ax-bg-success-raised: var(--ax-success-200);
   --ax-bg-success-strong-pressed: var(--ax-success-800);
   --ax-bg-success-strong-hover: var(--ax-success-700);
   --ax-bg-success-strong: var(--ax-success-600);
@@ -393,8 +375,6 @@
   --ax-bg-success-hoverA: var(--ax-success-200A);
   --ax-bg-success-hover: var(--ax-success-200);
   --ax-bg-success-soft: var(--ax-success-100);
-  --ax-bg-accent-raised-hover: var(--ax-accent-300);
-  --ax-bg-accent-raised: var(--ax-accent-200);
   --ax-bg-accent-strong-pressed: var(--ax-accent-800);
   --ax-bg-accent-strong-hover: var(--ax-accent-700);
   --ax-bg-accent-strong: var(--ax-accent-600);

package/dist/darkside/light-tokens.css

@@ -164,7 +164,7 @@
   --ax-bg-default: #ffffff;
   --ax-opacity-disabled: 0.3; /* Used for setting opacity on disabled elements. */
   --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-border-focus: var(--ax-accent-700);
+  --ax-border-focus: var(--ax-neutral-1000);
   --ax-border-strong: var(--ax-neutral-600);
   --ax-border-subtleA: var(--ax-neutral-400A);
   --ax-border-subtle: var(--ax-neutral-400);
@@ -253,9 +253,9 @@
   --ax-text-accent-icon: var(--ax-accent-600);
   --ax-text-accent-strong: var(--ax-accent-1000);
   --ax-text-accent: var(--ax-accent-800);
-  --ax-bg-strong-pressed: var(--ax-neutral-800);
-  --ax-bg-strong-hover: var(--ax-neutral-700);
-  --ax-bg-strong: var(--ax-neutral-600);
+  --ax-bg-strong-pressed: var(--ax-neutral-900);
+  --ax-bg-strong-hover: var(--ax-neutral-800);
+  --ax-bg-strong: var(--ax-neutral-700);
   --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
   --ax-bg-moderate-pressed: var(--ax-neutral-400);
   --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -267,8 +267,6 @@
   --ax-bg-soft: var(--ax-neutral-100);
   --ax-bg-sunken: var(--ax-neutral-200);
   --ax-bg-raised: var(--ax-neutral-000);
-  --ax-bg-meta-2-raised-hover: var(--ax-meta-2-200);
-  --ax-bg-meta-2-raised: var(--ax-meta-2-100);
   --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
   --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
   --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -281,8 +279,6 @@
   --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
   --ax-bg-meta-2-hover: var(--ax-meta-2-200);
   --ax-bg-meta-2-soft: var(--ax-meta-2-100);
-  --ax-bg-meta-1-raised-hover: var(--ax-meta-1-200);
-  --ax-bg-meta-1-raised: var(--ax-meta-1-100);
   --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
   --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
   --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -295,8 +291,6 @@
   --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
   --ax-bg-meta-1-hover: var(--ax-meta-1-200);
   --ax-bg-meta-1-soft: var(--ax-meta-1-100);
-  --ax-bg-brand-3-raised-hover: var(--ax-brand-3-200);
-  --ax-bg-brand-3-raised: var(--ax-brand-3-100);
   --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
   --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
   --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -309,8 +303,6 @@
   --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
   --ax-bg-brand-3-hover: var(--ax-brand-3-200);
   --ax-bg-brand-3-soft: var(--ax-brand-3-100);
-  --ax-bg-brand-2-raised-hover: var(--ax-brand-2-200);
-  --ax-bg-brand-2-raised: var(--ax-brand-2-100);
   --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
   --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
   --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -323,8 +315,6 @@
   --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
   --ax-bg-brand-2-hover: var(--ax-brand-2-200);
   --ax-bg-brand-2-soft: var(--ax-brand-2-100);
-  --ax-bg-brand-1-raised-hover: var(--ax-brand-1-200);
-  --ax-bg-brand-1-raised: var(--ax-brand-1-100);
   --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
   --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
   --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -337,8 +327,6 @@
   --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
   --ax-bg-brand-1-hover: var(--ax-brand-1-200);
   --ax-bg-brand-1-soft: var(--ax-brand-1-100);
-  --ax-bg-info-raised-hover: var(--ax-info-200);
-  --ax-bg-info-raised: var(--ax-info-100);
   --ax-bg-info-strong-pressed: var(--ax-info-800);
   --ax-bg-info-strong-hover: var(--ax-info-700);
   --ax-bg-info-strong: var(--ax-info-600);
@@ -351,8 +339,6 @@
   --ax-bg-info-hoverA: var(--ax-info-200A);
   --ax-bg-info-hover: var(--ax-info-200);
   --ax-bg-info-soft: var(--ax-info-100);
-  --ax-bg-danger-raised-hover: var(--ax-danger-200);
-  --ax-bg-danger-raised: var(--ax-danger-100);
   --ax-bg-danger-strong-pressed: var(--ax-danger-800);
   --ax-bg-danger-strong-hover: var(--ax-danger-700);
   --ax-bg-danger-strong: var(--ax-danger-600);
@@ -365,8 +351,6 @@
   --ax-bg-danger-hoverA: var(--ax-danger-200A);
   --ax-bg-danger-hover: var(--ax-danger-200);
   --ax-bg-danger-soft: var(--ax-danger-100);
-  --ax-bg-warning-raised-hover: var(--ax-warning-200);
-  --ax-bg-warning-raised: var(--ax-warning-100);
   --ax-bg-warning-strong-pressed: var(--ax-warning-800);
   --ax-bg-warning-strong-hover: var(--ax-warning-700);
   --ax-bg-warning-strong: var(--ax-warning-600);
@@ -379,8 +363,6 @@
   --ax-bg-warning-hoverA: var(--ax-warning-200A);
   --ax-bg-warning-hover: var(--ax-warning-200);
   --ax-bg-warning-soft: var(--ax-warning-100);
-  --ax-bg-success-raised-hover: var(--ax-success-200);
-  --ax-bg-success-raised: var(--ax-success-100);
   --ax-bg-success-strong-pressed: var(--ax-success-800);
   --ax-bg-success-strong-hover: var(--ax-success-700);
   --ax-bg-success-strong: var(--ax-success-600);
@@ -393,8 +375,6 @@
   --ax-bg-success-hoverA: var(--ax-success-200A);
   --ax-bg-success-hover: var(--ax-success-200);
   --ax-bg-success-soft: var(--ax-success-100);
-  --ax-bg-accent-raised-hover: var(--ax-accent-200);
-  --ax-bg-accent-raised: var(--ax-accent-100);
   --ax-bg-accent-strong-pressed: var(--ax-accent-800);
   --ax-bg-accent-strong-hover: var(--ax-accent-700);
   --ax-bg-accent-strong: var(--ax-accent-600);

package/dist/darkside/static/tokens-cjs.js

@@ -23,8 +23,6 @@ module.exports = {
   "BgAccentStrong": "#2277d5",
   "BgAccentStrongHover": "#0063c1",
   "BgAccentStrongPressed": "#005bb6",
-  "BgAccentRaised": "#f1f7ff",
-  "BgAccentRaisedHover": "#e4eeff",
   "BgSuccessSoft": "#e2fde8",
   "BgSuccessHover": "#d5f6db",
   "BgSuccessHoverA": "#00c9252a",
@@ -37,8 +35,6 @@ module.exports = {
   "BgSuccessStrong": "#00893c",
   "BgSuccessStrongHover": "#007629",
   "BgSuccessStrongPressed": "#006c1f",
-  "BgSuccessRaised": "#e2fde8",
-  "BgSuccessRaisedHover": "#d5f6db",
   "BgWarningSoft": "#fff5e4",
   "BgWarningHover": "#ffebc7",
   "BgWarningHoverA": "#ffa40038",
@@ -51,8 +47,6 @@ module.exports = {
   "BgWarningStrong": "#c95100",
   "BgWarningStrongHover": "#ac4400",
   "BgWarningStrongPressed": "#a03e00",
-  "BgWarningRaised": "#fff5e4",
-  "BgWarningRaisedHover": "#ffebc7",
   "BgDangerSoft": "#fff2f7",
   "BgDangerHover": "#ffe8f0",
   "BgDangerHoverA": "#ff005917",
@@ -65,8 +59,6 @@ module.exports = {
   "BgDangerStrong": "#e22a49",
   "BgDangerStrongHover": "#cb0035",
   "BgDangerStrongPressed": "#bc002a",
-  "BgDangerRaised": "#fff2f7",
-  "BgDangerRaisedHover": "#ffe8f0",
   "BgInfoSoft": "#eef6fc",
   "BgInfoHover": "#e3eff7",
   "BgInfoHoverA": "#006eb71c",
@@ -79,8 +71,6 @@ module.exports = {
   "BgInfoStrong": "#417da0",
   "BgInfoStrongHover": "#246b91",
   "BgInfoStrongPressed": "#156389",
-  "BgInfoRaised": "#eef6fc",
-  "BgInfoRaisedHover": "#e3eff7",
   "BgBrand1Soft": "#fbf3f6",
   "BgBrand1Hover": "#f8eaef",
   "BgBrand1HoverA": "#aa003d15",
@@ -93,8 +83,6 @@ module.exports = {
   "BgBrand1Strong": "#b65781",
   "BgBrand1StrongHover": "#a93d70",
   "BgBrand1StrongPressed": "#a33069",
-  "BgBrand1Raised": "#fbf3f6",
-  "BgBrand1RaisedHover": "#f8eaef",
   "BgBrand2Soft": "#fff4ee",
   "BgBrand2Hover": "#fdebe0",
   "BgBrand2HoverA": "#ef5b001f",
@@ -107,8 +95,6 @@ module.exports = {
   "BgBrand2Strong": "#a9654e",
   "BgBrand2StrongHover": "#915541",
   "BgBrand2StrongPressed": "#874e3b",
-  "BgBrand2Raised": "#fff4ee",
-  "BgBrand2RaisedHover": "#fdebe0",
   "BgBrand3Soft": "#eef6fc",
   "BgBrand3Hover": "#e3eff7",
   "BgBrand3HoverA": "#006eb71c",
@@ -121,8 +107,6 @@ module.exports = {
   "BgBrand3Strong": "#417da0",
   "BgBrand3StrongHover": "#246b91",
   "BgBrand3StrongPressed": "#156389",
-  "BgBrand3Raised": "#eef6fc",
-  "BgBrand3RaisedHover": "#e3eff7",
   "BgMeta1Soft": "#f7f5f9",
   "BgMeta1Hover": "#f0edf4",
   "BgMeta1HoverA": "#2b006412",
@@ -135,8 +119,6 @@ module.exports = {
   "BgMeta1Strong": "#846ca4",
   "BgMeta1StrongHover": "#725a91",
   "BgMeta1StrongPressed": "#6a5289",
-  "BgMeta1Raised": "#f7f5f9",
-  "BgMeta1RaisedHover": "#f0edf4",
   "BgMeta2Soft": "#f4f9d1",
   "BgMeta2Hover": "#ebf4a9",
   "BgMeta2HoverA": "#c4df0056",
@@ -149,8 +131,6 @@ module.exports = {
   "BgMeta2Strong": "#757c00",
   "BgMeta2StrongHover": "#646900",
   "BgMeta2StrongPressed": "#5c6100",
-  "BgMeta2Raised": "#f4f9d1",
-  "BgMeta2RaisedHover": "#ebf4a9",
   "BgDefault": "#ffffff",
   "BgInput": "#ffffff",
   "BgRaised": "white",
@@ -165,9 +145,9 @@ module.exports = {
   "BgModerateHoverA": "#0011331e",
   "BgModeratePressed": "#cfd3d8",
   "BgModeratePressedA": "#00163030",
-  "BgStrong": "#6f7785",
-  "BgStrongHover": "#5d6573",
-  "BgStrongPressed": "#555d6a",
+  "BgStrong": "#5d6573",
+  "BgStrongHover": "#555d6a",
+  "BgStrongPressed": "#49515e",
   "TextAccent": "#005bb6",
   "TextAccentStrong": "#002459",
   "TextAccentIcon": "#2277d5",
@@ -257,7 +237,7 @@ module.exports = {
   "BorderSubtle": "#cfd3d8",
   "BorderSubtleA": "#00163030",
   "BorderStrong": "#6f7785",
-  "BorderFocus": "#0063c1",
+  "BorderFocus": "#202733",
   "Neutral100": "#f5f6f7",
   "Neutral200": "#ecedef",
   "Neutral300": "#e1e3e7",

package/dist/darkside/static/tokens.d.ts

@@ -22,8 +22,6 @@ export const BgAccentModeratePressedA = "#0064f145";
 export const BgAccentStrong = "#2277d5";
 export const BgAccentStrongHover = "#0063c1";
 export const BgAccentStrongPressed = "#005bb6";
-export const BgAccentRaised = "#f1f7ff";
-export const BgAccentRaisedHover = "#e4eeff";
 export const BgSuccessSoft = "#e2fde8";
 export const BgSuccessHover = "#d5f6db";
 export const BgSuccessHoverA = "#00c9252a";
@@ -36,8 +34,6 @@ export const BgSuccessModeratePressedA = "#00a22457";
 export const BgSuccessStrong = "#00893c";
 export const BgSuccessStrongHover = "#007629";
 export const BgSuccessStrongPressed = "#006c1f";
-export const BgSuccessRaised = "#e2fde8";
-export const BgSuccessRaisedHover = "#d5f6db";
 export const BgWarningSoft = "#fff5e4";
 export const BgWarningHover = "#ffebc7";
 export const BgWarningHoverA = "#ffa40038";
@@ -50,8 +46,6 @@ export const BgWarningModeratePressedA = "#ffa30090";
 export const BgWarningStrong = "#c95100";
 export const BgWarningStrongHover = "#ac4400";
 export const BgWarningStrongPressed = "#a03e00";
-export const BgWarningRaised = "#fff5e4";
-export const BgWarningRaisedHover = "#ffebc7";
 export const BgDangerSoft = "#fff2f7";
 export const BgDangerHover = "#ffe8f0";
 export const BgDangerHoverA = "#ff005917";
@@ -64,8 +58,6 @@ export const BgDangerModeratePressedA = "#ff00583d";
 export const BgDangerStrong = "#e22a49";
 export const BgDangerStrongHover = "#cb0035";
 export const BgDangerStrongPressed = "#bc002a";
-export const BgDangerRaised = "#fff2f7";
-export const BgDangerRaisedHover = "#ffe8f0";
 export const BgInfoSoft = "#eef6fc";
 export const BgInfoHover = "#e3eff7";
 export const BgInfoHoverA = "#006eb71c";
@@ -78,8 +70,6 @@ export const BgInfoModeratePressedA = "#005a923f";
 export const BgInfoStrong = "#417da0";
 export const BgInfoStrongHover = "#246b91";
 export const BgInfoStrongPressed = "#156389";
-export const BgInfoRaised = "#eef6fc";
-export const BgInfoRaisedHover = "#e3eff7";
 export const BgBrand1Soft = "#fbf3f6";
 export const BgBrand1Hover = "#f8eaef";
 export const BgBrand1HoverA = "#aa003d15";
@@ -92,8 +82,6 @@ export const BgBrand1ModeratePressedA = "#a4003a35";
 export const BgBrand1Strong = "#b65781";
 export const BgBrand1StrongHover = "#a93d70";
 export const BgBrand1StrongPressed = "#a33069";
-export const BgBrand1Raised = "#fbf3f6";
-export const BgBrand1RaisedHover = "#f8eaef";
 export const BgBrand2Soft = "#fff4ee";
 export const BgBrand2Hover = "#fdebe0";
 export const BgBrand2HoverA = "#ef5b001f";
@@ -106,8 +94,6 @@ export const BgBrand2ModeratePressedA = "#e94c004e";
 export const BgBrand2Strong = "#a9654e";
 export const BgBrand2StrongHover = "#915541";
 export const BgBrand2StrongPressed = "#874e3b";
-export const BgBrand2Raised = "#fff4ee";
-export const BgBrand2RaisedHover = "#fdebe0";
 export const BgBrand3Soft = "#eef6fc";
 export const BgBrand3Hover = "#e3eff7";
 export const BgBrand3HoverA = "#006eb71c";
@@ -120,8 +106,6 @@ export const BgBrand3ModeratePressedA = "#005a923f";
 export const BgBrand3Strong = "#417da0";
 export const BgBrand3StrongHover = "#246b91";
 export const BgBrand3StrongPressed = "#156389";
-export const BgBrand3Raised = "#eef6fc";
-export const BgBrand3RaisedHover = "#e3eff7";
 export const BgMeta1Soft = "#f7f5f9";
 export const BgMeta1Hover = "#f0edf4";
 export const BgMeta1HoverA = "#2b006412";
@@ -134,8 +118,6 @@ export const BgMeta1ModeratePressedA = "#2b006b30";
 export const BgMeta1Strong = "#846ca4";
 export const BgMeta1StrongHover = "#725a91";
 export const BgMeta1StrongPressed = "#6a5289";
-export const BgMeta1Raised = "#f7f5f9";
-export const BgMeta1RaisedHover = "#f0edf4";
 export const BgMeta2Soft = "#f4f9d1";
 export const BgMeta2Hover = "#ebf4a9";
 export const BgMeta2HoverA = "#c4df0056";
@@ -148,8 +130,6 @@ export const BgMeta2ModeratePressedA = "#d0dc00";
 export const BgMeta2Strong = "#757c00";
 export const BgMeta2StrongHover = "#646900";
 export const BgMeta2StrongPressed = "#5c6100";
-export const BgMeta2Raised = "#f4f9d1";
-export const BgMeta2RaisedHover = "#ebf4a9";
 export const BgDefault = "#ffffff";
 export const BgInput = "#ffffff";
 export const BgRaised = "white";
@@ -164,9 +144,9 @@ export const BgModerateHover = "#e1e3e7";
 export const BgModerateHoverA = "#0011331e";
 export const BgModeratePressed = "#cfd3d8";
 export const BgModeratePressedA = "#00163030";
-export const BgStrong = "#6f7785";
-export const BgStrongHover = "#5d6573";
-export const BgStrongPressed = "#555d6a";
+export const BgStrong = "#5d6573";
+export const BgStrongHover = "#555d6a";
+export const BgStrongPressed = "#49515e";
 export const TextAccent = "#005bb6";
 export const TextAccentStrong = "#002459";
 export const TextAccentIcon = "#2277d5";
@@ -256,7 +236,7 @@ export const BorderDefault = "#818997";
 export const BorderSubtle = "#cfd3d8";
 export const BorderSubtleA = "#00163030";
 export const BorderStrong = "#6f7785";
-export const BorderFocus = "#0063c1";
+export const BorderFocus = "#202733";
 export const Neutral100 = "#f5f6f7";
 export const Neutral200 = "#ecedef";
 export const Neutral300 = "#e1e3e7";

package/dist/darkside/static/tokens.js

@@ -22,8 +22,6 @@ export const BgAccentModeratePressedA = "#0064f145";
 export const BgAccentStrong = "#2277d5";
 export const BgAccentStrongHover = "#0063c1";
 export const BgAccentStrongPressed = "#005bb6";
-export const BgAccentRaised = "#f1f7ff";
-export const BgAccentRaisedHover = "#e4eeff";
 export const BgSuccessSoft = "#e2fde8";
 export const BgSuccessHover = "#d5f6db";
 export const BgSuccessHoverA = "#00c9252a";
@@ -36,8 +34,6 @@ export const BgSuccessModeratePressedA = "#00a22457";
 export const BgSuccessStrong = "#00893c";
 export const BgSuccessStrongHover = "#007629";
 export const BgSuccessStrongPressed = "#006c1f";
-export const BgSuccessRaised = "#e2fde8";
-export const BgSuccessRaisedHover = "#d5f6db";
 export const BgWarningSoft = "#fff5e4";
 export const BgWarningHover = "#ffebc7";
 export const BgWarningHoverA = "#ffa40038";
@@ -50,8 +46,6 @@ export const BgWarningModeratePressedA = "#ffa30090";
 export const BgWarningStrong = "#c95100";
 export const BgWarningStrongHover = "#ac4400";
 export const BgWarningStrongPressed = "#a03e00";
-export const BgWarningRaised = "#fff5e4";
-export const BgWarningRaisedHover = "#ffebc7";
 export const BgDangerSoft = "#fff2f7";
 export const BgDangerHover = "#ffe8f0";
 export const BgDangerHoverA = "#ff005917";
@@ -64,8 +58,6 @@ export const BgDangerModeratePressedA = "#ff00583d";
 export const BgDangerStrong = "#e22a49";
 export const BgDangerStrongHover = "#cb0035";
 export const BgDangerStrongPressed = "#bc002a";
-export const BgDangerRaised = "#fff2f7";
-export const BgDangerRaisedHover = "#ffe8f0";
 export const BgInfoSoft = "#eef6fc";
 export const BgInfoHover = "#e3eff7";
 export const BgInfoHoverA = "#006eb71c";
@@ -78,8 +70,6 @@ export const BgInfoModeratePressedA = "#005a923f";
 export const BgInfoStrong = "#417da0";
 export const BgInfoStrongHover = "#246b91";
 export const BgInfoStrongPressed = "#156389";
-export const BgInfoRaised = "#eef6fc";
-export const BgInfoRaisedHover = "#e3eff7";
 export const BgBrand1Soft = "#fbf3f6";
 export const BgBrand1Hover = "#f8eaef";
 export const BgBrand1HoverA = "#aa003d15";
@@ -92,8 +82,6 @@ export const BgBrand1ModeratePressedA = "#a4003a35";
 export const BgBrand1Strong = "#b65781";
 export const BgBrand1StrongHover = "#a93d70";
 export const BgBrand1StrongPressed = "#a33069";
-export const BgBrand1Raised = "#fbf3f6";
-export const BgBrand1RaisedHover = "#f8eaef";
 export const BgBrand2Soft = "#fff4ee";
 export const BgBrand2Hover = "#fdebe0";
 export const BgBrand2HoverA = "#ef5b001f";
@@ -106,8 +94,6 @@ export const BgBrand2ModeratePressedA = "#e94c004e";
 export const BgBrand2Strong = "#a9654e";
 export const BgBrand2StrongHover = "#915541";
 export const BgBrand2StrongPressed = "#874e3b";
-export const BgBrand2Raised = "#fff4ee";
-export const BgBrand2RaisedHover = "#fdebe0";
 export const BgBrand3Soft = "#eef6fc";
 export const BgBrand3Hover = "#e3eff7";
 export const BgBrand3HoverA = "#006eb71c";
@@ -120,8 +106,6 @@ export const BgBrand3ModeratePressedA = "#005a923f";
 export const BgBrand3Strong = "#417da0";
 export const BgBrand3StrongHover = "#246b91";
 export const BgBrand3StrongPressed = "#156389";
-export const BgBrand3Raised = "#eef6fc";
-export const BgBrand3RaisedHover = "#e3eff7";
 export const BgMeta1Soft = "#f7f5f9";
 export const BgMeta1Hover = "#f0edf4";
 export const BgMeta1HoverA = "#2b006412";
@@ -134,8 +118,6 @@ export const BgMeta1ModeratePressedA = "#2b006b30";
 export const BgMeta1Strong = "#846ca4";
 export const BgMeta1StrongHover = "#725a91";
 export const BgMeta1StrongPressed = "#6a5289";
-export const BgMeta1Raised = "#f7f5f9";
-export const BgMeta1RaisedHover = "#f0edf4";
 export const BgMeta2Soft = "#f4f9d1";
 export const BgMeta2Hover = "#ebf4a9";
 export const BgMeta2HoverA = "#c4df0056";
@@ -148,8 +130,6 @@ export const BgMeta2ModeratePressedA = "#d0dc00";
 export const BgMeta2Strong = "#757c00";
 export const BgMeta2StrongHover = "#646900";
 export const BgMeta2StrongPressed = "#5c6100";
-export const BgMeta2Raised = "#f4f9d1";
-export const BgMeta2RaisedHover = "#ebf4a9";
 export const BgDefault = "#ffffff";
 export const BgInput = "#ffffff";
 export const BgRaised = "white";
@@ -164,9 +144,9 @@ export const BgModerateHover = "#e1e3e7";
 export const BgModerateHoverA = "#0011331e";
 export const BgModeratePressed = "#cfd3d8";
 export const BgModeratePressedA = "#00163030";
-export const BgStrong = "#6f7785";
-export const BgStrongHover = "#5d6573";
-export const BgStrongPressed = "#555d6a";
+export const BgStrong = "#5d6573";
+export const BgStrongHover = "#555d6a";
+export const BgStrongPressed = "#49515e";
 export const TextAccent = "#005bb6";
 export const TextAccentStrong = "#002459";
 export const TextAccentIcon = "#2277d5";
@@ -256,7 +236,7 @@ export const BorderDefault = "#818997";
 export const BorderSubtle = "#cfd3d8";
 export const BorderSubtleA = "#00163030";
 export const BorderStrong = "#6f7785";
-export const BorderFocus = "#0063c1";
+export const BorderFocus = "#202733";
 export const Neutral100 = "#f5f6f7";
 export const Neutral200 = "#ecedef";
 export const Neutral300 = "#e1e3e7";

package/dist/darkside/static/tokens.less

@@ -15,8 +15,6 @@
 @ax-bg-accent-strong: #2277d5;
 @ax-bg-accent-strong-hover: #0063c1;
 @ax-bg-accent-strong-pressed: #005bb6;
-@ax-bg-accent-raised: #f1f7ff;
-@ax-bg-accent-raised-hover: #e4eeff;
 @ax-bg-success-soft: #e2fde8;
 @ax-bg-success-hover: #d5f6db;
 @ax-bg-success-hover-a: #00c9252a;
@@ -29,8 +27,6 @@
 @ax-bg-success-strong: #00893c;
 @ax-bg-success-strong-hover: #007629;
 @ax-bg-success-strong-pressed: #006c1f;
-@ax-bg-success-raised: #e2fde8;
-@ax-bg-success-raised-hover: #d5f6db;
 @ax-bg-warning-soft: #fff5e4;
 @ax-bg-warning-hover: #ffebc7;
 @ax-bg-warning-hover-a: #ffa40038;
@@ -43,8 +39,6 @@
 @ax-bg-warning-strong: #c95100;
 @ax-bg-warning-strong-hover: #ac4400;
 @ax-bg-warning-strong-pressed: #a03e00;
-@ax-bg-warning-raised: #fff5e4;
-@ax-bg-warning-raised-hover: #ffebc7;
 @ax-bg-danger-soft: #fff2f7;
 @ax-bg-danger-hover: #ffe8f0;
 @ax-bg-danger-hover-a: #ff005917;
@@ -57,8 +51,6 @@
 @ax-bg-danger-strong: #e22a49;
 @ax-bg-danger-strong-hover: #cb0035;
 @ax-bg-danger-strong-pressed: #bc002a;
-@ax-bg-danger-raised: #fff2f7;
-@ax-bg-danger-raised-hover: #ffe8f0;
 @ax-bg-info-soft: #eef6fc;
 @ax-bg-info-hover: #e3eff7;
 @ax-bg-info-hover-a: #006eb71c;
@@ -71,8 +63,6 @@
 @ax-bg-info-strong: #417da0;
 @ax-bg-info-strong-hover: #246b91;
 @ax-bg-info-strong-pressed: #156389;
-@ax-bg-info-raised: #eef6fc;
-@ax-bg-info-raised-hover: #e3eff7;
 @ax-bg-brand-1-soft: #fbf3f6;
 @ax-bg-brand-1-hover: #f8eaef;
 @ax-bg-brand-1-hover-a: #aa003d15;
@@ -85,8 +75,6 @@
 @ax-bg-brand-1-strong: #b65781;
 @ax-bg-brand-1-strong-hover: #a93d70;
 @ax-bg-brand-1-strong-pressed: #a33069;
-@ax-bg-brand-1-raised: #fbf3f6;
-@ax-bg-brand-1-raised-hover: #f8eaef;
 @ax-bg-brand-2-soft: #fff4ee;
 @ax-bg-brand-2-hover: #fdebe0;
 @ax-bg-brand-2-hover-a: #ef5b001f;
@@ -99,8 +87,6 @@
 @ax-bg-brand-2-strong: #a9654e;
 @ax-bg-brand-2-strong-hover: #915541;
 @ax-bg-brand-2-strong-pressed: #874e3b;
-@ax-bg-brand-2-raised: #fff4ee;
-@ax-bg-brand-2-raised-hover: #fdebe0;
 @ax-bg-brand-3-soft: #eef6fc;
 @ax-bg-brand-3-hover: #e3eff7;
 @ax-bg-brand-3-hover-a: #006eb71c;
@@ -113,8 +99,6 @@
 @ax-bg-brand-3-strong: #417da0;
 @ax-bg-brand-3-strong-hover: #246b91;
 @ax-bg-brand-3-strong-pressed: #156389;
-@ax-bg-brand-3-raised: #eef6fc;
-@ax-bg-brand-3-raised-hover: #e3eff7;
 @ax-bg-meta-1-soft: #f7f5f9;
 @ax-bg-meta-1-hover: #f0edf4;
 @ax-bg-meta-1-hover-a: #2b006412;
@@ -127,8 +111,6 @@
 @ax-bg-meta-1-strong: #846ca4;
 @ax-bg-meta-1-strong-hover: #725a91;
 @ax-bg-meta-1-strong-pressed: #6a5289;
-@ax-bg-meta-1-raised: #f7f5f9;
-@ax-bg-meta-1-raised-hover: #f0edf4;
 @ax-bg-meta-2-soft: #f4f9d1;
 @ax-bg-meta-2-hover: #ebf4a9;
 @ax-bg-meta-2-hover-a: #c4df0056;
@@ -141,8 +123,6 @@
 @ax-bg-meta-2-strong: #757c00;
 @ax-bg-meta-2-strong-hover: #646900;
 @ax-bg-meta-2-strong-pressed: #5c6100;
-@ax-bg-meta-2-raised: #f4f9d1;
-@ax-bg-meta-2-raised-hover: #ebf4a9;
 @ax-bg-default: #ffffff;
 @ax-bg-input: #ffffff;
 @ax-bg-raised: white;
@@ -157,9 +137,9 @@
 @ax-bg-moderate-hover-a: #0011331e;
 @ax-bg-moderate-pressed: #cfd3d8;
 @ax-bg-moderate-pressed-a: #00163030;
-@ax-bg-strong: #6f7785;
-@ax-bg-strong-hover: #5d6573;
-@ax-bg-strong-pressed: #555d6a;
+@ax-bg-strong: #5d6573;
+@ax-bg-strong-hover: #555d6a;
+@ax-bg-strong-pressed: #49515e;
 @ax-text-accent: #005bb6;
 @ax-text-accent-strong: #002459;
 @ax-text-accent-icon: #2277d5;
@@ -249,7 +229,7 @@
 @ax-border-subtle: #cfd3d8;
 @ax-border-subtle-a: #00163030;
 @ax-border-strong: #6f7785;
-@ax-border-focus: #0063c1;
+@ax-border-focus: #202733;
 @ax-neutral-100: #f5f6f7;
 @ax-neutral-200: #ecedef;
 @ax-neutral-300: #e1e3e7;