@igrec-j/design-tokens-test 0.2.0 → 0.2.1

package/build/css/variables-dark.css

@@ -95,6 +95,21 @@
   --communicationMarkersSemanticGhostBorderSuccess: var(--colourTransparent950);
   --communicationMarkersSemanticGhostBorderWarning: var(--colourTransparent950);
   --communicationMarkersSemanticGhostBorderError: var(--colourTransparent950);
+  --communicationMarkersSemanticSubtleBackgroundNeutral: var(--colourNeutral800);
+  --communicationMarkersSemanticSubtleBackgroundInformation: var(--colourSemanticBlue950);
+  --communicationMarkersSemanticSubtleBackgroundSuccess: var(--colourSemanticGreen950);
+  --communicationMarkersSemanticSubtleBackgroundWarning: var(--colourSemanticOrange950);
+  --communicationMarkersSemanticSubtleBackgroundError: var(--colourSemanticRed950);
+  --communicationMarkersSemanticSubtleForgroundNeutral: var(--colourNeutral300);
+  --communicationMarkersSemanticSubtleForgroundInformation: var(--colourSemanticBlue300);
+  --communicationMarkersSemanticSubtleForgroundSuccess: var(--colourSemanticGreen300);
+  --communicationMarkersSemanticSubtleForgroundWarning: var(--colourSemanticOrange300);
+  --communicationMarkersSemanticSubtleForgroundError: var(--colourSemanticRed300);
+  --communicationMarkersSemanticSubtleBorderNeutral: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderInformation: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderSuccess: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderWarning: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderError: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder002: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder004: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder003: var(--colourTransparent100);
@@ -158,15 +173,15 @@
   --communicationMarkersAccentGhostBackground007: var(--colourTransparent950);
   --communicationMarkersAccentGhostBackground008: var(--colourTransparent950);
   --communicationMarkersAccentGhostBackground009: var(--colourTransparent950);
-  --communicationMarkersAccentGhostForground001: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground002: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground003: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground004: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground005: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground006: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground007: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground008: var(--colourNeutral000);
-  --communicationMarkersAccentGhostForground009: var(--colourNeutral000);
+  --communicationMarkersAccentGhostForground001: var(--colourSemanticRose300);
+  --communicationMarkersAccentGhostForground002: var(--colourSemanticPink300);
+  --communicationMarkersAccentGhostForground003: var(--colourSemanticFuchsia300);
+  --communicationMarkersAccentGhostForground004: var(--colourSemanticPurple300);
+  --communicationMarkersAccentGhostForground005: var(--colourSemanticIndigo300);
+  --communicationMarkersAccentGhostForground006: var(--colourSemanticSky300);
+  --communicationMarkersAccentGhostForground007: var(--colourSemanticTeal300);
+  --communicationMarkersAccentGhostForground008: var(--colourSemanticEmrald300);
+  --communicationMarkersAccentGhostForground009: var(--colourSemanticLime300);
   --communicationMarkersAccentGhostBorder001: var(--colourTransparent950);
   --communicationMarkersAccentGhostBorder002: var(--colourTransparent950);
   --communicationMarkersAccentGhostBorder003: var(--colourTransparent950);
@@ -191,11 +206,9 @@
   --communicationMarkersNeutralDefaultBorder003: var(--colourTransparent100);
   --communicationMarkersNeutralDefaultBorder004: var(--colourTransparent100);
   --communicationMarkersNeutralDefaultBorder005: var(--colourTransparent100);
-  --communicationHighlightsBorderBase: var(--colourAccent100);
   --communicationHighlightsBorderDisabled: var(--colourNeutral600);
   --communicationHighlightsBorderWhite: var(--colourNeutral000);
   --communicationHighlightsBorderSubtle: var(--colourSemanticIndigo400);
-  --communicationHighlightsBackgroundBase: var(--colourAccent100);
   --communicationHighlightsBackgroundDisabled: var(--colourNeutral700);
   --communicationHighlightsForegroundBase: var(--colourNeutral100);
   --communicationHighlightsForegroundDisabled: var(--colourNeutral200);
@@ -302,11 +315,12 @@
   --structureSurfacesLevel5: var(--colourNeutral600);
   --structureSurfacesLevel2: var(--colourNeutral900);
   --structureSurfacesLevel1: var(--colourNeutral925);
-  --structureBoardersLevel1: var(--colourNeutral950);
+  --structureBoardersLevel0: var(--colourNeutral950);
   --structureBoardersLevel2: var(--colourNeutral900);
   --structureBoardersLevel3: var(--colourNeutral800);
   --structureBoardersLevel4: var(--colourNeutral700);
   --structureBoardersLevel5: var(--colourNeutral600);
