@navikt/ds-tokens 3.3.1 → 3.4.1

package/dist/tokens-cjs.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 25 May 2023 13:15:11 GMT
+ * Generated on Wed, 31 May 2023 13:06:18 GMT
  */
 
 module.exports = {
@@ -204,30 +204,38 @@ module.exports = {
   "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)",
   "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)",
   "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)",
+  "ASurfaceSuccessModerate": "rgba(153, 222, 173, 1)",
   "ASurfaceSuccess": "rgba(6, 137, 58, 1)",
   "ASurfaceSuccessHover": "rgba(0, 124, 46, 1)",
   "ASurfaceDangerSubtleHover": "rgba(246, 130, 130, 1)",
   "ASurfaceDangerSubtle": "rgba(255, 194, 194, 1)",
+  "ASurfaceDangerModerate": "rgba(246, 130, 130, 1)",
   "ASurfaceDangerHover": "rgba(173, 0, 0, 1)",
   "ASurfaceDangerActive": "rgba(140, 0, 0, 1)",
   "ASurfaceDanger": "rgba(195, 0, 0, 1)",
   "ASurfaceWarningSubtleHover": "rgba(255, 215, 153, 1)",
   "ASurfaceWarningSubtle": "rgba(255, 236, 204, 1)",
+  "ASurfaceWarningModerate": "rgba(255, 215, 153, 1)",
   "ASurfaceWarning": "rgba(255, 145, 0, 1)",
   "ASurfaceInfoSubtleHover": "rgba(181, 241, 255, 1)",
   "ASurfaceInfoSubtle": "rgba(216, 249, 255, 1)",
+  "ASurfaceInfoModerate": "rgba(181, 241, 255, 1)",
   "ASurfaceInfo": "rgba(102, 203, 236, 1)",
   "ASurfaceAlt1Subtle": "rgba(224, 216, 233, 1)",
+  "ASurfaceAlt1Moderate": "rgba(192, 178, 210, 1)",
   "ASurfaceAlt1": "rgba(130, 105, 162, 1)",
   "ASurfaceAlt2Subtle": "rgba(249, 252, 204, 1)",
+  "ASurfaceAlt2Moderate": "rgba(236, 243, 153, 1)",
   "ASurfaceAlt2": "rgba(193, 203, 51, 1)",
   "ASurfaceAlt3Subtle": "rgba(204, 226, 240, 1)",
+  "ASurfaceAlt3Moderate": "rgba(153, 196, 221, 1)",
   "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)",
   "ASurfaceAlt3": "rgba(0, 91, 130, 1)",
   "AIconDefault": "rgba(38, 38, 38, 1)",
@@ -276,4 +284,4 @@ module.exports = {
   "ASpacing24": "6rem",
   "ASpacing32": "8rem",
   "ASpacing05": "0.125rem"
-};
+};

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 25 May 2023 13:15:11 GMT
+ * Generated on Wed, 31 May 2023 13:06:18 GMT
  */
 
 :root, :host {
@@ -193,30 +193,38 @@
   --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-moderate: var(--a-deepblue-200);
   --a-surface-alt-3-subtle: var(--a-deepblue-100);
   --a-surface-alt-2: var(--a-limegreen-400);
+  --a-surface-alt-2-moderate: var(--a-limegreen-200);
   --a-surface-alt-2-subtle: var(--a-limegreen-100);
   --a-surface-alt-1: var(--a-purple-400);
+  --a-surface-alt-1-moderate: var(--a-purple-200);
   --a-surface-alt-1-subtle: var(--a-purple-100);
   --a-surface-info: var(--a-lightblue-500);
+  --a-surface-info-moderate: var(--a-lightblue-200);
   --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-moderate: var(--a-orange-200);
   --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-moderate: var(--a-red-200);
   --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-moderate: var(--a-green-200);
   --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-moderate: var(--a-grayalpha-200);
   --a-surface-neutral-subtle: var(--a-grayalpha-100);
   --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
   --a-surface-action: var(--a-blue-500);

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 25 May 2023 13:15:11 GMT
+ * Generated on Wed, 31 May 2023 13:06:18 GMT
  */
 
 export const ABreakpointXs : string;
@@ -203,30 +203,38 @@ export const ASurfaceActionSelected : string;
 export const ASurfaceAction : string;
 export const ASurfaceNeutralSubtleHover : string;
 export const ASurfaceNeutralSubtle : string;
+export const ASurfaceNeutralModerate : 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;
+export const ASurfaceSuccessModerate : string;
 export const ASurfaceSuccess : string;
 export const ASurfaceSuccessHover : string;
 export const ASurfaceDangerSubtleHover : string;
 export const ASurfaceDangerSubtle : string;
+export const ASurfaceDangerModerate : string;
 export const ASurfaceDangerHover : string;
 export const ASurfaceDangerActive : string;
 export const ASurfaceDanger : string;
 export const ASurfaceWarningSubtleHover : string;
 export const ASurfaceWarningSubtle : string;
+export const ASurfaceWarningModerate : string;
 export const ASurfaceWarning : string;
 export const ASurfaceInfoSubtleHover : string;
 export const ASurfaceInfoSubtle : string;
+export const ASurfaceInfoModerate : string;
 export const ASurfaceInfo : string;
 export const ASurfaceAlt1Subtle : string;
+export const ASurfaceAlt1Moderate : string;
 export const ASurfaceAlt1 : string;
 export const ASurfaceAlt2Subtle : string;
+export const ASurfaceAlt2Moderate : string;
 export const ASurfaceAlt2 : string;
 export const ASurfaceAlt3Subtle : string;
+export const ASurfaceAlt3Moderate : string;
 export const ASurfaceAlt3Strong : string;
 export const ASurfaceAlt3 : string;
 export const AIconDefault : string;
@@ -274,4 +282,4 @@ export const ASpacing18 : string;
 export const ASpacing20 : string;
 export const ASpacing24 : string;
 export const ASpacing32 : string;
-export const ASpacing05 : string;
+export const ASpacing05 : string;

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 25 May 2023 13:15:11 GMT
+ * Generated on Wed, 31 May 2023 13:06:18 GMT
  */
 
 export const ABreakpointXs = "0";
@@ -203,30 +203,38 @@ 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 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 ASurfaceSuccessSubtleHover = "rgba(153, 222, 173, 1)";
 export const ASurfaceSuccessSubtle = "rgba(204, 241, 214, 1)";
+export const ASurfaceSuccessModerate = "rgba(153, 222, 173, 1)";
 export const ASurfaceSuccess = "rgba(6, 137, 58, 1)";
 export const ASurfaceSuccessHover = "rgba(0, 124, 46, 1)";
 export const ASurfaceDangerSubtleHover = "rgba(246, 130, 130, 1)";
 export const ASurfaceDangerSubtle = "rgba(255, 194, 194, 1)";
+export const ASurfaceDangerModerate = "rgba(246, 130, 130, 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, 215, 153, 1)";
 export const ASurfaceWarningSubtle = "rgba(255, 236, 204, 1)";
+export const ASurfaceWarningModerate = "rgba(255, 215, 153, 1)";
 export const ASurfaceWarning = "rgba(255, 145, 0, 1)";
 export const ASurfaceInfoSubtleHover = "rgba(181, 241, 255, 1)";
 export const ASurfaceInfoSubtle = "rgba(216, 249, 255, 1)";
+export const ASurfaceInfoModerate = "rgba(181, 241, 255, 1)";
 export const ASurfaceInfo = "rgba(102, 203, 236, 1)";
 export const ASurfaceAlt1Subtle = "rgba(224, 216, 233, 1)";
+export const ASurfaceAlt1Moderate = "rgba(192, 178, 210, 1)";
 export const ASurfaceAlt1 = "rgba(130, 105, 162, 1)";
 export const ASurfaceAlt2Subtle = "rgba(249, 252, 204, 1)";
+export const ASurfaceAlt2Moderate = "rgba(236, 243, 153, 1)";
 export const ASurfaceAlt2 = "rgba(193, 203, 51, 1)";
 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)";
@@ -274,4 +282,4 @@ export const ASpacing18 = "4.5rem";
 export const ASpacing20 = "5rem";
 export const ASpacing24 = "6rem";
 export const ASpacing32 = "8rem";
-export const ASpacing05 = "0.125rem";
+export const ASpacing05 = "0.125rem";

package/dist/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 25 May 2023 13:15:11 GMT
+// Generated on Wed, 31 May 2023 13:06:18 GMT
 
 @a-breakpoint-xs: 0;
 @a-breakpoint-sm: 480px;
@@ -202,30 +202,38 @@
 @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-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);
 @a-surface-success: rgba(6, 137, 58, 1);
 @a-surface-success-hover: rgba(0, 124, 46, 1);
 @a-surface-danger-subtle-hover: rgba(246, 130, 130, 1);
 @a-surface-danger-subtle: rgba(255, 194, 194, 1);
