@navikt/ds-tokens 2.1.6 → 2.2.0

package/README.md

@@ -28,9 +28,9 @@ backgroundcolor: var(--a-surface-default);
 
 ## Learn more
 
-- [Designsystem documentation](https://aksel.nav.no/designsystem)
-- [Storybook](https://master--5f801fb2aea7820022de2936.chromatic.com/)
+- [Docs](https://aksel.nav.no/komponenter)
+- [Storybook](https://aksel.nav.no/storybook/)
 
 ## License
 
-[MIT](https://github.com/navikt/Designsystemet/blob/master/LICENCE)
+[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)

package/dist/tokens-cjs.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Feb 2023 12:31:32 GMT
+ * Generated on Thu, 16 Feb 2023 12:51:16 GMT
  */
 
 module.exports = {
@@ -36,7 +36,7 @@ module.exports = {
   "ABorderRadiusXlarge": "12px",
   "ABorderRadiusFull": "9999px",
   "ABorderDefault": "rgba(0, 0, 0, 0.44)",
-  "ABorderStrong": "rgba(0, 0, 0, 0.56)",
+  "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)",
@@ -45,14 +45,14 @@ module.exports = {
   "ABorderSelected": "rgba(0, 103, 197, 1)",
   "ABorderSuccess": "rgba(6, 137, 58, 1)",
   "ABorderDanger": "rgba(195, 0, 0, 1)",
-  "ABorderWarning": "rgba(212, 123, 0, 1)",
+  "ABorderWarning": "rgba(199, 115, 0, 1)",
   "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)",
   "ABorderAlt1": "rgba(130, 105, 162, 1)",
-  "ABorderAlt2": "rgba(193, 203, 51, 1)",
+  "ABorderAlt2": "rgba(127, 137, 0, 1)",
   "ABorderAlt3": "rgba(0, 91, 130, 1)",
   "ATransparent": "rgba(255, 255, 255, 0)",
   "AWhite": "rgba(255, 255, 255, 1)",
@@ -88,7 +88,7 @@ module.exports = {
   "ABlue800": "rgba(0, 52, 125, 1)",
   "ABlue900": "rgba(0, 34, 82, 1)",
   "ARed50": "rgba(255, 230, 230, 1)",
-  "ARed100": "rgba(255, 184, 184, 1)",
+  "ARed100": "rgba(255, 194, 194, 1)",
   "ARed200": "rgba(246, 130, 130, 1)",
   "ARed300": "rgba(242, 92, 92, 1)",
   "ARed400": "rgba(222, 46, 46, 1)",
@@ -143,7 +143,7 @@ module.exports = {
   "AOrange300": "rgba(255, 193, 102, 1)",
   "AOrange400": "rgba(255, 170, 51, 1)",
   "AOrange500": "rgba(255, 145, 0, 1)",
-  "AOrange600": "rgba(212, 123, 0, 1)",
+  "AOrange600": "rgba(199, 115, 0, 1)",
   "AOrange700": "rgba(168, 100, 0, 1)",
   "AOrange800": "rgba(125, 76, 0, 1)",
   "AOrange900": "rgba(82, 51, 0, 1)",
@@ -177,8 +177,8 @@ module.exports = {
   "ABgDefault": "rgba(255, 255, 255, 1)",
   "ABgSubtle": "rgba(241, 241, 241, 1)",
   "ASurfaceDefault": "rgba(255, 255, 255, 1)",
-  "ASurfaceHover": "rgba(0, 0, 0, 0.03)",
-  "ASurfaceActive": "rgba(0, 0, 0, 0.05)",
+  "ASurfaceHover": "rgba(0, 0, 0, 0.05)",
+  "ASurfaceActive": "rgba(0, 0, 0, 0.1)",
   "ASurfaceSelected": "rgba(230, 240, 255, 1)",
   "ASurfaceSubtle": "rgba(247, 247, 247, 1)",
   "ASurfaceTransparent": "rgba(255, 255, 255, 0)",
@@ -195,29 +195,30 @@ module.exports = {
   "ASurfaceAction": "rgba(0, 103, 197, 1)",
   "ASurfaceNeutralSubtleHover": "rgba(0, 0, 0, 0.1)",
   "ASurfaceNeutralSubtle": "rgba(0, 0, 0, 0.05)",
-  "ASurfaceNeutralHover": "rgba(89, 89, 89, 1)",
-  "ASurfaceNeutralSelected": "rgba(89, 89, 89, 1)",
-  "ASurfaceNeutral": "rgba(112, 112, 112, 1)",
-  "ASurfaceSuccessSubtleHover": "rgba(204, 241, 214, 1)",
-  "ASurfaceSuccessSubtle": "rgba(243, 252, 245, 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)",
+  "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)",
+  "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)",
   "ASurfaceSuccess": "rgba(6, 137, 58, 1)",
   "ASurfaceSuccessHover": "rgba(0, 124, 46, 1)",
-  "ASurfaceDangerSubtleHover": "rgba(255, 184, 184, 1)",
-  "ASurfaceDangerSubtle": "rgba(255, 230, 230, 1)",
+  "ASurfaceDangerSubtleHover": "rgba(246, 130, 130, 1)",
+  "ASurfaceDangerSubtle": "rgba(255, 194, 194, 1)",
   "ASurfaceDangerHover": "rgba(173, 0, 0, 1)",
   "ASurfaceDangerActive": "rgba(140, 0, 0, 1)",
   "ASurfaceDanger": "rgba(195, 0, 0, 1)",
-  "ASurfaceWarningSubtleHover": "rgba(255, 236, 204, 1)",
-  "ASurfaceWarningSubtle": "rgba(255, 249, 240, 1)",
+  "ASurfaceWarningSubtleHover": "rgba(255, 215, 153, 1)",
+  "ASurfaceWarningSubtle": "rgba(255, 236, 204, 1)",
   "ASurfaceWarning": "rgba(255, 145, 0, 1)",
-  "ASurfaceInfoSubtleHover": "rgba(216, 249, 255, 1)",
-  "ASurfaceInfoSubtle": "rgba(235, 252, 255, 1)",
+  "ASurfaceInfoSubtleHover": "rgba(181, 241, 255, 1)",
+  "ASurfaceInfoSubtle": "rgba(216, 249, 255, 1)",
   "ASurfaceInfo": "rgba(102, 203, 236, 1)",
-  "ASurfaceAlt1Subtle": "rgba(239, 236, 244, 1)",
+  "ASurfaceAlt1Subtle": "rgba(224, 216, 233, 1)",
   "ASurfaceAlt1": "rgba(130, 105, 162, 1)",
-  "ASurfaceAlt2Subtle": "rgba(253, 255, 230, 1)",
+  "ASurfaceAlt2Subtle": "rgba(249, 252, 204, 1)",
   "ASurfaceAlt2": "rgba(193, 203, 51, 1)",
-  "ASurfaceAlt3Subtle": "rgba(230, 241, 248, 1)",
+  "ASurfaceAlt3Subtle": "rgba(204, 226, 240, 1)",
   "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)",
   "ASurfaceAlt3": "rgba(0, 91, 130, 1)",
   "AIconDefault": "rgba(38, 38, 38, 1)",
@@ -227,9 +228,11 @@ module.exports = {
   "AIconAction": "rgba(0, 103, 197, 1)",
   "AIconSuccess": "rgba(6, 137, 58, 1)",
   "AIconDanger": "rgba(195, 0, 0, 1)",
-  "AIconWarning": "rgba(212, 123, 0, 1)",
-  "AIconInfo": "rgba(54, 141, 168, 1)",
-  "AIconAlt1": "rgba(130, 105, 162, 1)",
+  "AIconWarning": "rgba(199, 115, 0, 1)",
+  "AIconInfo": "rgba(35, 107, 125, 1)",
+  "AIconAlt1": "rgba(99, 70, 137, 1)",
+  "AIconAlt2": "rgba(127, 137, 0, 1)",
+  "AIconAlt3": "rgba(51, 128, 165, 1)",
   "AIconOnNeutral": "rgba(255, 255, 255, 1)",
   "AIconOnInverted": "rgba(255, 255, 255, 1)",
   "AIconOnAction": "rgba(255, 255, 255, 1)",

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Feb 2023 12:31:32 GMT
+ * Generated on Thu, 16 Feb 2023 12:51:16 GMT
  */
 
 :root, :host {
@@ -42,7 +42,7 @@
   --a-orange-900: rgba(82, 51, 0, 1);
   --a-orange-800: rgba(125, 76, 0, 1);
   --a-orange-700: rgba(168, 100, 0, 1);
-  --a-orange-600: rgba(212, 123, 0, 1);
+  --a-orange-600: rgba(199, 115, 0, 1);
   --a-orange-500: rgba(255, 145, 0, 1);
   --a-orange-400: rgba(255, 170, 51, 1);
   --a-orange-300: rgba(255, 193, 102, 1);
@@ -97,7 +97,7 @@
   --a-red-400: rgba(222, 46, 46, 1);
   --a-red-300: rgba(242, 92, 92, 1);
   --a-red-200: rgba(246, 130, 130, 1);
-  --a-red-100: rgba(255, 184, 184, 1);
+  --a-red-100: rgba(255, 194, 194, 1);
   --a-red-50: rgba(255, 230, 230, 1);
   --a-blue-900: rgba(0, 34, 82, 1);
   --a-blue-800: rgba(0, 52, 125, 1);
@@ -170,8 +170,10 @@
   --a-icon-on-action: var(--a-white);
   --a-icon-on-inverted: var(--a-white);
   --a-icon-on-neutral: var(--a-white);
-  --a-icon-alt-1: var(--a-purple-400);
-  --a-icon-info: var(--a-lightblue-700);
+  --a-icon-alt-3: var(--a-deepblue-400);
+  --a-icon-alt-2: var(--a-limegreen-700);
+  --a-icon-alt-1: var(--a-purple-500);
+  --a-icon-info: var(--a-lightblue-800);
   --a-icon-warning: var(--a-orange-600);
   --a-icon-danger: var(--a-red-500);
   --a-icon-success: var(--a-green-500);
@@ -182,29 +184,30 @@
   --a-icon-default: var(--a-gray-900);
   --a-surface-alt-3: var(--a-deepblue-500);
   --a-surface-alt-3-strong: var(--a-deepblue-800);
-  --a-surface-alt-3-subtle: var(--a-deepblue-50);
+  --a-surface-alt-3-subtle: var(--a-deepblue-100);
   --a-surface-alt-2: var(--a-limegreen-400);
-  --a-surface-alt-2-subtle: var(--a-limegreen-50);
+  --a-surface-alt-2-subtle: var(--a-limegreen-100);
   --a-surface-alt-1: var(--a-purple-400);
-  --a-surface-alt-1-subtle: var(--a-purple-50);
+  --a-surface-alt-1-subtle: var(--a-purple-100);
   --a-surface-info: var(--a-lightblue-500);
-  --a-surface-info-subtle: var(--a-lightblue-50);
-  --a-surface-info-subtle-hover: var(--a-lightblue-100);
+  --a-surface-info-subtle: var(--a-lightblue-100);
+  --a-surface-info-subtle-hover: var(--a-lightblue-200);
   --a-surface-warning: var(--a-orange-500);
-  --a-surface-warning-subtle: var(--a-orange-50);
-  --a-surface-warning-subtle-hover: var(--a-orange-100);
+  --a-surface-warning-subtle: var(--a-orange-100);
+  --a-surface-warning-subtle-hover: var(--a-orange-200);
   --a-surface-danger: var(--a-red-500);
   --a-surface-danger-active: var(--a-red-700);
   --a-surface-danger-hover: var(--a-red-600);
-  --a-surface-danger-subtle: var(--a-red-50);
-  --a-surface-danger-subtle-hover: var(--a-red-100);
+  --a-surface-danger-subtle: var(--a-red-100);
+  --a-surface-danger-subtle-hover: var(--a-red-200);
   --a-surface-success-hover: var(--a-green-600);
   --a-surface-success: var(--a-green-500);
-  --a-surface-success-subtle: var(--a-green-50);
-  --a-surface-success-subtle-hover: var(--a-green-100);
-  --a-surface-neutral: var(--a-gray-600);
-  --a-surface-neutral-selected: var(--a-gray-700);
-  --a-surface-neutral-hover: var(--a-gray-700);
+  --a-surface-success-subtle: var(--a-green-100);
+  --a-surface-success-subtle-hover: var(--a-green-200);
+  --a-surface-neutral: var(--a-gray-700);
+  --a-surface-neutral-active: var(--a-gray-900);
+  --a-surface-neutral-selected: var(--a-gray-900);
+  --a-surface-neutral-hover: var(--a-gray-800);
   --a-surface-neutral-subtle: var(--a-grayalpha-100);
   --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
   --a-surface-action: var(--a-blue-500);
@@ -221,8 +224,8 @@
   --a-surface-transparent: var(--a-transparent);
   --a-surface-subtle: var(--a-gray-50);
   --a-surface-selected: var(--a-blue-50);
-  --a-surface-active: var(--a-grayalpha-100);
-  --a-surface-hover: var(--a-grayalpha-50);
+  --a-surface-active: var(--a-grayalpha-200);
+  --a-surface-hover: var(--a-grayalpha-100);
   --a-surface-default: var(--a-white);
   --a-bg-subtle: var(--a-gray-100);
   --a-bg-default: var(--a-white);
@@ -244,7 +247,7 @@
   --a-text-subtle: var(--a-grayalpha-600);
   --a-text-default: var(--a-gray-900);
   --a-border-alt-3: var(--a-deepblue-500);
-  --a-border-alt-2: var(--a-limegreen-400);
+  --a-border-alt-2: var(--a-limegreen-700);
   --a-border-alt-1: var(--a-purple-400);
   --a-border-on-inverted-subtle: var(--a-gray-700);
   --a-border-on-inverted: var(--a-gray-200);
@@ -260,7 +263,7 @@
   --a-border-subtle: var(--a-grayalpha-200);
   --a-border-subtle-hover: var(--a-grayalpha-300);
   --a-border-divider: var(--a-grayalpha-300);
-  --a-border-strong: var(--a-grayalpha-600);
+  --a-border-strong: var(--a-grayalpha-700);
   --a-border-default: var(--a-grayalpha-500);
   --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
   --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Feb 2023 12:31:32 GMT
+ * Generated on Thu, 16 Feb 2023 12:51:16 GMT
  */
 
 export const AFontFamily : string;
@@ -196,6 +196,7 @@ export const ASurfaceNeutralSubtleHover : string;
 export const ASurfaceNeutralSubtle : string;
 export const ASurfaceNeutralHover : string;
 export const ASurfaceNeutralSelected : string;
+export const ASurfaceNeutralActive : string;
 export const ASurfaceNeutral : string;
 export const ASurfaceSuccessSubtleHover : string;
 export const ASurfaceSuccessSubtle : string;
@@ -229,6 +230,8 @@ export const AIconDanger : string;
 export const AIconWarning : string;
 export const AIconInfo : string;
 export const AIconAlt1 : string;
+export const AIconAlt2 : string;
+export const AIconAlt3 : string;
 export const AIconOnNeutral : string;
 export const AIconOnInverted : string;
 export const AIconOnAction : string;

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Feb 2023 12:31:32 GMT
+ * Generated on Thu, 16 Feb 2023 12:51:16 GMT
  */
 
 export const AFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -35,7 +35,7 @@ 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.56)";
+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)";
@@ -44,14 +44,14 @@ export const ABorderAction = "rgba(0, 103, 197, 1)";
 export const ABorderSelected = "rgba(0, 103, 197, 1)";
 export const ABorderSuccess = "rgba(6, 137, 58, 1)";
 export const ABorderDanger = "rgba(195, 0, 0, 1)";
-export const ABorderWarning = "rgba(212, 123, 0, 1)";
+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 ABorderAlt1 = "rgba(130, 105, 162, 1)";
-export const ABorderAlt2 = "rgba(193, 203, 51, 1)";
+export const ABorderAlt2 = "rgba(127, 137, 0, 1)";
 export const ABorderAlt3 = "rgba(0, 91, 130, 1)";
 export const ATransparent = "rgba(255, 255, 255, 0)";
 export const AWhite = "rgba(255, 255, 255, 1)";
@@ -87,7 +87,7 @@ export const ABlue700 = "rgba(0, 69, 156, 1)";
 export const ABlue800 = "rgba(0, 52, 125, 1)";
 export const ABlue900 = "rgba(0, 34, 82, 1)";
 export const ARed50 = "rgba(255, 230, 230, 1)";
-export const ARed100 = "rgba(255, 184, 184, 1)";
+export const ARed100 = "rgba(255, 194, 194, 1)";
 export const ARed200 = "rgba(246, 130, 130, 1)";
 export const ARed300 = "rgba(242, 92, 92, 1)";
 export const ARed400 = "rgba(222, 46, 46, 1)";
@@ -142,7 +142,7 @@ export const AOrange200 = "rgba(255, 215, 153, 1)";
 export const AOrange300 = "rgba(255, 193, 102, 1)";
 export const AOrange400 = "rgba(255, 170, 51, 1)";
 export const AOrange500 = "rgba(255, 145, 0, 1)";
-export const AOrange600 = "rgba(212, 123, 0, 1)";
+export const AOrange600 = "rgba(199, 115, 0, 1)";
 export const AOrange700 = "rgba(168, 100, 0, 1)";
 export const AOrange800 = "rgba(125, 76, 0, 1)";
 export const AOrange900 = "rgba(82, 51, 0, 1)";
@@ -176,8 +176,8 @@ 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 ASurfaceDefault = "rgba(255, 255, 255, 1)";
-export const ASurfaceHover = "rgba(0, 0, 0, 0.03)";
-export const ASurfaceActive = "rgba(0, 0, 0, 0.05)";
+export const ASurfaceHover = "rgba(0, 0, 0, 0.05)";
+export const ASurfaceActive = "rgba(0, 0, 0, 0.1)";
 export const ASurfaceSelected = "rgba(230, 240, 255, 1)";
 export const ASurfaceSubtle = "rgba(247, 247, 247, 1)";
 export const ASurfaceTransparent = "rgba(255, 255, 255, 0)";
@@ -194,29 +194,30 @@ export const ASurfaceActionSelected = "rgba(0, 91, 130, 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 ASurfaceNeutralHover = "rgba(89, 89, 89, 1)";
-export const ASurfaceNeutralSelected = "rgba(89, 89, 89, 1)";
-export const ASurfaceNeutral = "rgba(112, 112, 112, 1)";
-export const ASurfaceSuccessSubtleHover = "rgba(204, 241, 214, 1)";
-export const ASurfaceSuccessSubtle = "rgba(243, 252, 245, 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 ASurfaceSuccessSubtleHover = "rgba(153, 222, 173, 1)";
+export const ASurfaceSuccessSubtle = "rgba(204, 241, 214, 1)";
 export const ASurfaceSuccess = "rgba(6, 137, 58, 1)";
 export const ASurfaceSuccessHover = "rgba(0, 124, 46, 1)";
-export const ASurfaceDangerSubtleHover = "rgba(255, 184, 184, 1)";
-export const ASurfaceDangerSubtle = "rgba(255, 230, 230, 1)";
+export const ASurfaceDangerSubtleHover = "rgba(246, 130, 130, 1)";
+export const ASurfaceDangerSubtle = "rgba(255, 194, 194, 1)";
 export const ASurfaceDangerHover = "rgba(173, 0, 0, 1)";
 export const ASurfaceDangerActive = "rgba(140, 0, 0, 1)";
 export const ASurfaceDanger = "rgba(195, 0, 0, 1)";
-export const ASurfaceWarningSubtleHover = "rgba(255, 236, 204, 1)";
-export const ASurfaceWarningSubtle = "rgba(255, 249, 240, 1)";
+export const ASurfaceWarningSubtleHover = "rgba(255, 215, 153, 1)";
+export const ASurfaceWarningSubtle = "rgba(255, 236, 204, 1)";
 export const ASurfaceWarning = "rgba(255, 145, 0, 1)";
-export const ASurfaceInfoSubtleHover = "rgba(216, 249, 255, 1)";
-export const ASurfaceInfoSubtle = "rgba(235, 252, 255, 1)";
+export const ASurfaceInfoSubtleHover = "rgba(181, 241, 255, 1)";
+export const ASurfaceInfoSubtle = "rgba(216, 249, 255, 1)";
 export const ASurfaceInfo = "rgba(102, 203, 236, 1)";
-export const ASurfaceAlt1Subtle = "rgba(239, 236, 244, 1)";
+export const ASurfaceAlt1Subtle = "rgba(224, 216, 233, 1)";
 export const ASurfaceAlt1 = "rgba(130, 105, 162, 1)";
-export const ASurfaceAlt2Subtle = "rgba(253, 255, 230, 1)";
+export const ASurfaceAlt2Subtle = "rgba(249, 252, 204, 1)";
 export const ASurfaceAlt2 = "rgba(193, 203, 51, 1)";
-export const ASurfaceAlt3Subtle = "rgba(230, 241, 248, 1)";
+export const ASurfaceAlt3Subtle = "rgba(204, 226, 240, 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)";
@@ -226,9 +227,11 @@ export const AIconActionOnActionSubtle = "rgba(0, 86, 180, 1)";
 export const AIconAction = "rgba(0, 103, 197, 1)";
 export const AIconSuccess = "rgba(6, 137, 58, 1)";
 export const AIconDanger = "rgba(195, 0, 0, 1)";
-export const AIconWarning = "rgba(212, 123, 0, 1)";
-export const AIconInfo = "rgba(54, 141, 168, 1)";
-export const AIconAlt1 = "rgba(130, 105, 162, 1)";
+export const AIconWarning = "rgba(199, 115, 0, 1)";
+export const AIconInfo = "rgba(35, 107, 125, 1)";
+export const AIconAlt1 = "rgba(99, 70, 137, 1)";
+export const AIconAlt2 = "rgba(127, 137, 0, 1)";
+export const AIconAlt3 = "rgba(51, 128, 165, 1)";
 export const AIconOnNeutral = "rgba(255, 255, 255, 1)";
 export const AIconOnInverted = "rgba(255, 255, 255, 1)";
 export const AIconOnAction = "rgba(255, 255, 255, 1)";

package/dist/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 02 Feb 2023 12:31:32 GMT
+// Generated on Thu, 16 Feb 2023 12:51:16 GMT
 
 @a-font-family: "Source Sans Pro", Arial, sans-serif;
 @a-font-line-height-heading-2xlarge: 3.25rem;
@@ -34,7 +34,7 @@
 @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.56);
+@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);
@@ -43,14 +43,14 @@
 @a-border-selected: rgba(0, 103, 197, 1);
 @a-border-success: rgba(6, 137, 58, 1);
 @a-border-danger: rgba(195, 0, 0, 1);
-@a-border-warning: rgba(212, 123, 0, 1);
+@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-alt-1: rgba(130, 105, 162, 1);
-@a-border-alt-2: rgba(193, 203, 51, 1);
+@a-border-alt-2: rgba(127, 137, 0, 1);
 @a-border-alt-3: rgba(0, 91, 130, 1);
 @a-transparent: rgba(255, 255, 255, 0);
 @a-white: rgba(255, 255, 255, 1);
@@ -86,7 +86,7 @@
 @a-blue-800: rgba(0, 52, 125, 1);
 @a-blue-900: rgba(0, 34, 82, 1);
 @a-red-50: rgba(255, 230, 230, 1);
-@a-red-100: rgba(255, 184, 184, 1);
+@a-red-100: rgba(255, 194, 194, 1);
 @a-red-200: rgba(246, 130, 130, 1);
 @a-red-300: rgba(242, 92, 92, 1);
 @a-red-400: rgba(222, 46, 46, 1);
@@ -141,7 +141,7 @@
 @a-orange-300: rgba(255, 193, 102, 1);
 @a-orange-400: rgba(255, 170, 51, 1);
 @a-orange-500: rgba(255, 145, 0, 1);
-@a-orange-600: rgba(212, 123, 0, 1);
+@a-orange-600: rgba(199, 115, 0, 1);
 @a-orange-700: rgba(168, 100, 0, 1);
 @a-orange-800: rgba(125, 76, 0, 1);
 @a-orange-900: rgba(82, 51, 0, 1);
@@ -175,8 +175,8 @@
 @a-bg-default: rgba(255, 255, 255, 1);
 @a-bg-subtle: rgba(241, 241, 241, 1);
 @a-surface-default: rgba(255, 255, 255, 1);
-@a-surface-hover: rgba(0, 0, 0, 0.03);
-@a-surface-active: rgba(0, 0, 0, 0.05);
+@a-surface-hover: rgba(0, 0, 0, 0.05);
+@a-surface-active: rgba(0, 0, 0, 0.1);
 @a-surface-selected: rgba(230, 240, 255, 1);
 @a-surface-subtle: rgba(247, 247, 247, 1);
 @a-surface-transparent: rgba(255, 255, 255, 0);
@@ -193,29 +193,30 @@
 @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-hover: rgba(89, 89, 89, 1);
-@a-surface-neutral-selected: rgba(89, 89, 89, 1);
-@a-surface-neutral: rgba(112, 112, 112, 1);
-@a-surface-success-subtle-hover: rgba(204, 241, 214, 1);
-@a-surface-success-subtle: rgba(243, 252, 245, 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-success-subtle-hover: rgba(153, 222, 173, 1);
+@a-surface-success-subtle: rgba(204, 241, 214, 1);
 @a-surface-success: rgba(6, 137, 58, 1);
 @a-surface-success-hover: rgba(0, 124, 46, 1);
-@a-surface-danger-subtle-hover: rgba(255, 184, 184, 1);
-@a-surface-danger-subtle: rgba(255, 230, 230, 1);
+@a-surface-danger-subtle-hover: rgba(246, 130, 130, 1);
+@a-surface-danger-subtle: rgba(255, 194, 194, 1);
 @a-surface-danger-hover: rgba(173, 0, 0, 1);
 @a-surface-danger-active: rgba(140, 0, 0, 1);
 @a-surface-danger: rgba(195, 0, 0, 1);
-@a-surface-warning-subtle-hover: rgba(255, 236, 204, 1);
-@a-surface-warning-subtle: rgba(255, 249, 240, 1);
+@a-surface-warning-subtle-hover: rgba(255, 215, 153, 1);
+@a-surface-warning-subtle: rgba(255, 236, 204, 1);
 @a-surface-warning: rgba(255, 145, 0, 1);
-@a-surface-info-subtle-hover: rgba(216, 249, 255, 1);
-@a-surface-info-subtle: rgba(235, 252, 255, 1);
+@a-surface-info-subtle-hover: rgba(181, 241, 255, 1);
+@a-surface-info-subtle: rgba(216, 249, 255, 1);
 @a-surface-info: rgba(102, 203, 236, 1);
-@a-surface-alt-1-subtle: rgba(239, 236, 244, 1);
+@a-surface-alt-1-subtle: rgba(224, 216, 233, 1);
 @a-surface-alt-1: rgba(130, 105, 162, 1);
-@a-surface-alt-2-subtle: rgba(253, 255, 230, 1);
+@a-surface-alt-2-subtle: rgba(249, 252, 204, 1);
 @a-surface-alt-2: rgba(193, 203, 51, 1);
-@a-surface-alt-3-subtle: rgba(230, 241, 248, 1);
+@a-surface-alt-3-subtle: rgba(204, 226, 240, 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);
@@ -225,9 +226,11 @@
 @a-icon-action: rgba(0, 103, 197, 1);
 @a-icon-success: rgba(6, 137, 58, 1);
 @a-icon-danger: rgba(195, 0, 0, 1);
-@a-icon-warning: rgba(212, 123, 0, 1);
-@a-icon-info: rgba(54, 141, 168, 1);
-@a-icon-alt-1: rgba(130, 105, 162, 1);
+@a-icon-warning: rgba(199, 115, 0, 1);
+@a-icon-info: rgba(35, 107, 125, 1);
+@a-icon-alt-1: rgba(99, 70, 137, 1);
+@a-icon-alt-2: rgba(127, 137, 0, 1);
+@a-icon-alt-3: rgba(51, 128, 165, 1);
 @a-icon-on-neutral: rgba(255, 255, 255, 1);
 @a-icon-on-inverted: rgba(255, 255, 255, 1);
 @a-icon-on-action: rgba(255, 255, 255, 1);

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 02 Feb 2023 12:31:32 GMT
+// Generated on Thu, 16 Feb 2023 12:51:16 GMT
 
 $a-font-family: "Source Sans Pro", Arial, sans-serif;
 $a-font-line-height-heading-2xlarge: 3.25rem;
@@ -34,7 +34,7 @@ $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.56);
+$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);
@@ -43,14 +43,14 @@ $a-border-action: rgba(0, 103, 197, 1);
 $a-border-selected: rgba(0, 103, 197, 1);
 $a-border-success: rgba(6, 137, 58, 1);
 $a-border-danger: rgba(195, 0, 0, 1);
-$a-border-warning: rgba(212, 123, 0, 1);
+$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-alt-1: rgba(130, 105, 162, 1);
-$a-border-alt-2: rgba(193, 203, 51, 1);
+$a-border-alt-2: rgba(127, 137, 0, 1);
 $a-border-alt-3: rgba(0, 91, 130, 1);
 $a-transparent: rgba(255, 255, 255, 0);
 $a-white: rgba(255, 255, 255, 1);
@@ -86,7 +86,7 @@ $a-blue-700: rgba(0, 69, 156, 1);
 $a-blue-800: rgba(0, 52, 125, 1);
 $a-blue-900: rgba(0, 34, 82, 1);
 $a-red-50: rgba(255, 230, 230, 1);
-$a-red-100: rgba(255, 184, 184, 1);
+$a-red-100: rgba(255, 194, 194, 1);
 $a-red-200: rgba(246, 130, 130, 1);
 $a-red-300: rgba(242, 92, 92, 1);
 $a-red-400: rgba(222, 46, 46, 1);
@@ -141,7 +141,7 @@ $a-orange-200: rgba(255, 215, 153, 1);
 $a-orange-300: rgba(255, 193, 102, 1);
 $a-orange-400: rgba(255, 170, 51, 1);
 $a-orange-500: rgba(255, 145, 0, 1);
-$a-orange-600: rgba(212, 123, 0, 1);
+$a-orange-600: rgba(199, 115, 0, 1);
 $a-orange-700: rgba(168, 100, 0, 1);
 $a-orange-800: rgba(125, 76, 0, 1);
 $a-orange-900: rgba(82, 51, 0, 1);
@@ -175,8 +175,8 @@ $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-surface-default: rgba(255, 255, 255, 1);
-$a-surface-hover: rgba(0, 0, 0, 0.03);
-$a-surface-active: rgba(0, 0, 0, 0.05);
+$a-surface-hover: rgba(0, 0, 0, 0.05);
+$a-surface-active: rgba(0, 0, 0, 0.1);
 $a-surface-selected: rgba(230, 240, 255, 1);
 $a-surface-subtle: rgba(247, 247, 247, 1);
 $a-surface-transparent: rgba(255, 255, 255, 0);
@@ -193,29 +193,30 @@ $a-surface-action-selected: rgba(0, 91, 130, 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-hover: rgba(89, 89, 89, 1);
-$a-surface-neutral-selected: rgba(89, 89, 89, 1);
-$a-surface-neutral: rgba(112, 112, 112, 1);
-$a-surface-success-subtle-hover: rgba(204, 241, 214, 1);
-$a-surface-success-subtle: rgba(243, 252, 245, 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-success-subtle-hover: rgba(153, 222, 173, 1);
+$a-surface-success-subtle: rgba(204, 241, 214, 1);
 $a-surface-success: rgba(6, 137, 58, 1);
 $a-surface-success-hover: rgba(0, 124, 46, 1);
-$a-surface-danger-subtle-hover: rgba(255, 184, 184, 1);
-$a-surface-danger-subtle: rgba(255, 230, 230, 1);
+$a-surface-danger-subtle-hover: rgba(246, 130, 130, 1);
+$a-surface-danger-subtle: rgba(255, 194, 194, 1);
 $a-surface-danger-hover: rgba(173, 0, 0, 1);
 $a-surface-danger-active: rgba(140, 0, 0, 1);
 $a-surface-danger: rgba(195, 0, 0, 1);
-$a-surface-warning-subtle-hover: rgba(255, 236, 204, 1);
-$a-surface-warning-subtle: rgba(255, 249, 240, 1);
+$a-surface-warning-subtle-hover: rgba(255, 215, 153, 1);
+$a-surface-warning-subtle: rgba(255, 236, 204, 1);
 $a-surface-warning: rgba(255, 145, 0, 1);
-$a-surface-info-subtle-hover: rgba(216, 249, 255, 1);
-$a-surface-info-subtle: rgba(235, 252, 255, 1);
+$a-surface-info-subtle-hover: rgba(181, 241, 255, 1);
+$a-surface-info-subtle: rgba(216, 249, 255, 1);
 $a-surface-info: rgba(102, 203, 236, 1);
-$a-surface-alt-1-subtle: rgba(239, 236, 244, 1);
+$a-surface-alt-1-subtle: rgba(224, 216, 233, 1);
 $a-surface-alt-1: rgba(130, 105, 162, 1);
-$a-surface-alt-2-subtle: rgba(253, 255, 230, 1);
+$a-surface-alt-2-subtle: rgba(249, 252, 204, 1);
 $a-surface-alt-2: rgba(193, 203, 51, 1);
-$a-surface-alt-3-subtle: rgba(230, 241, 248, 1);
+$a-surface-alt-3-subtle: rgba(204, 226, 240, 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);
@@ -225,9 +226,11 @@ $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);
 $a-icon-danger: rgba(195, 0, 0, 1);
-$a-icon-warning: rgba(212, 123, 0, 1);
-$a-icon-info: rgba(54, 141, 168, 1);
-$a-icon-alt-1: rgba(130, 105, 162, 1);
+$a-icon-warning: rgba(199, 115, 0, 1);
+$a-icon-info: rgba(35, 107, 125, 1);
+$a-icon-alt-1: rgba(99, 70, 137, 1);
+$a-icon-alt-2: rgba(127, 137, 0, 1);
+$a-icon-alt-3: rgba(51, 128, 165, 1);
 $a-icon-on-neutral: rgba(255, 255, 255, 1);
 $a-icon-on-inverted: rgba(255, 255, 255, 1);
 $a-icon-on-action: rgba(255, 255, 255, 1);

package/docs.json

@@ -69,7 +69,7 @@
   ],
   "global-red": [
     { "name": "--a-red-50", "value": "rgba(255, 230, 230, 1)" },
-    { "name": "--a-red-100", "value": "rgba(255, 184, 184, 1)" },
+    { "name": "--a-red-100", "value": "rgba(255, 194, 194, 1)" },
     { "name": "--a-red-200", "value": "rgba(246, 130, 130, 1)" },
     { "name": "--a-red-300", "value": "rgba(242, 92, 92, 1)" },
     { "name": "--a-red-400", "value": "rgba(222, 46, 46, 1)" },
@@ -134,7 +134,7 @@
     { "name": "--a-orange-300", "value": "rgba(255, 193, 102, 1)" },
     { "name": "--a-orange-400", "value": "rgba(255, 170, 51, 1)" },
     { "name": "--a-orange-500", "value": "rgba(255, 145, 0, 1)" },
-    { "name": "--a-orange-600", "value": "rgba(212, 123, 0, 1)" },
+    { "name": "--a-orange-600", "value": "rgba(199, 115, 0, 1)" },
     { "name": "--a-orange-700", "value": "rgba(168, 100, 0, 1)" },
     { "name": "--a-orange-800", "value": "rgba(125, 76, 0, 1)" },
     { "name": "--a-orange-900", "value": "rgba(82, 51, 0, 1)" }
@@ -154,7 +154,7 @@
 
   "semantic-border": [
     { "name": "--a-border-default", "value": "rgba(0, 0, 0, 0.44)" },
-    { "name": "--a-border-strong", "value": "rgba(0, 0, 0, 0.56)" },
+    { "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)" },
@@ -163,7 +163,7 @@
     { "name": "--a-border-selected", "value": "rgba(0, 103, 197, 1)" },
     { "name": "--a-border-success", "value": "rgba(6, 137, 58, 1)" },
     { "name": "--a-border-danger", "value": "rgba(195, 0, 0, 1)" },
-    { "name": "--a-border-warning", "value": "rgba(212, 123, 0, 1)" },
+    { "name": "--a-border-warning", "value": "rgba(199, 115, 0, 1)" },
     { "name": "--a-border-info", "value": "rgba(54, 141, 168, 1)" },
     { "name": "--a-border-on-inverted", "value": "rgba(229, 229, 229, 1)" },
     { "name": "--a-border-on-inverted-subtle", "value": "rgba(89, 89, 89, 1)" },
@@ -173,7 +173,7 @@
       "value": "rgba(153, 195, 255, 1)"
     },
     { "name": "--a-border-alt-1", "value": "rgba(130, 105, 162, 1)" },
-    { "name": "--a-border-alt-2", "value": "rgba(193, 203, 51, 1)" },
+    { "name": "--a-border-alt-2", "value": "rgba(127, 137, 0, 1)" },
     { "name": "--a-border-alt-3", "value": "rgba(0, 91, 130, 1)" }
   ],
   "semantic-text": [
@@ -200,8 +200,8 @@
   ],
   "semantic-surface": [
     { "name": "--a-surface-default", "value": "rgba(255, 255, 255, 1)" },
-    { "name": "--a-surface-hover", "value": "rgba(0, 0, 0, 0.03)" },
-    { "name": "--a-surface-active", "value": "rgba(0, 0, 0, 0.05)" },
+    { "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-selected", "value": "rgba(230, 240, 255, 1)" },
     { "name": "--a-surface-subtle", "value": "rgba(247, 247, 247, 1)" },
     { "name": "--a-surface-transparent", "value": "rgba(255, 255, 255, 0)" },
@@ -227,42 +227,43 @@
       "name": "--a-surface-neutral-subtle-hover",
       "value": "rgba(0, 0, 0, 0.1)"
     },
-    { "name": "--a-surface-neutral", "value": "rgba(112, 112, 112, 1)" },
-    { "name": "--a-surface-neutral-hover", "value": "rgba(89, 89, 89, 1)" },
-    { "name": "--a-surface-neutral-selected", "value": "rgba(89, 89, 89, 1)" },
-    { "name": "--a-surface-success-subtle", "value": "rgba(243, 252, 245, 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-success-subtle", "value": "rgba(204, 241, 214, 1)" },
     {
       "name": "--a-surface-success-subtle-hover",
-      "value": "rgba(204, 241, 214, 1)"
+      "value": "rgba(153, 222, 173, 1)"
     },
     { "name": "--a-surface-success", "value": "rgba(6, 137, 58, 1)" },
     { "name": "--a-surface-success-hover", "value": "rgba(0, 124, 46, 1)" },
-    { "name": "--a-surface-danger-subtle", "value": "rgba(255, 230, 230, 1)" },
+    { "name": "--a-surface-danger-subtle", "value": "rgba(255, 194, 194, 1)" },
     {
       "name": "--a-surface-danger-subtle-hover",
-      "value": "rgba(255, 184, 184, 1)"
+      "value": "rgba(246, 130, 130, 1)"
     },
     { "name": "--a-surface-danger", "value": "rgba(195, 0, 0, 1)" },
     { "name": "--a-surface-danger-hover", "value": "rgba(173, 0, 0, 1)" },
     { "name": "--a-surface-danger-active", "value": "rgba(140, 0, 0, 1)" },
-    { "name": "--a-surface-warning-subtle", "value": "rgba(255, 249, 240, 1)" },
+    { "name": "--a-surface-warning-subtle", "value": "rgba(255, 236, 204, 1)" },
     { "name": "--a-surface-warning", "value": "rgba(255, 145, 0, 1)" },
     {
       "name": "--a-surface-warning-subtle-hover",
-      "value": "rgba(255, 236, 204, 1)"
+      "value": "rgba(255, 215, 153, 1)"
     },
-    { "name": "--a-surface-info-subtle", "value": "rgba(235, 252, 255, 1)" },
+    { "name": "--a-surface-info-subtle", "value": "rgba(216, 249, 255, 1)" },
     {
       "name": "--a-surface-info-subtle-hover",
-      "value": "rgba(216, 249, 255, 1)"
+      "value": "rgba(181, 241, 255, 1)"
     },
     { "name": "--a-surface-info", "value": "rgba(102, 203, 236, 1)" },
     { "name": "--a-surface-alt-1", "value": "rgba(130, 105, 162, 1)" },
-    { "name": "--a-surface-alt-1-subtle", "value": "rgba(239, 236, 244, 1)" },
+    { "name": "--a-surface-alt-1-subtle", "value": "rgba(224, 216, 233, 1)" },
     { "name": "--a-surface-alt-2", "value": "rgba(193, 203, 51, 1)" },
-    { "name": "--a-surface-alt-2-subtle", "value": "rgba(253, 255, 230, 1)" },
+    { "name": "--a-surface-alt-2-subtle", "value": "rgba(249, 252, 204, 1)" },
     { "name": "--a-surface-alt-3", "value": "rgba(0, 91, 130, 1)" },
-    { "name": "--a-surface-alt-3-subtle", "value": "rgba(230, 241, 248, 1)" },
+    { "name": "--a-surface-alt-3-subtle", "value": "rgba(204, 226, 240, 1)" },
     { "name": "--a-surface-alt-3-strong", "value": "rgba(0, 52, 83, 1)" }
   ],
   "semantic-bg": [
@@ -292,11 +293,13 @@
     { "name": "--a-icon-on-success", "value": "rgba(255, 255, 255, 1)" },
     { "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(212, 123, 0, 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-info", "value": "rgba(54, 141, 168, 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-alt-1", "value": "rgba(130, 105, 162, 1)" }
+    { "name": "--a-icon-alt-1", "value": "rgba(99, 70, 137, 1)" },
+    { "name": "--a-icon-alt-2", "value": "rgba(127, 137, 0, 1)" },
+    { "name": "--a-icon-alt-3", "value": "rgba(51, 128, 165, 1)" }
   ],
   "radius": [
     { "name": "--a-border-radius-small", "value": "2px" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "2.1.6",
+  "version": "2.2.0",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -18,15 +18,14 @@
     "docs.json"
   ],
   "scripts": {
-    "build": "node ./config/build.js > /dev/null && yarn validate-docs",
+    "build": "node ./config/build.js > /dev/null",
     "watch": "nodemon --watch src/index.js --exec \"yarn build\"",
     "token": "cd config && style-dictionary build",
-    "test": "jest",
-    "validate-docs": "node config/validate-docs.js"
+    "test": "jest"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/navikt/Designsystemet.git",
+    "url": "git+https://github.com/navikt/aksel.git",
     "directory": "@navikt/core/tokens"
   },
   "devDependencies": {

package/src/global-colors.json

@@ -112,7 +112,7 @@
         "value": "rgba(255, 230, 230, 1)"
       },
       "100": {
-        "value": "rgba(255, 184, 184, 1)"
+        "value": "rgba(255, 194, 194, 1)"
       },
       "200": {
         "value": "rgba(246, 130, 130, 1)"
@@ -287,7 +287,7 @@
         "value": "rgba(255, 145, 0, 1)"
       },
       "600": {
-        "value": "rgba(212, 123, 0, 1)"
+        "value": "rgba(199, 115, 0, 1)"
       },
       "700": {
         "value": "rgba(168, 100, 0, 1)"

package/src/semantic-colors.json

@@ -74,10 +74,10 @@
         "value": "{a.white.value}"
       },
       "hover": {
-        "value": "{a.grayalpha.50.value}"
+        "value": "{a.grayalpha.100.value}"
       },
       "active": {
-        "value": "{a.grayalpha.100.value}"
+        "value": "{a.grayalpha.200.value}"
       },
       "selected": {
         "value": "{a.blue.50.value}"
@@ -138,20 +138,23 @@
           }
         },
         "hover": {
-          "value": "{a.gray.700.value}"
+          "value": "{a.gray.800.value}"
         },
         "selected": {
-          "value": "{a.gray.700.value}"
+          "value": "{a.gray.900.value}"
+        },
+        "active": {
+          "value": "{a.gray.900.value}"
         },
         "@": {
-          "value": "{a.gray.600.value}"
+          "value": "{a.gray.700.value}"
         }
       },
 
       "success": {
         "subtle": {
-          "hover": { "value": "{a.green.100.value}" },
-          "@": { "value": "{a.green.50.value}" }
+          "hover": { "value": "{a.green.200.value}" },
+          "@": { "value": "{a.green.100.value}" }
         },
         "@": { "value": "{a.green.500.value}" },
         "hover": { "value": "{a.green.600.value}" }
@@ -159,8 +162,8 @@
 
       "danger": {
         "subtle": {
-          "hover": { "value": "{a.red.100.value}" },
-          "@": { "value": "{a.red.50.value}" }
+          "hover": { "value": "{a.red.200.value}" },
+          "@": { "value": "{a.red.100.value}" }
         },
         "hover": {
           "value": "{a.red.600.value}"
@@ -173,30 +176,30 @@
 
       "warning": {
         "subtle": {
-          "hover": { "value": "{a.orange.100.value}" },
-          "@": { "value": "{a.orange.50.value}" }
+          "hover": { "value": "{a.orange.200.value}" },
+          "@": { "value": "{a.orange.100.value}" }
         },
         "@": { "value": "{a.orange.500.value}" }
       },
 
       "info": {
         "subtle": {
-          "hover": { "value": "{a.lightblue.100.value}" },
-          "@": { "value": "{a.lightblue.50.value}" }
+          "hover": { "value": "{a.lightblue.200.value}" },
+          "@": { "value": "{a.lightblue.100.value}" }
         },
         "@": { "value": "{a.lightblue.500.value}" }
       },
 
       "alt1": {
-        "subtle": { "value": "{a.purple.50.value}" },
+        "subtle": { "value": "{a.purple.100.value}" },
         "@": { "value": "{a.purple.400.value}" }
       },
       "alt2": {
-        "subtle": { "value": "{a.limegreen.50.value}" },
+        "subtle": { "value": "{a.limegreen.100.value}" },
         "@": { "value": "{a.limegreen.400.value}" }
       },
       "alt3": {
-        "subtle": { "value": "{a.deepblue.50.value}" },
+        "subtle": { "value": "{a.deepblue.100.value}" },
         "strong": { "value": "{a.deepblue.800.value}" },
         "@": { "value": "{a.deepblue.500.value}" }
       }
@@ -206,7 +209,7 @@
         "value": "{a.grayalpha.500.value}"
       },
       "strong": {
-        "value": "{a.grayalpha.600.value}"
+        "value": "{a.grayalpha.700.value}"
       },
       "divider": {
         "value": "{a.grayalpha.300.value}"
@@ -252,7 +255,7 @@
         "value": "{a.purple.400.value}"
       },
       "alt2": {
-        "value": "{a.limegreen.400.value}"
+        "value": "{a.limegreen.700.value}"
       },
       "alt3": {
         "value": "{a.deepblue.500.value}"
@@ -286,10 +289,16 @@
         "value": "{a.orange.600.value}"
       },
       "info": {
-        "value": "{a.lightblue.700.value}"
+        "value": "{a.lightblue.800.value}"
       },
       "alt1": {
-        "value": "{a.purple.400.value}"
+        "value": "{a.purple.500.value}"
+      },
+      "alt2": {
+        "value": "{a.limegreen.700.value}"
+      },
+      "alt3": {
+        "value": "{a.deepblue.400.value}"
       },
       "on": {
         "neutral": {