+  --structureBoardersLevel1: var(--colourNeutral925);
   --transitionsLevel1100: var(--colourNeutral950);
   --transitionsLevel1000: var(--colourTransparentDark090);
   --transitionsLevel2100: var(--colourNeutral800);
@@ -379,5 +393,7 @@
   --navigationBorderHover: var(--colourTransparent950);
   --navigationBorderFocus: var(--colourTransparent950);
   --navigationBorderPressed: var(--colourNeutral700);
-  --toolsAnnotations: var(--colourSemanticPurple500);
+  --communicationHighlightsBorderBase: var(--colourAccent100);
+  --communicationHighlightsBackgroundBase: var(--colourAccent100);
+  --toolsAnnotations: var(--colourAccent100);
 }

package/build/css/variables.css

@@ -39,7 +39,6 @@
   --colourTransparentLight020: rgba(255, 255, 255, 0.2);
   --colourTransparentLight010: rgba(255, 255, 255, 0.1);
   --colourTransparentLight000: rgba(255, 255, 255, 0);
-  --colourAccent100: #ff4b4f;
   --colourAccent020: rgba(255, 75, 79, 0.2);
   --colourAccentDigitalRed: #ff4b4f;
   --colourAccentEmraldGreen: #2a654a;
@@ -323,6 +322,7 @@
   --shadowsSoftY: 2px;
   --shadowsSoftShadowSpread: 0px;
   --themeTheme: Light;
+  --colourAccent100: var(--colourAccentDigitalRed);
   --actionPrimaryBackgroundHover: var(--colourNeutral800);
   --actionPrimaryBackgroundBase: var(--colourNeutral950);
   --actionPrimaryBackgroundDisabled: var(--colourNeutral700);
@@ -406,6 +406,21 @@
   --communicationMarkersSemanticGhostBorderSuccess: var(--colourTransparent100);
   --communicationMarkersSemanticGhostBorderWarning: var(--colourTransparent100);
   --communicationMarkersSemanticGhostBorderError: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBackgroundNeutral: var(--colourNeutral050);
+  --communicationMarkersSemanticSubtleBackgroundInformation: var(--colourSemanticBlue100);
+  --communicationMarkersSemanticSubtleBackgroundSuccess: var(--colourSemanticGreen100);
+  --communicationMarkersSemanticSubtleBackgroundWarning: var(--colourSemanticOrange100);
+  --communicationMarkersSemanticSubtleBackgroundError: var(--colourSemanticRed100);
+  --communicationMarkersSemanticSubtleForgroundNeutral: var(--colourNeutral800);
+  --communicationMarkersSemanticSubtleForgroundInformation: var(--colourSemanticBlue800);
+  --communicationMarkersSemanticSubtleForgroundSuccess: var(--colourSemanticGreen800);
+  --communicationMarkersSemanticSubtleForgroundWarning: var(--colourSemanticOrange800);
+  --communicationMarkersSemanticSubtleForgroundError: var(--colourSemanticRed800);
+  --communicationMarkersSemanticSubtleBorderNeutral: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderInformation: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderSuccess: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderWarning: var(--colourTransparent100);
+  --communicationMarkersSemanticSubtleBorderError: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder002: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder004: var(--colourTransparent100);
   --communicationMarkersAccentDefaultBorder003: var(--colourTransparent100);
@@ -442,15 +457,15 @@
   --communicationMarkersAccentSubtleBackground007: var(--colourSemanticTeal100);
   --communicationMarkersAccentSubtleBackground008: var(--colourSemanticEmrald100);
   --communicationMarkersAccentSubtleBackground009: var(--colourSemanticLime100);