+@a-surface-danger-moderate: rgba(246, 130, 130, 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, 215, 153, 1);
 @a-surface-warning-subtle: rgba(255, 236, 204, 1);
+@a-surface-warning-moderate: rgba(255, 215, 153, 1);
 @a-surface-warning: rgba(255, 145, 0, 1);
 @a-surface-info-subtle-hover: rgba(181, 241, 255, 1);
 @a-surface-info-subtle: rgba(216, 249, 255, 1);
+@a-surface-info-moderate: rgba(181, 241, 255, 1);
 @a-surface-info: rgba(102, 203, 236, 1);
 @a-surface-alt-1-subtle: rgba(224, 216, 233, 1);
+@a-surface-alt-1-moderate: rgba(192, 178, 210, 1);
 @a-surface-alt-1: rgba(130, 105, 162, 1);
 @a-surface-alt-2-subtle: rgba(249, 252, 204, 1);
+@a-surface-alt-2-moderate: rgba(236, 243, 153, 1);
 @a-surface-alt-2: rgba(193, 203, 51, 1);
 @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);
@@ -273,4 +281,4 @@
 @a-spacing-20: 5rem;
 @a-spacing-24: 6rem;
 @a-spacing-32: 8rem;
-@a-spacing-05: 0.125rem;
+@a-spacing-05: 0.125rem;

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 25 May 2023 13:15:11 GMT
+// Generated on Wed, 31 May 2023 13:06:18 GMT
 
 $a-breakpoint-xs: 0;
 $a-breakpoint-sm: 480px;
