@navikt/ds-tokens 4.12.1 → 5.0.0

package/dist/tokens-cjs.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 14:06:32 GMT
+ * Generated on Fri, 18 Aug 2023 09:44:10 GMT
  */
 
 module.exports = {
@@ -44,12 +44,12 @@ module.exports = {
   "ABorderRadiusLarge": "8px",
   "ABorderRadiusXlarge": "12px",
   "ABorderRadiusFull": "9999px",
-  "ABorderDefault": "rgba(0, 0, 0, 0.44)",
-  "ABorderStrong": "rgba(0, 0, 0, 0.65)",
-  "ABorderDivider": "rgba(0, 0, 0, 0.19)",
-  "ABorderSubtleHover": "rgba(0, 0, 0, 0.19)",
-  "ABorderSubtle": "rgba(0, 0, 0, 0.1)",
-  "ABorderActionSelected": "rgba(0, 91, 130, 1)",
+  "ABorderDefault": "rgba(2, 20, 49, 0.49)",
+  "ABorderStrong": "rgba(1, 11, 24, 0.68)",
+  "ABorderDivider": "rgba(7, 26, 54, 0.21)",
+  "ABorderSubtleHover": "rgba(5, 23, 51, 0.34)",
+  "ABorderSubtle": "rgba(7, 26, 54, 0.21)",
+  "ABorderActionSelected": "rgba(0, 69, 156, 1)",
   "ABorderAction": "rgba(0, 103, 197, 1)",
   "ABorderSelected": "rgba(0, 103, 197, 1)",
   "ABorderSuccess": "rgba(6, 137, 58, 1)",
@@ -58,8 +58,8 @@ module.exports = {
   "ABorderInfo": "rgba(54, 141, 168, 1)",
   "ABorderFocusOnInverted": "rgba(153, 195, 255, 1)",
   "ABorderFocus": "rgba(0, 52, 125, 1)",
-  "ABorderOnInverted": "rgba(229, 229, 229, 1)",
-  "ABorderOnInvertedSubtle": "rgba(89, 89, 89, 1)",
+  "ABorderOnInverted": "rgba(224, 227, 230, 1)",
+  "ABorderOnInvertedSubtle": "rgba(82, 89, 98, 1)",
   "ABorderAlt1": "rgba(130, 105, 162, 1)",
   "ABorderAlt2": "rgba(127, 137, 0, 1)",
   "ABorderAlt3": "rgba(0, 91, 130, 1)",
@@ -84,26 +84,26 @@ module.exports = {
   "ATransparent": "rgba(255, 255, 255, 0)",
   "AWhite": "rgba(255, 255, 255, 1)",
   "ANavRed": "rgba(195, 0, 0, 1)",
-  "AGray50": "rgba(247, 247, 247, 1)",
-  "AGray100": "rgba(241, 241, 241, 1)",
-  "AGray200": "rgba(229, 229, 229, 1)",
-  "AGray300": "rgba(207, 207, 207, 1)",
-  "AGray400": "rgba(176, 176, 176, 1)",
-  "AGray500": "rgba(143, 143, 143, 1)",
-  "AGray600": "rgba(112, 112, 112, 1)",
-  "AGray700": "rgba(89, 89, 89, 1)",
-  "AGray800": "rgba(64, 64, 64, 1)",
-  "AGray900": "rgba(38, 38, 38, 1)",
-  "AGrayalpha50": "rgba(0, 0, 0, 0.03)",
-  "AGrayalpha100": "rgba(0, 0, 0, 0.05)",
-  "AGrayalpha200": "rgba(0, 0, 0, 0.1)",
-  "AGrayalpha300": "rgba(0, 0, 0, 0.19)",
-  "AGrayalpha400": "rgba(0, 0, 0, 0.31)",
-  "AGrayalpha500": "rgba(0, 0, 0, 0.44)",
-  "AGrayalpha600": "rgba(0, 0, 0, 0.56)",
-  "AGrayalpha700": "rgba(0, 0, 0, 0.65)",
-  "AGrayalpha800": "rgba(0, 0, 0, 0.75)",
-  "AGrayalpha900": "rgba(0, 0, 0, 0.85)",
+  "AGray50": "rgba(242, 243, 245, 1)",
+  "AGray100": "rgba(236, 238, 240, 1)",
+  "AGray200": "rgba(224, 227, 230, 1)",
+  "AGray300": "rgba(203, 207, 213, 1)",
+  "AGray400": "rgba(170, 176, 186, 1)",
+  "AGray500": "rgba(131, 140, 154, 1)",
+  "AGray600": "rgba(103, 111, 123, 1)",
+  "AGray700": "rgba(82, 89, 98, 1)",
+  "AGray800": "rgba(66, 71, 79, 1)",
+  "AGray900": "rgba(35, 38, 42, 1)",
+  "AGrayalpha50": "rgba(38, 55, 89, 0.06)",
+  "AGrayalpha100": "rgba(18, 43, 68, 0.08)",
+  "AGrayalpha200": "rgba(17, 41, 64, 0.13)",
+  "AGrayalpha300": "rgba(7, 26, 54, 0.21)",
+  "AGrayalpha400": "rgba(5, 23, 51, 0.34)",
+  "AGrayalpha500": "rgba(2, 20, 49, 0.49)",
+  "AGrayalpha600": "rgba(2, 15, 34, 0.6)",
+  "AGrayalpha700": "rgba(1, 11, 24, 0.68)",
+  "AGrayalpha800": "rgba(3, 11, 22, 0.75)",
+  "AGrayalpha900": "rgba(2, 5, 9, 0.87)",
   "ABlue50": "rgba(230, 240, 255, 1)",
   "ABlue100": "rgba(204, 225, 255, 1)",
   "ABlue200": "rgba(153, 195, 255, 1)",
@@ -184,11 +184,11 @@ module.exports = {
   "APurple700": "rgba(65, 43, 93, 1)",
   "APurple800": "rgba(48, 31, 70, 1)",
   "APurple900": "rgba(31, 20, 47, 1)",
-  "ATextDefault": "rgba(38, 38, 38, 1)",
-  "ATextSubtle": "rgba(0, 0, 0, 0.65)",
+  "ATextDefault": "rgba(35, 38, 42, 1)",
+  "ATextSubtle": "rgba(1, 11, 24, 0.68)",
   "ATextVisited": "rgba(99, 70, 137, 1)",
   "ATextDanger": "rgba(195, 0, 0, 1)",
-  "ATextActionSelected": "rgba(0, 91, 130, 1)",
+  "ATextActionSelected": "rgba(0, 69, 156, 1)",
   "ATextActionOnActionSubtle": "rgba(0, 86, 180, 1)",
   "ATextAction": "rgba(0, 103, 197, 1)",
   "ATextOnInverted": "rgba(255, 255, 255, 1)",
@@ -196,37 +196,37 @@ module.exports = {
   "ATextOnAction": "rgba(255, 255, 255, 1)",
   "ATextOnSuccess": "rgba(255, 255, 255, 1)",
   "ATextOnDanger": "rgba(255, 255, 255, 1)",
-  "ATextOnWarning": "rgba(38, 38, 38, 1)",
-  "ATextOnInfo": "rgba(38, 38, 38, 1)",
+  "ATextOnWarning": "rgba(35, 38, 42, 1)",
+  "ATextOnInfo": "rgba(35, 38, 42, 1)",
   "ATextOnAlt1": "rgba(255, 255, 255, 1)",
-  "ATextOnAlt2": "rgba(38, 38, 38, 1)",
+  "ATextOnAlt2": "rgba(35, 38, 42, 1)",
   "ATextOnAlt3": "rgba(255, 255, 255, 1)",
   "ABgDefault": "rgba(255, 255, 255, 1)",
-  "ABgSubtle": "rgba(241, 241, 241, 1)",
+  "ABgSubtle": "rgba(236, 238, 240, 1)",
   "ASurfaceDefault": "rgba(255, 255, 255, 1)",
-  "ASurfaceHover": "rgba(0, 0, 0, 0.05)",
-  "ASurfaceActive": "rgba(0, 0, 0, 0.1)",
+  "ASurfaceHover": "rgba(18, 43, 68, 0.08)",
+  "ASurfaceActive": "rgba(17, 41, 64, 0.13)",
   "ASurfaceSelected": "rgba(230, 240, 255, 1)",
-  "ASurfaceSubtle": "rgba(247, 247, 247, 1)",
+  "ASurfaceSubtle": "rgba(242, 243, 245, 1)",
   "ASurfaceTransparent": "rgba(255, 255, 255, 0)",
-  "ASurfaceBackdrop": "rgba(0, 0, 0, 0.65)",
-  "ASurfaceInvertedHover": "rgba(64, 64, 64, 1)",
-  "ASurfaceInvertedActive": "rgba(89, 89, 89, 1)",
-  "ASurfaceInverted": "rgba(38, 38, 38, 1)",
+  "ASurfaceBackdrop": "rgba(2, 20, 49, 0.49)",
+  "ASurfaceInvertedHover": "rgba(66, 71, 79, 1)",
+  "ASurfaceInvertedActive": "rgba(82, 89, 98, 1)",
+  "ASurfaceInverted": "rgba(35, 38, 42, 1)",
   "ASurfaceActionSubtleHover": "rgba(204, 225, 255, 1)",
   "ASurfaceActionSubtle": "rgba(230, 240, 255, 1)",
   "ASurfaceActionHover": "rgba(0, 86, 180, 1)",
-  "ASurfaceActionActive": "rgba(0, 91, 130, 1)",
-  "ASurfaceActionSelectedHover": "rgba(0, 80, 119, 1)",
-  "ASurfaceActionSelected": "rgba(0, 91, 130, 1)",
+  "ASurfaceActionActive": "rgba(0, 69, 156, 1)",
+  "ASurfaceActionSelectedHover": "rgba(0, 52, 125, 1)",
+  "ASurfaceActionSelected": "rgba(0, 69, 156, 1)",
   "ASurfaceAction": "rgba(0, 103, 197, 1)",
-  "ASurfaceNeutralSubtleHover": "rgba(0, 0, 0, 0.1)",
-  "ASurfaceNeutralSubtle": "rgba(0, 0, 0, 0.05)",
-  "ASurfaceNeutralModerate": "rgba(0, 0, 0, 0.1)",
-  "ASurfaceNeutralHover": "rgba(64, 64, 64, 1)",
-  "ASurfaceNeutralSelected": "rgba(38, 38, 38, 1)",
-  "ASurfaceNeutralActive": "rgba(38, 38, 38, 1)",
-  "ASurfaceNeutral": "rgba(89, 89, 89, 1)",
+  "ASurfaceNeutralSubtleHover": "rgba(17, 41, 64, 0.13)",
+  "ASurfaceNeutralSubtle": "rgba(18, 43, 68, 0.08)",
+  "ASurfaceNeutralModerate": "rgba(17, 41, 64, 0.13)",
+  "ASurfaceNeutralHover": "rgba(66, 71, 79, 1)",
+  "ASurfaceNeutralSelected": "rgba(35, 38, 42, 1)",
+  "ASurfaceNeutralActive": "rgba(35, 38, 42, 1)",
+  "ASurfaceNeutral": "rgba(82, 89, 98, 1)",
   "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)",
   "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)",
   "ASurfaceSuccessModerate": "rgba(153, 222, 173, 1)",
@@ -256,9 +256,9 @@ module.exports = {
   "ASurfaceAlt3Moderate": "rgba(153, 196, 221, 1)",
   "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)",
   "ASurfaceAlt3": "rgba(0, 91, 130, 1)",
-  "AIconDefault": "rgba(38, 38, 38, 1)",
-  "AIconSubtle": "rgba(0, 0, 0, 0.65)",
-  "AIconActionSelected": "rgba(0, 91, 130, 1)",
+  "AIconDefault": "rgba(35, 38, 42, 1)",
+  "AIconSubtle": "rgba(1, 11, 24, 0.68)",
+  "AIconActionSelected": "rgba(0, 69, 156, 1)",
   "AIconActionOnActionSubtle": "rgba(0, 86, 180, 1)",
   "AIconAction": "rgba(0, 103, 197, 1)",
   "AIconSuccess": "rgba(6, 137, 58, 1)",
@@ -273,8 +273,8 @@ module.exports = {
   "AIconOnAction": "rgba(255, 255, 255, 1)",
   "AIconOnSuccess": "rgba(255, 255, 255, 1)",
   "AIconOnDanger": "rgba(255, 255, 255, 1)",
-  "AIconOnWarning": "rgba(38, 38, 38, 1)",
-  "AIconOnInfo": "rgba(38, 38, 38, 1)",
+  "AIconOnWarning": "rgba(35, 38, 42, 1)",
+  "AIconOnInfo": "rgba(35, 38, 42, 1)",
   "AShadowXsmall": "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)",
   "AShadowSmall": "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)",
   "AShadowMedium": "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)",

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 14:06:32 GMT
+ * Generated on Fri, 18 Aug 2023 09:44:10 GMT
  */
 
 :root, :host {
@@ -109,26 +109,26 @@
   --a-blue-200: rgba(153, 195, 255, 1);
   --a-blue-100: rgba(204, 225, 255, 1);
   --a-blue-50: rgba(230, 240, 255, 1);
-  --a-grayalpha-900: rgba(0, 0, 0, 0.85);
-  --a-grayalpha-800: rgba(0, 0, 0, 0.75);
-  --a-grayalpha-700: rgba(0, 0, 0, 0.65);
-  --a-grayalpha-600: rgba(0, 0, 0, 0.56);
-  --a-grayalpha-500: rgba(0, 0, 0, 0.44);
-  --a-grayalpha-400: rgba(0, 0, 0, 0.31);
-  --a-grayalpha-300: rgba(0, 0, 0, 0.19);
-  --a-grayalpha-200: rgba(0, 0, 0, 0.1);
-  --a-grayalpha-100: rgba(0, 0, 0, 0.05);
-  --a-grayalpha-50: rgba(0, 0, 0, 0.03);
-  --a-gray-900: rgba(38, 38, 38, 1);
-  --a-gray-800: rgba(64, 64, 64, 1);
-  --a-gray-700: rgba(89, 89, 89, 1);
-  --a-gray-600: rgba(112, 112, 112, 1);
-  --a-gray-500: rgba(143, 143, 143, 1);
-  --a-gray-400: rgba(176, 176, 176, 1);
-  --a-gray-300: rgba(207, 207, 207, 1);
-  --a-gray-200: rgba(229, 229, 229, 1);
-  --a-gray-100: rgba(241, 241, 241, 1);
-  --a-gray-50: rgba(247, 247, 247, 1);
+  --a-grayalpha-900: rgba(2, 5, 9, 0.87);
+  --a-grayalpha-800: rgba(3, 11, 22, 0.75);
+  --a-grayalpha-700: rgba(1, 11, 24, 0.68);
+  --a-grayalpha-600: rgba(2, 15, 34, 0.6);
+  --a-grayalpha-500: rgba(2, 20, 49, 0.49);
+  --a-grayalpha-400: rgba(5, 23, 51, 0.34);
+  --a-grayalpha-300: rgba(7, 26, 54, 0.21);
+  --a-grayalpha-200: rgba(17, 41, 64, 0.13);
+  --a-grayalpha-100: rgba(18, 43, 68, 0.08);
+  --a-grayalpha-50: rgba(38, 55, 89, 0.06);
+  --a-gray-900: rgba(35, 38, 42, 1);
+  --a-gray-800: rgba(66, 71, 79, 1);
+  --a-gray-700: rgba(82, 89, 98, 1);
+  --a-gray-600: rgba(103, 111, 123, 1);
+  --a-gray-500: rgba(131, 140, 154, 1);
+  --a-gray-400: rgba(170, 176, 186, 1);
+  --a-gray-300: rgba(203, 207, 213, 1);
+  --a-gray-200: rgba(224, 227, 230, 1);
+  --a-gray-100: rgba(236, 238, 240, 1);
+  --a-gray-50: rgba(242, 243, 245, 1);
   --a-nav-red: rgba(195, 0, 0, 1);
   --a-white: rgba(255, 255, 255, 1);
   --a-transparent: rgba(255, 255, 255, 0);
@@ -188,7 +188,7 @@
   --a-icon-success: var(--a-green-500);
   --a-icon-action: var(--a-blue-500);
   --a-icon-action-on-action-subtle: var(--a-blue-600);
-  --a-icon-action-selected: var(--a-deepblue-500);
+  --a-icon-action-selected: var(--a-blue-700);
   --a-icon-subtle: var(--a-grayalpha-700);
   --a-icon-default: var(--a-gray-900);
   --a-surface-alt-3: var(--a-deepblue-500);
@@ -228,16 +228,16 @@
   --a-surface-neutral-subtle: var(--a-grayalpha-100);
   --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
   --a-surface-action: var(--a-blue-500);
-  --a-surface-action-selected: var(--a-deepblue-500);
-  --a-surface-action-selected-hover: var(--a-deepblue-600);
-  --a-surface-action-active: var(--a-deepblue-500);
+  --a-surface-action-selected: var(--a-blue-700);
+  --a-surface-action-selected-hover: var(--a-blue-800);
+  --a-surface-action-active: var(--a-blue-700);
   --a-surface-action-hover: var(--a-blue-600);
   --a-surface-action-subtle: var(--a-blue-50);
   --a-surface-action-subtle-hover: var(--a-blue-100);
   --a-surface-inverted: var(--a-gray-900);
   --a-surface-inverted-active: var(--a-gray-700);
   --a-surface-inverted-hover: var(--a-gray-800);
-  --a-surface-backdrop: var(--a-grayalpha-700);
+  --a-surface-backdrop: var(--a-grayalpha-500);
   --a-surface-transparent: var(--a-transparent);
   --a-surface-subtle: var(--a-gray-50);
   --a-surface-selected: var(--a-blue-50);
@@ -258,7 +258,7 @@
   --a-text-on-inverted: var(--a-white);
   --a-text-action: var(--a-blue-500);
   --a-text-action-on-action-subtle: var(--a-blue-600);
-  --a-text-action-selected: var(--a-deepblue-500);
+  --a-text-action-selected: var(--a-blue-700);
   --a-text-danger: var(--a-red-500);
   --a-text-visited: var(--a-purple-500);
   --a-text-subtle: var(--a-grayalpha-700);
@@ -294,9 +294,9 @@
   --a-border-success: var(--a-green-500);
   --a-border-selected: var(--a-blue-500);
   --a-border-action: var(--a-blue-500);
-  --a-border-action-selected: var(--a-deepblue-500);
-  --a-border-subtle: var(--a-grayalpha-200);
-  --a-border-subtle-hover: var(--a-grayalpha-300);
+  --a-border-action-selected: var(--a-blue-700);
+  --a-border-subtle: var(--a-grayalpha-300);
+  --a-border-subtle-hover: var(--a-grayalpha-400);
   --a-border-divider: var(--a-grayalpha-300);
   --a-border-strong: var(--a-grayalpha-700);
   --a-border-default: var(--a-grayalpha-500);

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 14:06:32 GMT
+ * Generated on Fri, 18 Aug 2023 09:44:10 GMT
  */
 
 export const ABreakpointXs : string;

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 14:06:32 GMT
+ * Generated on Fri, 18 Aug 2023 09:44:10 GMT
  */
 
 export const ABreakpointXs = "0";
@@ -43,12 +43,12 @@ export const ABorderRadiusMedium = "4px";
 export const ABorderRadiusLarge = "8px";
 export const ABorderRadiusXlarge = "12px";
 export const ABorderRadiusFull = "9999px";
-export const ABorderDefault = "rgba(0, 0, 0, 0.44)";
-export const ABorderStrong = "rgba(0, 0, 0, 0.65)";
-export const ABorderDivider = "rgba(0, 0, 0, 0.19)";
-export const ABorderSubtleHover = "rgba(0, 0, 0, 0.19)";
-export const ABorderSubtle = "rgba(0, 0, 0, 0.1)";
-export const ABorderActionSelected = "rgba(0, 91, 130, 1)";
+export const ABorderDefault = "rgba(2, 20, 49, 0.49)";
+export const ABorderStrong = "rgba(1, 11, 24, 0.68)";
+export const ABorderDivider = "rgba(7, 26, 54, 0.21)";
+export const ABorderSubtleHover = "rgba(5, 23, 51, 0.34)";
+export const ABorderSubtle = "rgba(7, 26, 54, 0.21)";
+export const ABorderActionSelected = "rgba(0, 69, 156, 1)";
 export const ABorderAction = "rgba(0, 103, 197, 1)";
 export const ABorderSelected = "rgba(0, 103, 197, 1)";
 export const ABorderSuccess = "rgba(6, 137, 58, 1)";
@@ -57,8 +57,8 @@ export const ABorderWarning = "rgba(199, 115, 0, 1)";
 export const ABorderInfo = "rgba(54, 141, 168, 1)";
 export const ABorderFocusOnInverted = "rgba(153, 195, 255, 1)";
 export const ABorderFocus = "rgba(0, 52, 125, 1)";
-export const ABorderOnInverted = "rgba(229, 229, 229, 1)";
-export const ABorderOnInvertedSubtle = "rgba(89, 89, 89, 1)";
+export const ABorderOnInverted = "rgba(224, 227, 230, 1)";
+export const ABorderOnInvertedSubtle = "rgba(82, 89, 98, 1)";
 export const ABorderAlt1 = "rgba(130, 105, 162, 1)";
 export const ABorderAlt2 = "rgba(127, 137, 0, 1)";
 export const ABorderAlt3 = "rgba(0, 91, 130, 1)";
@@ -83,26 +83,26 @@ export const ADataBorder6 = "rgba(130, 105, 162, 1)";
 export const ATransparent = "rgba(255, 255, 255, 0)";
 export const AWhite = "rgba(255, 255, 255, 1)";
 export const ANavRed = "rgba(195, 0, 0, 1)";
-export const AGray50 = "rgba(247, 247, 247, 1)";
-export const AGray100 = "rgba(241, 241, 241, 1)";
-export const AGray200 = "rgba(229, 229, 229, 1)";
-export const AGray300 = "rgba(207, 207, 207, 1)";
-export const AGray400 = "rgba(176, 176, 176, 1)";
-export const AGray500 = "rgba(143, 143, 143, 1)";
-export const AGray600 = "rgba(112, 112, 112, 1)";
-export const AGray700 = "rgba(89, 89, 89, 1)";
-export const AGray800 = "rgba(64, 64, 64, 1)";
-export const AGray900 = "rgba(38, 38, 38, 1)";
-export const AGrayalpha50 = "rgba(0, 0, 0, 0.03)";
-export const AGrayalpha100 = "rgba(0, 0, 0, 0.05)";
-export const AGrayalpha200 = "rgba(0, 0, 0, 0.1)";
-export const AGrayalpha300 = "rgba(0, 0, 0, 0.19)";
-export const AGrayalpha400 = "rgba(0, 0, 0, 0.31)";
-export const AGrayalpha500 = "rgba(0, 0, 0, 0.44)";
-export const AGrayalpha600 = "rgba(0, 0, 0, 0.56)";
-export const AGrayalpha700 = "rgba(0, 0, 0, 0.65)";
-export const AGrayalpha800 = "rgba(0, 0, 0, 0.75)";
-export const AGrayalpha900 = "rgba(0, 0, 0, 0.85)";
+export const AGray50 = "rgba(242, 243, 245, 1)";
+export const AGray100 = "rgba(236, 238, 240, 1)";
+export const AGray200 = "rgba(224, 227, 230, 1)";
+export const AGray300 = "rgba(203, 207, 213, 1)";
+export const AGray400 = "rgba(170, 176, 186, 1)";
+export const AGray500 = "rgba(131, 140, 154, 1)";
+export const AGray600 = "rgba(103, 111, 123, 1)";
+export const AGray700 = "rgba(82, 89, 98, 1)";
+export const AGray800 = "rgba(66, 71, 79, 1)";
+export const AGray900 = "rgba(35, 38, 42, 1)";
+export const AGrayalpha50 = "rgba(38, 55, 89, 0.06)";
+export const AGrayalpha100 = "rgba(18, 43, 68, 0.08)";
+export const AGrayalpha200 = "rgba(17, 41, 64, 0.13)";
+export const AGrayalpha300 = "rgba(7, 26, 54, 0.21)";
+export const AGrayalpha400 = "rgba(5, 23, 51, 0.34)";
+export const AGrayalpha500 = "rgba(2, 20, 49, 0.49)";
+export const AGrayalpha600 = "rgba(2, 15, 34, 0.6)";
+export const AGrayalpha700 = "rgba(1, 11, 24, 0.68)";
+export const AGrayalpha800 = "rgba(3, 11, 22, 0.75)";
+export const AGrayalpha900 = "rgba(2, 5, 9, 0.87)";
 export const ABlue50 = "rgba(230, 240, 255, 1)";
 export const ABlue100 = "rgba(204, 225, 255, 1)";
 export const ABlue200 = "rgba(153, 195, 255, 1)";
@@ -183,11 +183,11 @@ export const APurple600 = "rgba(82, 56, 116, 1)";
 export const APurple700 = "rgba(65, 43, 93, 1)";
 export const APurple800 = "rgba(48, 31, 70, 1)";
 export const APurple900 = "rgba(31, 20, 47, 1)";
-export const ATextDefault = "rgba(38, 38, 38, 1)";
-export const ATextSubtle = "rgba(0, 0, 0, 0.65)";
+export const ATextDefault = "rgba(35, 38, 42, 1)";
+export const ATextSubtle = "rgba(1, 11, 24, 0.68)";
 export const ATextVisited = "rgba(99, 70, 137, 1)";
 export const ATextDanger = "rgba(195, 0, 0, 1)";
-export const ATextActionSelected = "rgba(0, 91, 130, 1)";
+export const ATextActionSelected = "rgba(0, 69, 156, 1)";
 export const ATextActionOnActionSubtle = "rgba(0, 86, 180, 1)";
 export const ATextAction = "rgba(0, 103, 197, 1)";
 export const ATextOnInverted = "rgba(255, 255, 255, 1)";
@@ -195,37 +195,37 @@ export const ATextOnNeutral = "rgba(255, 255, 255, 1)";
 export const ATextOnAction = "rgba(255, 255, 255, 1)";
 export const ATextOnSuccess = "rgba(255, 255, 255, 1)";
 export const ATextOnDanger = "rgba(255, 255, 255, 1)";
-export const ATextOnWarning = "rgba(38, 38, 38, 1)";
-export const ATextOnInfo = "rgba(38, 38, 38, 1)";
+export const ATextOnWarning = "rgba(35, 38, 42, 1)";
+export const ATextOnInfo = "rgba(35, 38, 42, 1)";
 export const ATextOnAlt1 = "rgba(255, 255, 255, 1)";
-export const ATextOnAlt2 = "rgba(38, 38, 38, 1)";
+export const ATextOnAlt2 = "rgba(35, 38, 42, 1)";
 export const ATextOnAlt3 = "rgba(255, 255, 255, 1)";
 export const ABgDefault = "rgba(255, 255, 255, 1)";
-export const ABgSubtle = "rgba(241, 241, 241, 1)";
+export const ABgSubtle = "rgba(236, 238, 240, 1)";
 export const ASurfaceDefault = "rgba(255, 255, 255, 1)";
-export const ASurfaceHover = "rgba(0, 0, 0, 0.05)";
-export const ASurfaceActive = "rgba(0, 0, 0, 0.1)";
+export const ASurfaceHover = "rgba(18, 43, 68, 0.08)";
+export const ASurfaceActive = "rgba(17, 41, 64, 0.13)";
 export const ASurfaceSelected = "rgba(230, 240, 255, 1)";
-export const ASurfaceSubtle = "rgba(247, 247, 247, 1)";
+export const ASurfaceSubtle = "rgba(242, 243, 245, 1)";
 export const ASurfaceTransparent = "rgba(255, 255, 255, 0)";
-export const ASurfaceBackdrop = "rgba(0, 0, 0, 0.65)";
-export const ASurfaceInvertedHover = "rgba(64, 64, 64, 1)";
-export const ASurfaceInvertedActive = "rgba(89, 89, 89, 1)";
-export const ASurfaceInverted = "rgba(38, 38, 38, 1)";
+export const ASurfaceBackdrop = "rgba(2, 20, 49, 0.49)";
+export const ASurfaceInvertedHover = "rgba(66, 71, 79, 1)";
+export const ASurfaceInvertedActive = "rgba(82, 89, 98, 1)";
+export const ASurfaceInverted = "rgba(35, 38, 42, 1)";
 export const ASurfaceActionSubtleHover = "rgba(204, 225, 255, 1)";
 export const ASurfaceActionSubtle = "rgba(230, 240, 255, 1)";
 export const ASurfaceActionHover = "rgba(0, 86, 180, 1)";
-export const ASurfaceActionActive = "rgba(0, 91, 130, 1)";
-export const ASurfaceActionSelectedHover = "rgba(0, 80, 119, 1)";
-export const ASurfaceActionSelected = "rgba(0, 91, 130, 1)";
+export const ASurfaceActionActive = "rgba(0, 69, 156, 1)";
+export const ASurfaceActionSelectedHover = "rgba(0, 52, 125, 1)";
+export const ASurfaceActionSelected = "rgba(0, 69, 156, 1)";
 export const ASurfaceAction = "rgba(0, 103, 197, 1)";
-export const ASurfaceNeutralSubtleHover = "rgba(0, 0, 0, 0.1)";
-export const ASurfaceNeutralSubtle = "rgba(0, 0, 0, 0.05)";
-export const ASurfaceNeutralModerate = "rgba(0, 0, 0, 0.1)";
-export const ASurfaceNeutralHover = "rgba(64, 64, 64, 1)";
-export const ASurfaceNeutralSelected = "rgba(38, 38, 38, 1)";
-export const ASurfaceNeutralActive = "rgba(38, 38, 38, 1)";
-export const ASurfaceNeutral = "rgba(89, 89, 89, 1)";
+export const ASurfaceNeutralSubtleHover = "rgba(17, 41, 64, 0.13)";
+export const ASurfaceNeutralSubtle = "rgba(18, 43, 68, 0.08)";
+export const ASurfaceNeutralModerate = "rgba(17, 41, 64, 0.13)";
+export const ASurfaceNeutralHover = "rgba(66, 71, 79, 1)";
+export const ASurfaceNeutralSelected = "rgba(35, 38, 42, 1)";
+export const ASurfaceNeutralActive = "rgba(35, 38, 42, 1)";
+export const ASurfaceNeutral = "rgba(82, 89, 98, 1)";
 export const ASurfaceSuccessSubtleHover = "rgba(153, 222, 173, 1)";
 export const ASurfaceSuccessSubtle = "rgba(204, 241, 214, 1)";
 export const ASurfaceSuccessModerate = "rgba(153, 222, 173, 1)";
@@ -255,9 +255,9 @@ export const ASurfaceAlt3Subtle = "rgba(204, 226, 240, 1)";
 export const ASurfaceAlt3Moderate = "rgba(153, 196, 221, 1)";
 export const ASurfaceAlt3Strong = "rgba(0, 52, 83, 1)";
 export const ASurfaceAlt3 = "rgba(0, 91, 130, 1)";
-export const AIconDefault = "rgba(38, 38, 38, 1)";
-export const AIconSubtle = "rgba(0, 0, 0, 0.65)";
-export const AIconActionSelected = "rgba(0, 91, 130, 1)";
+export const AIconDefault = "rgba(35, 38, 42, 1)";
+export const AIconSubtle = "rgba(1, 11, 24, 0.68)";
+export const AIconActionSelected = "rgba(0, 69, 156, 1)";
 export const AIconActionOnActionSubtle = "rgba(0, 86, 180, 1)";
 export const AIconAction = "rgba(0, 103, 197, 1)";
 export const AIconSuccess = "rgba(6, 137, 58, 1)";
@@ -272,8 +272,8 @@ export const AIconOnInverted = "rgba(255, 255, 255, 1)";
 export const AIconOnAction = "rgba(255, 255, 255, 1)";
 export const AIconOnSuccess = "rgba(255, 255, 255, 1)";
 export const AIconOnDanger = "rgba(255, 255, 255, 1)";
-export const AIconOnWarning = "rgba(38, 38, 38, 1)";
-export const AIconOnInfo = "rgba(38, 38, 38, 1)";
+export const AIconOnWarning = "rgba(35, 38, 42, 1)";
+export const AIconOnInfo = "rgba(35, 38, 42, 1)";
 export const AShadowXsmall = "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)";
 export const AShadowSmall = "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)";
 export const AShadowMedium = "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)";

package/dist/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 17 Aug 2023 14:06:31 GMT
+// Generated on Fri, 18 Aug 2023 09:44:10 GMT
 
 @a-breakpoint-xs: 0;
 @a-breakpoint-sm: 480px;
@@ -42,12 +42,12 @@
 @a-border-radius-large: 8px;
 @a-border-radius-xlarge: 12px;
 @a-border-radius-full: 9999px;
-@a-border-default: rgba(0, 0, 0, 0.44);
-@a-border-strong: rgba(0, 0, 0, 0.65);
-@a-border-divider: rgba(0, 0, 0, 0.19);
-@a-border-subtle-hover: rgba(0, 0, 0, 0.19);
-@a-border-subtle: rgba(0, 0, 0, 0.1);
-@a-border-action-selected: rgba(0, 91, 130, 1);
+@a-border-default: rgba(2, 20, 49, 0.49);
+@a-border-strong: rgba(1, 11, 24, 0.68);
+@a-border-divider: rgba(7, 26, 54, 0.21);
+@a-border-subtle-hover: rgba(5, 23, 51, 0.34);
+@a-border-subtle: rgba(7, 26, 54, 0.21);
+@a-border-action-selected: rgba(0, 69, 156, 1);
 @a-border-action: rgba(0, 103, 197, 1);
 @a-border-selected: rgba(0, 103, 197, 1);
 @a-border-success: rgba(6, 137, 58, 1);
@@ -56,8 +56,8 @@
 @a-border-info: rgba(54, 141, 168, 1);
 @a-border-focus-on-inverted: rgba(153, 195, 255, 1);
 @a-border-focus: rgba(0, 52, 125, 1);
-@a-border-on-inverted: rgba(229, 229, 229, 1);
-@a-border-on-inverted-subtle: rgba(89, 89, 89, 1);
+@a-border-on-inverted: rgba(224, 227, 230, 1);
+@a-border-on-inverted-subtle: rgba(82, 89, 98, 1);
 @a-border-alt-1: rgba(130, 105, 162, 1);
 @a-border-alt-2: rgba(127, 137, 0, 1);
 @a-border-alt-3: rgba(0, 91, 130, 1);
@@ -82,26 +82,26 @@
 @a-transparent: rgba(255, 255, 255, 0);
 @a-white: rgba(255, 255, 255, 1);
 @a-nav-red: rgba(195, 0, 0, 1);
-@a-gray-50: rgba(247, 247, 247, 1);
-@a-gray-100: rgba(241, 241, 241, 1);
-@a-gray-200: rgba(229, 229, 229, 1);
-@a-gray-300: rgba(207, 207, 207, 1);
-@a-gray-400: rgba(176, 176, 176, 1);
-@a-gray-500: rgba(143, 143, 143, 1);
-@a-gray-600: rgba(112, 112, 112, 1);
-@a-gray-700: rgba(89, 89, 89, 1);
-@a-gray-800: rgba(64, 64, 64, 1);
-@a-gray-900: rgba(38, 38, 38, 1);
-@a-grayalpha-50: rgba(0, 0, 0, 0.03);
-@a-grayalpha-100: rgba(0, 0, 0, 0.05);
-@a-grayalpha-200: rgba(0, 0, 0, 0.1);
-@a-grayalpha-300: rgba(0, 0, 0, 0.19);
-@a-grayalpha-400: rgba(0, 0, 0, 0.31);
-@a-grayalpha-500: rgba(0, 0, 0, 0.44);
-@a-grayalpha-600: rgba(0, 0, 0, 0.56);
-@a-grayalpha-700: rgba(0, 0, 0, 0.65);
-@a-grayalpha-800: rgba(0, 0, 0, 0.75);
-@a-grayalpha-900: rgba(0, 0, 0, 0.85);
+@a-gray-50: rgba(242, 243, 245, 1);
+@a-gray-100: rgba(236, 238, 240, 1);
+@a-gray-200: rgba(224, 227, 230, 1);
+@a-gray-300: rgba(203, 207, 213, 1);
+@a-gray-400: rgba(170, 176, 186, 1);
+@a-gray-500: rgba(131, 140, 154, 1);
+@a-gray-600: rgba(103, 111, 123, 1);
+@a-gray-700: rgba(82, 89, 98, 1);
+@a-gray-800: rgba(66, 71, 79, 1);
+@a-gray-900: rgba(35, 38, 42, 1);
+@a-grayalpha-50: rgba(38, 55, 89, 0.06);
+@a-grayalpha-100: rgba(18, 43, 68, 0.08);
+@a-grayalpha-200: rgba(17, 41, 64, 0.13);
+@a-grayalpha-300: rgba(7, 26, 54, 0.21);
+@a-grayalpha-400: rgba(5, 23, 51, 0.34);
+@a-grayalpha-500: rgba(2, 20, 49, 0.49);
+@a-grayalpha-600: rgba(2, 15, 34, 0.6);
+@a-grayalpha-700: rgba(1, 11, 24, 0.68);
+@a-grayalpha-800: rgba(3, 11, 22, 0.75);
+@a-grayalpha-900: rgba(2, 5, 9, 0.87);
 @a-blue-50: rgba(230, 240, 255, 1);
 @a-blue-100: rgba(204, 225, 255, 1);
 @a-blue-200: rgba(153, 195, 255, 1);
@@ -182,11 +182,11 @@
 @a-purple-700: rgba(65, 43, 93, 1);
 @a-purple-800: rgba(48, 31, 70, 1);
 @a-purple-900: rgba(31, 20, 47, 1);
-@a-text-default: rgba(38, 38, 38, 1);
-@a-text-subtle: rgba(0, 0, 0, 0.65);
+@a-text-default: rgba(35, 38, 42, 1);
+@a-text-subtle: rgba(1, 11, 24, 0.68);
 @a-text-visited: rgba(99, 70, 137, 1);
 @a-text-danger: rgba(195, 0, 0, 1);
-@a-text-action-selected: rgba(0, 91, 130, 1);
+@a-text-action-selected: rgba(0, 69, 156, 1);
 @a-text-action-on-action-subtle: rgba(0, 86, 180, 1);
 @a-text-action: rgba(0, 103, 197, 1);
 @a-text-on-inverted: rgba(255, 255, 255, 1);
@@ -194,37 +194,37 @@
 @a-text-on-action: rgba(255, 255, 255, 1);
 @a-text-on-success: rgba(255, 255, 255, 1);
 @a-text-on-danger: rgba(255, 255, 255, 1);
-@a-text-on-warning: rgba(38, 38, 38, 1);
-@a-text-on-info: rgba(38, 38, 38, 1);
+@a-text-on-warning: rgba(35, 38, 42, 1);
+@a-text-on-info: rgba(35, 38, 42, 1);
 @a-text-on-alt-1: rgba(255, 255, 255, 1);
-@a-text-on-alt-2: rgba(38, 38, 38, 1);
+@a-text-on-alt-2: rgba(35, 38, 42, 1);
 @a-text-on-alt-3: rgba(255, 255, 255, 1);
 @a-bg-default: rgba(255, 255, 255, 1);
-@a-bg-subtle: rgba(241, 241, 241, 1);
+@a-bg-subtle: rgba(236, 238, 240, 1);
 @a-surface-default: rgba(255, 255, 255, 1);
-@a-surface-hover: rgba(0, 0, 0, 0.05);
-@a-surface-active: rgba(0, 0, 0, 0.1);
+@a-surface-hover: rgba(18, 43, 68, 0.08);
+@a-surface-active: rgba(17, 41, 64, 0.13);
 @a-surface-selected: rgba(230, 240, 255, 1);
-@a-surface-subtle: rgba(247, 247, 247, 1);
+@a-surface-subtle: rgba(242, 243, 245, 1);
 @a-surface-transparent: rgba(255, 255, 255, 0);
-@a-surface-backdrop: rgba(0, 0, 0, 0.65);
-@a-surface-inverted-hover: rgba(64, 64, 64, 1);
-@a-surface-inverted-active: rgba(89, 89, 89, 1);
-@a-surface-inverted: rgba(38, 38, 38, 1);
+@a-surface-backdrop: rgba(2, 20, 49, 0.49);
+@a-surface-inverted-hover: rgba(66, 71, 79, 1);
+@a-surface-inverted-active: rgba(82, 89, 98, 1);
+@a-surface-inverted: rgba(35, 38, 42, 1);
 @a-surface-action-subtle-hover: rgba(204, 225, 255, 1);
 @a-surface-action-subtle: rgba(230, 240, 255, 1);
 @a-surface-action-hover: rgba(0, 86, 180, 1);
-@a-surface-action-active: rgba(0, 91, 130, 1);
-@a-surface-action-selected-hover: rgba(0, 80, 119, 1);
-@a-surface-action-selected: rgba(0, 91, 130, 1);
+@a-surface-action-active: rgba(0, 69, 156, 1);
+@a-surface-action-selected-hover: rgba(0, 52, 125, 1);
+@a-surface-action-selected: rgba(0, 69, 156, 1);
 @a-surface-action: rgba(0, 103, 197, 1);
-@a-surface-neutral-subtle-hover: rgba(0, 0, 0, 0.1);
-@a-surface-neutral-subtle: rgba(0, 0, 0, 0.05);
-@a-surface-neutral-moderate: rgba(0, 0, 0, 0.1);
-@a-surface-neutral-hover: rgba(64, 64, 64, 1);
-@a-surface-neutral-selected: rgba(38, 38, 38, 1);
-@a-surface-neutral-active: rgba(38, 38, 38, 1);
-@a-surface-neutral: rgba(89, 89, 89, 1);
+@a-surface-neutral-subtle-hover: rgba(17, 41, 64, 0.13);
+@a-surface-neutral-subtle: rgba(18, 43, 68, 0.08);
+@a-surface-neutral-moderate: rgba(17, 41, 64, 0.13);
+@a-surface-neutral-hover: rgba(66, 71, 79, 1);
+@a-surface-neutral-selected: rgba(35, 38, 42, 1);
+@a-surface-neutral-active: rgba(35, 38, 42, 1);
+@a-surface-neutral: rgba(82, 89, 98, 1);
 @a-surface-success-subtle-hover: rgba(153, 222, 173, 1);
 @a-surface-success-subtle: rgba(204, 241, 214, 1);
 @a-surface-success-moderate: rgba(153, 222, 173, 1);
@@ -254,9 +254,9 @@
 @a-surface-alt-3-moderate: rgba(153, 196, 221, 1);
 @a-surface-alt-3-strong: rgba(0, 52, 83, 1);
 @a-surface-alt-3: rgba(0, 91, 130, 1);
-@a-icon-default: rgba(38, 38, 38, 1);
-@a-icon-subtle: rgba(0, 0, 0, 0.65);
-@a-icon-action-selected: rgba(0, 91, 130, 1);
+@a-icon-default: rgba(35, 38, 42, 1);
+@a-icon-subtle: rgba(1, 11, 24, 0.68);
+@a-icon-action-selected: rgba(0, 69, 156, 1);
 @a-icon-action-on-action-subtle: rgba(0, 86, 180, 1);
 @a-icon-action: rgba(0, 103, 197, 1);
 @a-icon-success: rgba(6, 137, 58, 1);
@@ -271,8 +271,8 @@
 @a-icon-on-action: rgba(255, 255, 255, 1);
 @a-icon-on-success: rgba(255, 255, 255, 1);
 @a-icon-on-danger: rgba(255, 255, 255, 1);
-@a-icon-on-warning: rgba(38, 38, 38, 1);
-@a-icon-on-info: rgba(38, 38, 38, 1);
+@a-icon-on-warning: rgba(35, 38, 42, 1);
+@a-icon-on-info: rgba(35, 38, 42, 1);
 @a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
 @a-shadow-small: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
 @a-shadow-medium: 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15);

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 17 Aug 2023 14:06:31 GMT
+// Generated on Fri, 18 Aug 2023 09:44:10 GMT
 
 $a-breakpoint-xs: 0;
 $a-breakpoint-sm: 480px;
@@ -42,12 +42,12 @@ $a-border-radius-medium: 4px;
 $a-border-radius-large: 8px;
 $a-border-radius-xlarge: 12px;
 $a-border-radius-full: 9999px;
-$a-border-default: rgba(0, 0, 0, 0.44);
-$a-border-strong: rgba(0, 0, 0, 0.65);
-$a-border-divider: rgba(0, 0, 0, 0.19);
-$a-border-subtle-hover: rgba(0, 0, 0, 0.19);
-$a-border-subtle: rgba(0, 0, 0, 0.1);
-$a-border-action-selected: rgba(0, 91, 130, 1);
+$a-border-default: rgba(2, 20, 49, 0.49);
+$a-border-strong: rgba(1, 11, 24, 0.68);
+$a-border-divider: rgba(7, 26, 54, 0.21);
+$a-border-subtle-hover: rgba(5, 23, 51, 0.34);
+$a-border-subtle: rgba(7, 26, 54, 0.21);
+$a-border-action-selected: rgba(0, 69, 156, 1);
 $a-border-action: rgba(0, 103, 197, 1);
 $a-border-selected: rgba(0, 103, 197, 1);
 $a-border-success: rgba(6, 137, 58, 1);
@@ -56,8 +56,8 @@ $a-border-warning: rgba(199, 115, 0, 1);
 $a-border-info: rgba(54, 141, 168, 1);
 $a-border-focus-on-inverted: rgba(153, 195, 255, 1);
 $a-border-focus: rgba(0, 52, 125, 1);
-$a-border-on-inverted: rgba(229, 229, 229, 1);
-$a-border-on-inverted-subtle: rgba(89, 89, 89, 1);
+$a-border-on-inverted: rgba(224, 227, 230, 1);
+$a-border-on-inverted-subtle: rgba(82, 89, 98, 1);
 $a-border-alt-1: rgba(130, 105, 162, 1);
 $a-border-alt-2: rgba(127, 137, 0, 1);
 $a-border-alt-3: rgba(0, 91, 130, 1);
@@ -82,26 +82,26 @@ $a-data-border-6: rgba(130, 105, 162, 1);
 $a-transparent: rgba(255, 255, 255, 0);
 $a-white: rgba(255, 255, 255, 1);
 $a-nav-red: rgba(195, 0, 0, 1);
-$a-gray-50: rgba(247, 247, 247, 1);
-$a-gray-100: rgba(241, 241, 241, 1);
-$a-gray-200: rgba(229, 229, 229, 1);
-$a-gray-300: rgba(207, 207, 207, 1);
-$a-gray-400: rgba(176, 176, 176, 1);
-$a-gray-500: rgba(143, 143, 143, 1);
-$a-gray-600: rgba(112, 112, 112, 1);
-$a-gray-700: rgba(89, 89, 89, 1);
-$a-gray-800: rgba(64, 64, 64, 1);
-$a-gray-900: rgba(38, 38, 38, 1);
-$a-grayalpha-50: rgba(0, 0, 0, 0.03);
-$a-grayalpha-100: rgba(0, 0, 0, 0.05);
-$a-grayalpha-200: rgba(0, 0, 0, 0.1);
-$a-grayalpha-300: rgba(0, 0, 0, 0.19);
-$a-grayalpha-400: rgba(0, 0, 0, 0.31);
-$a-grayalpha-500: rgba(0, 0, 0, 0.44);
-$a-grayalpha-600: rgba(0, 0, 0, 0.56);
-$a-grayalpha-700: rgba(0, 0, 0, 0.65);
-$a-grayalpha-800: rgba(0, 0, 0, 0.75);
-$a-grayalpha-900: rgba(0, 0, 0, 0.85);
+$a-gray-50: rgba(242, 243, 245, 1);
+$a-gray-100: rgba(236, 238, 240, 1);
+$a-gray-200: rgba(224, 227, 230, 1);
+$a-gray-300: rgba(203, 207, 213, 1);
+$a-gray-400: rgba(170, 176, 186, 1);
+$a-gray-500: rgba(131, 140, 154, 1);
+$a-gray-600: rgba(103, 111, 123, 1);
+$a-gray-700: rgba(82, 89, 98, 1);
+$a-gray-800: rgba(66, 71, 79, 1);
+$a-gray-900: rgba(35, 38, 42, 1);
+$a-grayalpha-50: rgba(38, 55, 89, 0.06);
+$a-grayalpha-100: rgba(18, 43, 68, 0.08);
+$a-grayalpha-200: rgba(17, 41, 64, 0.13);
+$a-grayalpha-300: rgba(7, 26, 54, 0.21);
+$a-grayalpha-400: rgba(5, 23, 51, 0.34);
+$a-grayalpha-500: rgba(2, 20, 49, 0.49);
+$a-grayalpha-600: rgba(2, 15, 34, 0.6);
+$a-grayalpha-700: rgba(1, 11, 24, 0.68);
+$a-grayalpha-800: rgba(3, 11, 22, 0.75);
+$a-grayalpha-900: rgba(2, 5, 9, 0.87);
 $a-blue-50: rgba(230, 240, 255, 1);
 $a-blue-100: rgba(204, 225, 255, 1);
 $a-blue-200: rgba(153, 195, 255, 1);
@@ -182,11 +182,11 @@ $a-purple-600: rgba(82, 56, 116, 1);
 $a-purple-700: rgba(65, 43, 93, 1);
 $a-purple-800: rgba(48, 31, 70, 1);
 $a-purple-900: rgba(31, 20, 47, 1);
-$a-text-default: rgba(38, 38, 38, 1);
-$a-text-subtle: rgba(0, 0, 0, 0.65);
+$a-text-default: rgba(35, 38, 42, 1);
+$a-text-subtle: rgba(1, 11, 24, 0.68);
 $a-text-visited: rgba(99, 70, 137, 1);
 $a-text-danger: rgba(195, 0, 0, 1);
-$a-text-action-selected: rgba(0, 91, 130, 1);
+$a-text-action-selected: rgba(0, 69, 156, 1);
 $a-text-action-on-action-subtle: rgba(0, 86, 180, 1);
 $a-text-action: rgba(0, 103, 197, 1);
 $a-text-on-inverted: rgba(255, 255, 255, 1);
@@ -194,37 +194,37 @@ $a-text-on-neutral: rgba(255, 255, 255, 1);
 $a-text-on-action: rgba(255, 255, 255, 1);
 $a-text-on-success: rgba(255, 255, 255, 1);
 $a-text-on-danger: rgba(255, 255, 255, 1);
-$a-text-on-warning: rgba(38, 38, 38, 1);
-$a-text-on-info: rgba(38, 38, 38, 1);
+$a-text-on-warning: rgba(35, 38, 42, 1);
+$a-text-on-info: rgba(35, 38, 42, 1);
 $a-text-on-alt-1: rgba(255, 255, 255, 1);
-$a-text-on-alt-2: rgba(38, 38, 38, 1);
+$a-text-on-alt-2: rgba(35, 38, 42, 1);
 $a-text-on-alt-3: rgba(255, 255, 255, 1);
 $a-bg-default: rgba(255, 255, 255, 1);
-$a-bg-subtle: rgba(241, 241, 241, 1);
+$a-bg-subtle: rgba(236, 238, 240, 1);
 $a-surface-default: rgba(255, 255, 255, 1);
-$a-surface-hover: rgba(0, 0, 0, 0.05);
-$a-surface-active: rgba(0, 0, 0, 0.1);
+$a-surface-hover: rgba(18, 43, 68, 0.08);
+$a-surface-active: rgba(17, 41, 64, 0.13);
 $a-surface-selected: rgba(230, 240, 255, 1);
-$a-surface-subtle: rgba(247, 247, 247, 1);
+$a-surface-subtle: rgba(242, 243, 245, 1);
 $a-surface-transparent: rgba(255, 255, 255, 0);
-$a-surface-backdrop: rgba(0, 0, 0, 0.65);
-$a-surface-inverted-hover: rgba(64, 64, 64, 1);
-$a-surface-inverted-active: rgba(89, 89, 89, 1);
-$a-surface-inverted: rgba(38, 38, 38, 1);
+$a-surface-backdrop: rgba(2, 20, 49, 0.49);
+$a-surface-inverted-hover: rgba(66, 71, 79, 1);
+$a-surface-inverted-active: rgba(82, 89, 98, 1);
+$a-surface-inverted: rgba(35, 38, 42, 1);
 $a-surface-action-subtle-hover: rgba(204, 225, 255, 1);
 $a-surface-action-subtle: rgba(230, 240, 255, 1);
 $a-surface-action-hover: rgba(0, 86, 180, 1);
-$a-surface-action-active: rgba(0, 91, 130, 1);
-$a-surface-action-selected-hover: rgba(0, 80, 119, 1);
-$a-surface-action-selected: rgba(0, 91, 130, 1);
+$a-surface-action-active: rgba(0, 69, 156, 1);
+$a-surface-action-selected-hover: rgba(0, 52, 125, 1);
+$a-surface-action-selected: rgba(0, 69, 156, 1);
 $a-surface-action: rgba(0, 103, 197, 1);
-$a-surface-neutral-subtle-hover: rgba(0, 0, 0, 0.1);
-$a-surface-neutral-subtle: rgba(0, 0, 0, 0.05);
-$a-surface-neutral-moderate: rgba(0, 0, 0, 0.1);
-$a-surface-neutral-hover: rgba(64, 64, 64, 1);
-$a-surface-neutral-selected: rgba(38, 38, 38, 1);
-$a-surface-neutral-active: rgba(38, 38, 38, 1);
-$a-surface-neutral: rgba(89, 89, 89, 1);
+$a-surface-neutral-subtle-hover: rgba(17, 41, 64, 0.13);
+$a-surface-neutral-subtle: rgba(18, 43, 68, 0.08);
+$a-surface-neutral-moderate: rgba(17, 41, 64, 0.13);
+$a-surface-neutral-hover: rgba(66, 71, 79, 1);
+$a-surface-neutral-selected: rgba(35, 38, 42, 1);
+$a-surface-neutral-active: rgba(35, 38, 42, 1);
+$a-surface-neutral: rgba(82, 89, 98, 1);
 $a-surface-success-subtle-hover: rgba(153, 222, 173, 1);
 $a-surface-success-subtle: rgba(204, 241, 214, 1);
 $a-surface-success-moderate: rgba(153, 222, 173, 1);
@@ -254,9 +254,9 @@ $a-surface-alt-3-subtle: rgba(204, 226, 240, 1);
 $a-surface-alt-3-moderate: rgba(153, 196, 221, 1);
 $a-surface-alt-3-strong: rgba(0, 52, 83, 1);
 $a-surface-alt-3: rgba(0, 91, 130, 1);
-$a-icon-default: rgba(38, 38, 38, 1);
-$a-icon-subtle: rgba(0, 0, 0, 0.65);
-$a-icon-action-selected: rgba(0, 91, 130, 1);
+$a-icon-default: rgba(35, 38, 42, 1);
+$a-icon-subtle: rgba(1, 11, 24, 0.68);
+$a-icon-action-selected: rgba(0, 69, 156, 1);
 $a-icon-action-on-action-subtle: rgba(0, 86, 180, 1);
 $a-icon-action: rgba(0, 103, 197, 1);
 $a-icon-success: rgba(6, 137, 58, 1);
@@ -271,8 +271,8 @@ $a-icon-on-inverted: rgba(255, 255, 255, 1);
 $a-icon-on-action: rgba(255, 255, 255, 1);
 $a-icon-on-success: rgba(255, 255, 255, 1);
 $a-icon-on-danger: rgba(255, 255, 255, 1);
-$a-icon-on-warning: rgba(38, 38, 38, 1);
-$a-icon-on-info: rgba(38, 38, 38, 1);
+$a-icon-on-warning: rgba(35, 38, 42, 1);
+$a-icon-on-info: rgba(35, 38, 42, 1);
 $a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
 $a-shadow-small: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
 $a-shadow-medium: 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15);

package/docs.json

@@ -75,28 +75,28 @@
     { "name": "--a-nav-red", "value": "rgba(195, 0, 0, 1)" }
   ],
   "global-gray": [
-    { "name": "--a-gray-50", "value": "rgba(247, 247, 247, 1)" },
-    { "name": "--a-gray-100", "value": "rgba(241, 241, 241, 1)" },
-    { "name": "--a-gray-200", "value": "rgba(229, 229, 229, 1)" },
-    { "name": "--a-gray-300", "value": "rgba(207, 207, 207, 1)" },
-    { "name": "--a-gray-400", "value": "rgba(176, 176, 176, 1)" },
-    { "name": "--a-gray-500", "value": "rgba(143, 143, 143, 1)" },
-    { "name": "--a-gray-600", "value": "rgba(112, 112, 112, 1)" },
-    { "name": "--a-gray-700", "value": "rgba(89, 89, 89, 1)" },
-    { "name": "--a-gray-800", "value": "rgba(64, 64, 64, 1)" },
-    { "name": "--a-gray-900", "value": "rgba(38, 38, 38, 1)" }
+    { "name": "--a-gray-50", "value": "rgba(242, 243, 245, 1)" },
+    { "name": "--a-gray-100", "value": "rgba(236, 238, 240, 1)" },
+    { "name": "--a-gray-200", "value": "rgba(224, 227, 230, 1)" },
+    { "name": "--a-gray-300", "value": "rgba(203, 207, 213, 1)" },
+    { "name": "--a-gray-400", "value": "rgba(170, 176, 186, 1)" },
+    { "name": "--a-gray-500", "value": "rgba(131, 140, 154, 1)" },
+    { "name": "--a-gray-600", "value": "rgba(103, 111, 123, 1)" },
+    { "name": "--a-gray-700", "value": "rgba(82, 89, 98, 1)" },
+    { "name": "--a-gray-800", "value": "rgba(66, 71, 79, 1)" },
+    { "name": "--a-gray-900", "value": "rgba(35, 38, 42, 1)" }
   ],
   "global-grayalpha": [
-    { "name": "--a-grayalpha-50", "value": "rgba(0, 0, 0, 0.03)" },
-    { "name": "--a-grayalpha-100", "value": "rgba(0, 0, 0, 0.05)" },
-    { "name": "--a-grayalpha-200", "value": "rgba(0, 0, 0, 0.1)" },
-    { "name": "--a-grayalpha-300", "value": "rgba(0, 0, 0, 0.19)" },
-    { "name": "--a-grayalpha-400", "value": "rgba(0, 0, 0, 0.31)" },
-    { "name": "--a-grayalpha-500", "value": "rgba(0, 0, 0, 0.44)" },
-    { "name": "--a-grayalpha-600", "value": "rgba(0, 0, 0, 0.56)" },
-    { "name": "--a-grayalpha-700", "value": "rgba(0, 0, 0, 0.65)" },
-    { "name": "--a-grayalpha-800", "value": "rgba(0, 0, 0, 0.75)" },
-    { "name": "--a-grayalpha-900", "value": "rgba(0, 0, 0, 0.85)" }
+    { "name": "--a-grayalpha-50", "value": "rgba(38, 55, 89, 0.06)" },
+    { "name": "--a-grayalpha-100", "value": "rgba(18, 43, 68, 0.08)" },
+    { "name": "--a-grayalpha-200", "value": "rgba(17, 41, 64, 0.13)" },
+    { "name": "--a-grayalpha-300", "value": "rgba(7, 26, 54, 0.21)" },
+    { "name": "--a-grayalpha-400", "value": "rgba(5, 23, 51, 0.34)" },
+    { "name": "--a-grayalpha-500", "value": "rgba(2, 20, 49, 0.49)" },
+    { "name": "--a-grayalpha-600", "value": "rgba(2, 15, 34, 0.6)" },
+    { "name": "--a-grayalpha-700", "value": "rgba(1, 11, 24, 0.68)" },
+    { "name": "--a-grayalpha-800", "value": "rgba(3, 11, 22, 0.75)" },
+    { "name": "--a-grayalpha-900", "value": "rgba(2, 5, 9, 0.87)" }
   ],
   "global-blue": [
     { "name": "--a-blue-50", "value": "rgba(230, 240, 255, 1)" },
@@ -196,17 +196,17 @@
   ],
 
   "semantic-border-default": [
-    { "name": "--a-border-default", "value": "rgba(0, 0, 0, 0.44)" },
-    { "name": "--a-border-strong", "value": "rgba(0, 0, 0, 0.65)" },
-    { "name": "--a-border-divider", "value": "rgba(0, 0, 0, 0.19)" },
-    { "name": "--a-border-subtle", "value": "rgba(0, 0, 0, 0.1)" },
-    { "name": "--a-border-subtle-hover", "value": "rgba(0, 0, 0, 0.19)" },
-    { "name": "--a-border-on-inverted", "value": "rgba(229, 229, 229, 1)" },
-    { "name": "--a-border-on-inverted-subtle", "value": "rgba(89, 89, 89, 1)" }
+    { "name": "--a-border-default", "value": "rgba(2, 20, 49, 0.49)" },
+    { "name": "--a-border-strong", "value": "rgba(1, 11, 24, 0.68)" },
+    { "name": "--a-border-divider", "value": "rgba(7, 26, 54, 0.21)" },
+    { "name": "--a-border-subtle", "value": "rgba(7, 26, 54, 0.21)" },
+    { "name": "--a-border-subtle-hover", "value": "rgba(5, 23, 51, 0.34)" },
+    { "name": "--a-border-on-inverted", "value": "rgba(224, 227, 230, 1)" },
+    { "name": "--a-border-on-inverted-subtle", "value": "rgba(82, 89, 98, 1)" }
   ],
   "semantic-border-action": [
     { "name": "--a-border-action", "value": "rgba(0, 103, 197, 1)" },
-    { "name": "--a-border-action-selected", "value": "rgba(0, 91, 130, 1)" },
+    { "name": "--a-border-action-selected", "value": "rgba(0, 69, 156, 1)" },
     { "name": "--a-border-selected", "value": "rgba(0, 103, 197, 1)" }
   ],
   "semantic-border-status": [
@@ -228,19 +228,19 @@
     { "name": "--a-border-alt-3", "value": "rgba(0, 91, 130, 1)" }
   ],
   "semantic-text": [
-    { "name": "--a-text-default", "value": "rgba(38, 38, 38, 1)" },
-    { "name": "--a-text-subtle", "value": "rgba(0, 0, 0, 0.65)" },
+    { "name": "--a-text-default", "value": "rgba(35, 38, 42, 1)" },
+    { "name": "--a-text-subtle", "value": "rgba(1, 11, 24, 0.68)" },
     { "name": "--a-text-visited", "value": "rgba(99, 70, 137, 1)" },
     { "name": "--a-text-danger", "value": "rgba(195, 0, 0, 1)" },
     { "name": "--a-text-action", "value": "rgba(0, 103, 197, 1)" },
-    { "name": "--a-text-action-selected", "value": "rgba(0, 91, 130, 1)" },
+    { "name": "--a-text-action-selected", "value": "rgba(0, 69, 156, 1)" },
     {
       "name": "--a-text-action-on-action-subtle",
       "value": "rgba(0, 86, 180, 1)"
     },
-    { "name": "--a-text-on-warning", "value": "rgba(38, 38, 38, 1)" },
-    { "name": "--a-text-on-info", "value": "rgba(38, 38, 38, 1)" },
-    { "name": "--a-text-on-alt-2", "value": "rgba(38, 38, 38, 1)" },
+    { "name": "--a-text-on-warning", "value": "rgba(35, 38, 42, 1)" },
+    { "name": "--a-text-on-info", "value": "rgba(35, 38, 42, 1)" },
+    { "name": "--a-text-on-alt-2", "value": "rgba(35, 38, 42, 1)" },
     { "name": "--a-text-on-inverted", "value": "rgba(255, 255, 255, 1)" },
     { "name": "--a-text-on-neutral", "value": "rgba(255, 255, 255, 1)" },
     { "name": "--a-text-on-action", "value": "rgba(255, 255, 255, 1)" },
@@ -251,15 +251,15 @@
   ],
   "semantic-surface-default": [
     { "name": "--a-surface-default", "value": "rgba(255, 255, 255, 1)" },
-    { "name": "--a-surface-hover", "value": "rgba(0, 0, 0, 0.05)" },
-    { "name": "--a-surface-active", "value": "rgba(0, 0, 0, 0.1)" },
+    { "name": "--a-surface-hover", "value": "rgba(18, 43, 68, 0.08)" },
+    { "name": "--a-surface-active", "value": "rgba(17, 41, 64, 0.13)" },
     { "name": "--a-surface-selected", "value": "rgba(230, 240, 255, 1)" },
-    { "name": "--a-surface-subtle", "value": "rgba(247, 247, 247, 1)" },
+    { "name": "--a-surface-subtle", "value": "rgba(242, 243, 245, 1)" },
     { "name": "--a-surface-transparent", "value": "rgba(255, 255, 255, 0)" },
-    { "name": "--a-surface-backdrop", "value": "rgba(0, 0, 0, 0.65)" },
-    { "name": "--a-surface-inverted-hover", "value": "rgba(64, 64, 64, 1)" },
-    { "name": "--a-surface-inverted-active", "value": "rgba(89, 89, 89, 1)" },
-    { "name": "--a-surface-inverted", "value": "rgba(38, 38, 38, 1)" }
+    { "name": "--a-surface-backdrop", "value": "rgba(2, 20, 49, 0.49)" },
+    { "name": "--a-surface-inverted-hover", "value": "rgba(66, 71, 79, 1)" },
+    { "name": "--a-surface-inverted-active", "value": "rgba(82, 89, 98, 1)" },
+    { "name": "--a-surface-inverted", "value": "rgba(35, 38, 42, 1)" }
   ],
   "semantic-surface-action": [
     { "name": "--a-surface-action-subtle", "value": "rgba(230, 240, 255, 1)" },
@@ -269,24 +269,27 @@
     },
     { "name": "--a-surface-action", "value": "rgba(0, 103, 197, 1)" },
     { "name": "--a-surface-action-hover", "value": "rgba(0, 86, 180, 1)" },
-    { "name": "--a-surface-action-active", "value": "rgba(0, 91, 130, 1)" },
-    { "name": "--a-surface-action-selected", "value": "rgba(0, 91, 130, 1)" },
+    { "name": "--a-surface-action-active", "value": "rgba(0, 69, 156, 1)" },
+    { "name": "--a-surface-action-selected", "value": "rgba(0, 69, 156, 1)" },
     {
       "name": "--a-surface-action-selected-hover",
-      "value": "rgba(0, 80, 119, 1)"
+      "value": "rgba(0, 52, 125, 1)"
     }
   ],
   "semantic-surface-neutral": [
-    { "name": "--a-surface-neutral-subtle", "value": "rgba(0, 0, 0, 0.05)" },
+    { "name": "--a-surface-neutral-subtle", "value": "rgba(18, 43, 68, 0.08)" },
     {
       "name": "--a-surface-neutral-subtle-hover",
-      "value": "rgba(0, 0, 0, 0.1)"
+      "value": "rgba(17, 41, 64, 0.13)"
     },
-    { "name": "--a-surface-neutral-moderate", "value": "rgba(0, 0, 0, 0.1)" },
-    { "name": "--a-surface-neutral", "value": "rgba(89, 89, 89, 1)" },
-    { "name": "--a-surface-neutral-hover", "value": "rgba(64, 64, 64, 1)" },
-    { "name": "--a-surface-neutral-selected", "value": "rgba(38, 38, 38, 1)" },
-    { "name": "--a-surface-neutral-active", "value": "rgba(38, 38, 38, 1)" }
+    {
+      "name": "--a-surface-neutral-moderate",
+      "value": "rgba(17, 41, 64, 0.13)"
+    },
+    { "name": "--a-surface-neutral", "value": "rgba(82, 89, 98, 1)" },
+    { "name": "--a-surface-neutral-hover", "value": "rgba(66, 71, 79, 1)" },
+    { "name": "--a-surface-neutral-selected", "value": "rgba(35, 38, 42, 1)" },
+    { "name": "--a-surface-neutral-active", "value": "rgba(35, 38, 42, 1)" }
   ],
   "semantic-surface-success": [
     { "name": "--a-surface-success-subtle", "value": "rgba(204, 241, 214, 1)" },
@@ -356,18 +359,18 @@
     },
     {
       "name": "--a-bg-subtle",
-      "value": "rgba(241, 241, 241, 1)"
+      "value": "rgba(236, 238, 240, 1)"
     }
   ],
   "semantic-icon-defaults": [
-    { "name": "--a-icon-default", "value": "rgba(38, 38, 38, 1)" },
-    { "name": "--a-icon-subtle", "value": "rgba(0, 0, 0, 0.65)" },
+    { "name": "--a-icon-default", "value": "rgba(35, 38, 42, 1)" },
+    { "name": "--a-icon-subtle", "value": "rgba(1, 11, 24, 0.68)" },
     { "name": "--a-icon-on-neutral", "value": "rgba(255, 255, 255, 1)" },
     { "name": "--a-icon-on-inverted", "value": "rgba(255, 255, 255, 1)" }
   ],
   "semantic-icon-action": [
     { "name": "--a-icon-action", "value": "rgba(0, 103, 197, 1)" },
-    { "name": "--a-icon-action-selected", "value": "rgba(0, 91, 130, 1)" },
+    { "name": "--a-icon-action-selected", "value": "rgba(0, 69, 156, 1)" },
     {
       "name": "--a-icon-action-on-action-subtle",
       "value": "rgba(0, 86, 180, 1)"
@@ -380,9 +383,9 @@
     { "name": "--a-icon-danger", "value": "rgba(195, 0, 0, 1)" },
     { "name": "--a-icon-on-danger", "value": "rgba(255, 255, 255, 1)" },
     { "name": "--a-icon-warning", "value": "rgba(199, 115, 0, 1)" },
-    { "name": "--a-icon-on-warning", "value": "rgba(38, 38, 38, 1)" },
+    { "name": "--a-icon-on-warning", "value": "rgba(35, 38, 42, 1)" },
     { "name": "--a-icon-info", "value": "rgba(35, 107, 125, 1)" },
-    { "name": "--a-icon-on-info", "value": "rgba(38, 38, 38, 1)" }
+    { "name": "--a-icon-on-info", "value": "rgba(35, 38, 42, 1)" }
   ],
   "semantic-icon-alt": [
     { "name": "--a-icon-alt-1", "value": "rgba(99, 70, 137, 1)" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "4.12.1",
+  "version": "5.0.0",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

package/src/global-colors.json

@@ -13,66 +13,66 @@
     },
     "gray": {
       "50": {
-        "value": "rgba(247, 247, 247, 1)"
+        "value": "rgba(242, 243, 245, 1)"
       },
       "100": {
-        "value": "rgba(241, 241, 241, 1)"
+        "value": "rgba(236, 238, 240, 1)"
       },
       "200": {
-        "value": "rgba(229, 229, 229, 1)"
+        "value": "rgba(224, 227, 230, 1)"
       },
       "300": {
-        "value": "rgba(207, 207, 207, 1)"
+        "value": "rgba(203, 207, 213, 1)"
       },
       "400": {
-        "value": "rgba(176, 176, 176, 1)"
+        "value": "rgba(170, 176, 186, 1)"
       },
       "500": {
-        "value": "rgba(143, 143, 143, 1)"
+        "value": "rgba(131, 140, 154, 1)"
       },
       "600": {
-        "value": "rgba(112, 112, 112, 1)"
+        "value": "rgba(103, 111, 123, 1)"
       },
       "700": {
-        "value": "rgba(89, 89, 89, 1)"
+        "value": "rgba(82, 89, 98, 1)"
       },
       "800": {
-        "value": "rgba(64, 64, 64, 1)"
+        "value": "rgba(66, 71, 79, 1)"
       },
       "900": {
-        "value": "rgba(38, 38, 38, 1)"
+        "value": "rgba(35, 38, 42, 1)"
       }
     },
     "grayalpha": {
       "50": {
-        "value": "rgba(0, 0, 0, 0.03)"
+        "value": "rgba(38, 55, 89, 0.06)"
       },
       "100": {
-        "value": "rgba(0, 0, 0, 0.05)"
+        "value": "rgba(18, 43, 68, 0.08)"
       },
       "200": {
-        "value": "rgba(0, 0, 0, 0.1)"
+        "value": "rgba(17, 41, 64, 0.13)"
       },
       "300": {
-        "value": "rgba(0, 0, 0, 0.19)"
+        "value": "rgba(7, 26, 54, 0.21)"
       },
       "400": {
-        "value": "rgba(0, 0, 0, 0.31)"
+        "value": "rgba(5, 23, 51, 0.34)"
       },
       "500": {
-        "value": "rgba(0, 0, 0, 0.44)"
+        "value": "rgba(2, 20, 49, 0.49)"
       },
       "600": {
-        "value": "rgba(0, 0, 0, 0.56)"
+        "value": "rgba(2, 15, 34, 0.6)"
       },
       "700": {
-        "value": "rgba(0, 0, 0, 0.65)"
+        "value": "rgba(1, 11, 24, 0.68)"
       },
       "800": {
-        "value": "rgba(0, 0, 0, 0.75)"
+        "value": "rgba(3, 11, 22, 0.75)"
       },
       "900": {
-        "value": "rgba(0, 0, 0, 0.85)"
+        "value": "rgba(2, 5, 9, 0.87)"
       }
     },
     "blue": {

package/src/semantic-colors.json

@@ -15,7 +15,7 @@
       },
       "action": {
         "selected": {
-          "value": "{a.deepblue.500.value}"
+          "value": "{a.blue.700.value}"
         },
         "on": {
           "action": {
@@ -89,7 +89,7 @@
         "value": "{a.transparent.value}"
       },
       "backdrop": {
-        "value": "{a.grayalpha.700.value}"
+        "value": "{a.grayalpha.500.value}"
       },
       "inverted": {
         "hover": {
@@ -115,13 +115,13 @@
           "value": "{a.blue.600.value}"
         },
         "active": {
-          "value": "{a.deepblue.500.value}"
+          "value": "{a.blue.700.value}"
         },
         "selected": {
           "hover": {
-            "value": "{a.deepblue.600.value}"
+            "value": "{a.blue.800.value}"
           },
-          "@": { "value": "{a.deepblue.500.value}" }
+          "@": { "value": "{a.blue.700.value}" }
         },
         "@": {
           "value": "{a.blue.500.value}"
@@ -233,11 +233,11 @@
         "value": "{a.grayalpha.300.value}"
       },
       "subtle": {
-        "hover": { "value": "{a.grayalpha.300.value}" },
-        "@": { "value": "{a.grayalpha.200.value}" }
+        "hover": { "value": "{a.grayalpha.400.value}" },
+        "@": { "value": "{a.grayalpha.300.value}" }
       },
       "action": {
-        "selected": { "value": "{a.deepblue.500.value}" },
+        "selected": { "value": "{a.blue.700.value}" },
         "@": { "value": "{a.blue.500.value}" }
       },
       "selected": {
@@ -287,7 +287,7 @@
         "value": "{a.grayalpha.700.value}"
       },
       "action": {
-        "selected": { "value": "{a.deepblue.500.value}" },
+        "selected": { "value": "{a.blue.700.value}" },
         "on": {
           "action": {
             "subtle": {