-  --communicationMarkersAccentSubtleForground001: var(--colourSemanticRose600);
-  --communicationMarkersAccentSubtleForground002: var(--colourSemanticPink600);
-  --communicationMarkersAccentSubtleForground003: var(--colourSemanticFuchsia600);
-  --communicationMarkersAccentSubtleForground004: var(--colourSemanticPurple600);
-  --communicationMarkersAccentSubtleForground005: var(--colourSemanticIndigo600);
-  --communicationMarkersAccentSubtleForground006: var(--colourSemanticSky600);
-  --communicationMarkersAccentSubtleForground007: var(--colourSemanticTeal600);
-  --communicationMarkersAccentSubtleForground008: var(--colourSemanticEmrald600);
-  --communicationMarkersAccentSubtleForground009: var(--colourSemanticLime600);
+  --communicationMarkersAccentSubtleForground001: var(--colourSemanticRose800);
+  --communicationMarkersAccentSubtleForground002: var(--colourSemanticPink800);
+  --communicationMarkersAccentSubtleForground003: var(--colourSemanticFuchsia800);
+  --communicationMarkersAccentSubtleForground004: var(--colourSemanticPurple800);
+  --communicationMarkersAccentSubtleForground005: var(--colourSemanticIndigo800);
+  --communicationMarkersAccentSubtleForground006: var(--colourSemanticSky800);
+  --communicationMarkersAccentSubtleForground007: var(--colourSemanticTeal800);
+  --communicationMarkersAccentSubtleForground008: var(--colourSemanticEmrald800);
+  --communicationMarkersAccentSubtleForground009: var(--colourSemanticLime800);
   --communicationMarkersAccentSubtleBorder001: var(--colourTransparent100);
   --communicationMarkersAccentSubtleBorder002: var(--colourTransparent100);
   --communicationMarkersAccentSubtleBorder003: var(--colourTransparent100);
@@ -469,15 +484,15 @@
   --communicationMarkersAccentGhostBackground007: var(--colourTransparent100);
   --communicationMarkersAccentGhostBackground008: var(--colourTransparent100);
   --communicationMarkersAccentGhostBackground009: var(--colourTransparent100);
-  --communicationMarkersAccentGhostForground001: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground002: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground003: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground004: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground005: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground006: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground007: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground008: var(--colourNeutral950);
-  --communicationMarkersAccentGhostForground009: var(--colourNeutral950);
+  --communicationMarkersAccentGhostForground001: var(--colourSemanticRose800);
+  --communicationMarkersAccentGhostForground002: var(--colourSemanticPink800);
+  --communicationMarkersAccentGhostForground003: var(--colourSemanticFuchsia800);
+  --communicationMarkersAccentGhostForground004: var(--colourSemanticPurple800);
+  --communicationMarkersAccentGhostForground005: var(--colourSemanticIndigo800);
+  --communicationMarkersAccentGhostForground006: var(--colourSemanticSky800);
+  --communicationMarkersAccentGhostForground007: var(--colourSemanticTeal800);
+  --communicationMarkersAccentGhostForground008: var(--colourSemanticEmrald800);
+  --communicationMarkersAccentGhostForground009: var(--colourSemanticLime800);
   --communicationMarkersAccentGhostBorder001: var(--colourTransparent100);
   --communicationMarkersAccentGhostBorder002: var(--colourTransparent100);
   --communicationMarkersAccentGhostBorder003: var(--colourTransparent100);
@@ -502,11 +517,9 @@
   --communicationMarkersNeutralDefaultBorder003: var(--colourTransparent100);
   --communicationMarkersNeutralDefaultBorder004: var(--colourTransparent100);
   --communicationMarkersNeutralDefaultBorder005: var(--colourTransparent100);
-  --communicationHighlightsBorderBase: var(--colourAccent100);
   --communicationHighlightsBorderDisabled: var(--colourNeutral050);
   --communicationHighlightsBorderWhite: var(--colourNeutral000);
   --communicationHighlightsBorderSubtle: var(--colourSemanticIndigo500);
-  --communicationHighlightsBackgroundBase: var(--colourAccent100);
   --communicationHighlightsBackgroundDisabled: var(--colourNeutral100);
   --communicationHighlightsForegroundBase: var(--colourNeutral000);
   --communicationHighlightsForegroundDisabled: var(--colourNeutral600);
@@ -613,11 +626,12 @@
   --structureSurfacesLevel5: var(--colourNeutral300);
   --structureSurfacesLevel2: var(--colourNeutral050);
   --structureSurfacesLevel1: var(--colourNeutral025);
-  --structureBoardersLevel1: var(--colourNeutral000);
+  --structureBoardersLevel0: var(--colourNeutral000);
   --structureBoardersLevel2: var(--colourNeutral050);
   --structureBoardersLevel3: var(--colourNeutral100);
   --structureBoardersLevel4: var(--colourNeutral200);
   --structureBoardersLevel5: var(--colourNeutral300);
+  --structureBoardersLevel1: var(--colourNeutral025);
   --transitionsLevel1100: var(--colourNeutral000);
   --transitionsLevel1000: var(--colourTransparentLight000);
   --transitionsLevel2100: var(--colourNeutral000);