@@ -202,30 +202,38 @@ $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-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-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);
 $a-surface-success: rgba(6, 137, 58, 1);
 $a-surface-success-hover: rgba(0, 124, 46, 1);
 $a-surface-danger-subtle-hover: rgba(246, 130, 130, 1);
 $a-surface-danger-subtle: rgba(255, 194, 194, 1);
+$a-surface-danger-moderate: rgba(246, 130, 130, 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, 215, 153, 1);
 $a-surface-warning-subtle: rgba(255, 236, 204, 1);
+$a-surface-warning-moderate: rgba(255, 215, 153, 1);
 $a-surface-warning: rgba(255, 145, 0, 1);
 $a-surface-info-subtle-hover: rgba(181, 241, 255, 1);
 $a-surface-info-subtle: rgba(216, 249, 255, 1);
+$a-surface-info-moderate: rgba(181, 241, 255, 1);
 $a-surface-info: rgba(102, 203, 236, 1);
 $a-surface-alt-1-subtle: rgba(224, 216, 233, 1);
+$a-surface-alt-1-moderate: rgba(192, 178, 210, 1);
 $a-surface-alt-1: rgba(130, 105, 162, 1);
 $a-surface-alt-2-subtle: rgba(249, 252, 204, 1);
+$a-surface-alt-2-moderate: rgba(236, 243, 153, 1);
 $a-surface-alt-2: rgba(193, 203, 51, 1);
 $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);
@@ -273,4 +281,4 @@ $a-spacing-18: 4.5rem;
 $a-spacing-20: 5rem;
 $a-spacing-24: 6rem;
 $a-spacing-32: 8rem;
-$a-spacing-05: 0.125rem;
+$a-spacing-05: 0.125rem;

package/docs.json

@@ -270,6 +270,7 @@
       "name": "--a-surface-neutral-subtle-hover",
       "value": "rgba(0, 0, 0, 0.1)"
     },