@@ -690,5 +704,7 @@
   --navigationBorderHover: var(--colourTransparent100);
   --navigationBorderFocus: var(--colourTransparent100);
   --navigationBorderPressed: var(--colourNeutral100);
-  --toolsAnnotations: var(--colourSemanticPurple600);
+  --communicationHighlightsBorderBase: var(--colourAccent100);
+  --communicationHighlightsBackgroundBase: var(--colourAccent100);
+  --toolsAnnotations: var(--colourAccent100);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igrec-j/design-tokens-test",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Design system tokens - testing setup",
   "main": "build/css/variables.css",
   "type": "module",

package/tokens/01-primitive/Mode 1.json

@@ -377,7 +377,7 @@
           ]
         },
         "$type": "color",
-        "$value": "#ff4b4f"
+        "$value": "{Colour.Accent.Digital red}"
       },
       "020": {
         "$extensions": {

package/tokens/02-Semantic/Dark.json

@@ -874,6 +874,164 @@
               "$value": "{Colour.Transparent.950}"
             }
           }
+        },
+        "Subtle": {
+          "Background": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Neutral.800}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.blue.950}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.green.950}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.orange.950}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.red.950}"
+            }
+          },
+          "Forground": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Neutral.300}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.blue.300}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.green.300}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.orange.300}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.red.300}"
+            }
+          },
+          "Border": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            }
+          }
         }
       },
       "Accent": {
@@ -1536,7 +1694,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.rose.300}"
             },
             "002": {
               "$extensions": {
@@ -1547,7 +1705,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.pink.300}"
             },
             "003": {
               "$extensions": {
@@ -1558,7 +1716,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.fuchsia.300}"
             },
             "004": {
               "$extensions": {
@@ -1569,7 +1727,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.purple.300}"
             },
             "005": {
               "$extensions": {
@@ -1580,7 +1738,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.indigo.300}"
             },
             "006": {
               "$extensions": {
@@ -1591,7 +1749,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.sky.300}"
             },
             "007": {
               "$extensions": {
@@ -1602,7 +1760,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.teal.300}"
             },
             "008": {
               "$extensions": {
@@ -1613,7 +1771,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.emrald.300}"
             },
             "009": {
               "$extensions": {
@@ -1624,7 +1782,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.000}"
+              "$value": "{Colour.Semantic.lime.300}"
             }
           },
           "Border": {
@@ -3050,7 +3208,7 @@
       }
     },
     "Boarders": {
-      "level-1": {
+      "level-0": {
         "$extensions": {
           "com.figma.scopes": [
             "ALL_SCOPES"
@@ -3094,6 +3252,15 @@
         },
         "$type": "color",
         "$value": "{Colour.Neutral.600}"
+      },
+      "level-1": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ]
+        },
+        "$type": "color",
+        "$value": "{Colour.Neutral.925}"
       }
     }
   },
@@ -3800,7 +3967,7 @@
         ]
       },
       "$type": "color",
-      "$value": "{Colour.Semantic.purple.500}"
+      "$value": "{Colour.Accent.100}"
     }
   },
   "Theme": {

package/tokens/02-Semantic/Light.json

@@ -874,6 +874,164 @@
               "$value": "{Colour.Transparent.100}"
             }
           }