+    { "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)" },
@@ -279,6 +280,10 @@
       "name": "--a-surface-success-subtle-hover",
       "value": "rgba(153, 222, 173, 1)"
     },
+    {
+      "name": "--a-surface-success-moderate",
+      "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, 194, 194, 1)" },
@@ -286,10 +291,18 @@
       "name": "--a-surface-danger-subtle-hover",
       "value": "rgba(246, 130, 130, 1)"
     },
+    {
+      "name": "--a-surface-danger-moderate",
+      "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, 236, 204, 1)" },
+    {
+      "name": "--a-surface-warning-moderate",
+      "value": "rgba(255, 215, 153, 1)"
+    },
     { "name": "--a-surface-warning", "value": "rgba(255, 145, 0, 1)" },
     {
       "name": "--a-surface-warning-subtle-hover",
@@ -300,13 +313,17 @@
       "name": "--a-surface-info-subtle-hover",
       "value": "rgba(181, 241, 255, 1)"
     },
+    { "name": "--a-surface-info-moderate", "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(224, 216, 233, 1)" },
+    { "name": "--a-surface-alt-1-moderate", "value": "rgba(192, 178, 210, 1)" },
     { "name": "--a-surface-alt-2", "value": "rgba(193, 203, 51, 1)" },
     { "name": "--a-surface-alt-2-subtle", "value": "rgba(249, 252, 204, 1)" },
+    { "name": "--a-surface-alt-2-moderate", "value": "rgba(236, 243, 153, 1)" },
     { "name": "--a-surface-alt-3", "value": "rgba(0, 91, 130, 1)" },
     { "name": "--a-surface-alt-3-subtle", "value": "rgba(204, 226, 240, 1)" },
+    { "name": "--a-surface-alt-3-moderate", "value": "rgba(153, 196, 221, 1)" },
     { "name": "--a-surface-alt-3-strong", "value": "rgba(0, 52, 83, 1)" }
   ],
   "semantic-bg": [

package/package.json

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

package/src/semantic-colors.json

@@ -137,6 +137,9 @@
             "value": "{a.grayalpha.100.value}"
           }
         },
+        "moderate": {
+          "value": "{a.grayalpha.200.value}"
+        },
         "hover": {
           "value": "{a.gray.800.value}"
         },
@@ -156,6 +159,9 @@
           "hover": { "value": "{a.green.200.value}" },
           "@": { "value": "{a.green.100.value}" }
         },
+        "moderate": {
+          "value": "{a.green.200.value}"
+        },
         "@": { "value": "{a.green.500.value}" },
         "hover": { "value": "{a.green.600.value}" }
       },
@@ -165,6 +171,9 @@
           "hover": { "value": "{a.red.200.value}" },
           "@": { "value": "{a.red.100.value}" }
         },
+        "moderate": {
+          "value": "{a.red.200.value}"
+        },
         "hover": {
           "value": "{a.red.600.value}"
         },
@@ -179,6 +188,9 @@
           "hover": { "value": "{a.orange.200.value}" },
           "@": { "value": "{a.orange.100.value}" }
         },
+        "moderate": {
+          "value": "{a.orange.200.value}"
+        },
         "@": { "value": "{a.orange.500.value}" }
       },
 
@@ -187,19 +199,25 @@
           "hover": { "value": "{a.lightblue.200.value}" },
           "@": { "value": "{a.lightblue.100.value}" }
         },
+        "moderate": {
+          "value": "{a.lightblue.200.value}"
+        },
         "@": { "value": "{a.lightblue.500.value}" }
       },
 
       "alt1": {
         "subtle": { "value": "{a.purple.100.value}" },
+        "moderate": { "value": "{a.purple.200.value}" },
         "@": { "value": "{a.purple.400.value}" }
       },
       "alt2": {
         "subtle": { "value": "{a.limegreen.100.value}" },
+        "moderate": { "value": "{a.limegreen.200.value}" },
         "@": { "value": "{a.limegreen.400.value}" }
       },
       "alt3": {
         "subtle": { "value": "{a.deepblue.100.value}" },
+        "moderate": { "value": "{a.deepblue.200.value}" },
         "strong": { "value": "{a.deepblue.800.value}" },
         "@": { "value": "{a.deepblue.500.value}" }
       }