+        },
+        "Subtle": {
+          "Background": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Neutral.050}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.blue.100}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.green.100}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.orange.100}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.red.100}"
+            }
+          },
+          "Forground": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Neutral.800}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.blue.800}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.green.800}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.orange.800}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL",
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Semantic.red.800}"
+            }
+          },
+          "Border": {
+            "Neutral": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Information": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Success": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Warning": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            },
+            "Error": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "STROKE_COLOR"
+                ]
+              },
+              "$type": "color",
+              "$value": "{Colour.Transparent.100}"
+            }
+          }
         }
       },
       "Accent": {
@@ -1258,7 +1416,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.rose.600}"
+              "$value": "{Colour.Semantic.rose.800}"
             },
             "002": {
               "$extensions": {
@@ -1269,7 +1427,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.pink.600}"
+              "$value": "{Colour.Semantic.pink.800}"
             },
             "003": {
               "$extensions": {
@@ -1280,7 +1438,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.fuchsia.600}"
+              "$value": "{Colour.Semantic.fuchsia.800}"
             },
             "004": {
               "$extensions": {
@@ -1291,7 +1449,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.purple.600}"
+              "$value": "{Colour.Semantic.purple.800}"
             },
             "005": {
               "$extensions": {
@@ -1302,7 +1460,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.indigo.600}"
+              "$value": "{Colour.Semantic.indigo.800}"
             },
             "006": {
               "$extensions": {
@@ -1313,7 +1471,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.sky.600}"
+              "$value": "{Colour.Semantic.sky.800}"
             },
             "007": {
               "$extensions": {
@@ -1324,7 +1482,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.teal.600}"
+              "$value": "{Colour.Semantic.teal.800}"
             },
             "008": {
               "$extensions": {
@@ -1335,7 +1493,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.emrald.600}"
+              "$value": "{Colour.Semantic.emrald.800}"
             },
             "009": {
               "$extensions": {
@@ -1346,7 +1504,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Semantic.lime.600}"
+              "$value": "{Colour.Semantic.lime.800}"
             }
           },
           "Border": {
@@ -1536,7 +1694,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.rose.800}"
             },
             "002": {
               "$extensions": {
@@ -1547,7 +1705,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.pink.800}"
             },
             "003": {
               "$extensions": {
@@ -1558,7 +1716,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.fuchsia.800}"
             },
             "004": {
               "$extensions": {
@@ -1569,7 +1727,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.purple.800}"
             },
             "005": {
               "$extensions": {
@@ -1580,7 +1738,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.indigo.800}"
             },
             "006": {
               "$extensions": {
@@ -1591,7 +1749,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.sky.800}"
             },
             "007": {
               "$extensions": {
@@ -1602,7 +1760,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.teal.800}"
             },
             "008": {
               "$extensions": {
@@ -1613,7 +1771,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.emrald.800}"
             },
             "009": {
               "$extensions": {
@@ -1624,7 +1782,7 @@
                 ]
               },
               "$type": "color",
-              "$value": "{Colour.Neutral.950}"
+              "$value": "{Colour.Semantic.lime.800}"
             }
           },
           "Border": {
@@ -3050,7 +3208,7 @@
       }
     },
     "Boarders": {
-      "level-1": {
+      "level-0": {
         "$extensions": {
           "com.figma.scopes": [
             "ALL_SCOPES"
@@ -3094,6 +3252,15 @@
         },
         "$type": "color",
         "$value": "{Colour.Neutral.300}"
+      },
+      "level-1": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ]
+        },
+        "$type": "color",
+        "$value": "{Colour.Neutral.025}"
       }
     }
   },
@@ -3800,7 +3967,7 @@
         ]
       },
       "$type": "color",
-      "$value": "{Colour.Semantic.purple.600}"
+      "$value": "{Colour.Accent.100}"
     }
   },
   "Theme": {

package/tokens/03-viewports/LG.json

@@ -423,6 +423,16 @@
         },
         "$type": "number",
         "$value": "{Sizing.025}"
+      },
+      "Padding-13": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "WIDTH_HEIGHT",
+            "GAP"
+          ]
+        },
+        "$type": "number",
+        "$value": "{Sizing.3000}"
       }
     }
   },

package/tokens/03-viewports/MD.json

@@ -423,6 +423,16 @@
         },
         "$type": "number",
         "$value": "{Sizing.025}"
+      },
+      "Padding-13": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "WIDTH_HEIGHT",
+            "GAP"
+          ]
+        },
+        "$type": "number",
+        "$value": "{Sizing.1600}"
       }
     }
   },

package/tokens/03-viewports/SM.json

@@ -423,6 +423,16 @@
         },
         "$type": "number",
         "$value": "{Sizing.025}"
+      },
+      "Padding-13": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "WIDTH_HEIGHT",
+            "GAP"
+          ]
+        },
+        "$type": "number",
+        "$value": "{Sizing.1200}"
       }
     }
   },

package/tokens/03-viewports/XL.json

@@ -423,6 +423,16 @@
         },
         "$type": "number",
         "$value": "{Sizing.025}"
+      },
+      "Padding-13": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "WIDTH_HEIGHT",
+            "GAP"
+          ]
+        },
+        "$type": "number",
+        "$value": "{Sizing.3000}"
       }
     }
   },

package/tokens/03-viewports/XS.json

@@ -392,7 +392,7 @@
           ]
         },
         "$type": "number",
-        "$value": "{Sizing.1000}"
+        "$value": "{Sizing.900}"
       },
       "Padding-7": {
         "$extensions": {
@@ -423,6 +423,16 @@
         },
         "$type": "number",
         "$value": "{Sizing.025}"
+      },
+      "Padding-13": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "WIDTH_HEIGHT",
+            "GAP"
+          ]
+        },
+        "$type": "number",
+        "$value": "{Sizing.1000}"
       }
     }
   },