@demos-europe/demosplan-ui 0.3.19 → 0.3.21

package/tokens/dist/js/fontSize.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Jul 2024 13:02:56 GMT
+ * Generated on Mon, 22 Jul 2024 09:37:27 GMT
  */
 
 module.exports = {

package/tokens/dist/js/rounded.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Jul 2024 13:02:56 GMT
+ * Generated on Mon, 22 Jul 2024 09:37:27 GMT
  */
 
 module.exports = {
@@ -45,25 +45,6 @@ module.exports = {
         "sm"
       ]
     },
-    "smallest": {
-      "$status": "Deprecated",
-      "value": "2px",
-      "filePath": "tokens/src/rounded.json",
-      "isSource": true,
-      "original": {
-        "$status": "{_status.deprecated}",
-        "value": "{rounded.sm}"
-      },
-      "name": "RoundedSmallest",
-      "attributes": {
-        "category": "rounded",
-        "type": "smallest"
-      },
-      "path": [
-        "rounded",
-        "smallest"
-      ]
-    },
     "DEFAULT": {
       "$description": "Default - The standard for ui elements that shall appear rounded. Use this value for form elements and other smaller ui elements. When in doubt, pick this one.",
       "value": "3px",
@@ -85,25 +66,6 @@ module.exports = {
         "DEFAULT"
       ]
     },
-    "small": {
-      "$status": "Deprecated",
-      "value": "3px",
-      "filePath": "tokens/src/rounded.json",
-      "isSource": true,
-      "original": {
-        "$status": "{_status.deprecated}",
-        "value": "{rounded.DEFAULT}"
-      },
-      "name": "RoundedSmall",
-      "attributes": {
-        "category": "rounded",
-        "type": "small"
-      },
-      "path": [
-        "rounded",
-        "small"
-      ]
-    },
     "md": {
       "$description": "Medium - The \"next best\" radius. Use for larger organisms like list items or areas, that should appear softened but not aggressively rounded.",
       "value": "4px",
@@ -125,25 +87,6 @@ module.exports = {
         "md"
       ]
     },
-    "medium": {
-      "$status": "Deprecated",
-      "value": "4px",
-      "filePath": "tokens/src/rounded.json",
-      "isSource": true,
-      "original": {
-        "$status": "{_status.deprecated}",
-        "value": "{rounded.md}"
-      },
-      "name": "RoundedMedium",
-      "attributes": {
-        "category": "rounded",
-        "type": "medium"
-      },
-      "path": [
-        "rounded",
-        "medium"
-      ]
-    },
     "lg": {
       "$description": "Large - The biggest radius. Use for boxes that purposefully should appear rounded - plays nice with rounded elements inside it that are rounded via 3px.",
       "value": "5px",
@@ -165,25 +108,6 @@ module.exports = {
         "lg"
       ]
     },
-    "large": {
-      "$status": "Deprecated",
-      "value": "5px",
-      "filePath": "tokens/src/rounded.json",
-      "isSource": true,
-      "original": {
-        "$status": "{_status.deprecated}",
-        "value": "{rounded.lg}"
-      },
-      "name": "RoundedLarge",
-      "attributes": {
-        "category": "rounded",
-        "type": "large"
-      },
-      "path": [
-        "rounded",
-        "large"
-      ]
-    },
     "full": {
       "$description": "Full - use to craft pill-like elements.",
       "value": "9999px",

package/tokens/dist/js/space.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Jul 2024 13:02:56 GMT
+ * Generated on Mon, 22 Jul 2024 09:37:27 GMT
  */
 
 module.exports = {

package/tokens/dist/js/zIndex.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Jul 2024 13:02:56 GMT
+ * Generated on Mon, 22 Jul 2024 09:37:27 GMT
  */
 
 module.exports = {

package/tokens/dist/scss/_boxShadow.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-box-shadow-xl: 0 0 16px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 50%) !default;

package/tokens/dist/scss/_breakpoints.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-breakpoints-xl: 1400px;

package/tokens/dist/scss/_color.brand.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-color-highlight-contrast: $dp-color-white !default;

package/tokens/dist/scss/_color.data.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-color-11-11: #313695;

package/tokens/dist/scss/_color.palette.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-color-magenta-dark-2: #650324 !default;

package/tokens/dist/scss/_color.ui.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-color-background-medium: $dp-color-neutral-light-3 !default;

package/tokens/dist/scss/_fontSize.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-font-size-7: 50px !default;

package/tokens/dist/scss/_rounded.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-rounded-full: 9999px;

package/tokens/dist/scss/_space.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-space-1_5: 9px;

package/tokens/dist/scss/_zIndex.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 12 Jul 2024 13:02:56 GMT
+// Generated on Mon, 22 Jul 2024 09:37:27 GMT
 
 
 $dp-z-ultimate: 10000;

package/tokens/dist/tailwind/backgroundColor.js

@@ -0,0 +1,24 @@
+module.exports = {
+  "interactive-subtle-hover": "var(--dp-backgroundColor-interactive-subtle-hover, var(--dp-color-neutral-light-4, #f5f5f5));",
+  "interactive-subtle-active": "var(--dp-backgroundColor-interactive-subtle-active, var(--dp-color-neutral-light-3, #ebe9e9));",
+  "interactive-muted": "var(--dp-backgroundColor-interactive-muted, var(--dp-color-neutral-light-1, #aeaeae));",
+  "message-info": "var(--dp-backgroundColor-message-info, var(--dp-color-blue-light-3, #cee6fb));",
+  "message-warning": "var(--dp-backgroundColor-message-warning, var(--dp-color-yellow-light-3, #ffefca));",
+  "message-severe": "var(--dp-backgroundColor-message-severe, var(--dp-color-red-light-3, #fcdddd));",
+  "message-success": "var(--dp-backgroundColor-message-success, var(--dp-color-green-light-3, #def7de));",
+  "message-debug": "var(--dp-backgroundColor-message-debug, var(--dp-color-purple-light-3, #dfcced));",
+  "selected": "var(--dp-backgroundColor-selected, var(--dp-color-blue-light-3, #cee6fb));",
+  "status-progress": "var(--dp-backgroundColor-status-progress, var(--dp-color-blue-base, #006fd0));",
+  "status-changed": "var(--dp-backgroundColor-status-changed, var(--dp-color-yellow-base, #ffbe24));",
+  "status-failed": "var(--dp-backgroundColor-status-failed, var(--dp-color-red-base, #e52222));",
+  "status-complete": "var(--dp-backgroundColor-status-complete, var(--dp-color-green-base, #228b22));",
+  "status-neutral": "var(--dp-backgroundColor-status-neutral, var(--dp-color-neutral-dark-1, #595959));",
+  "surface": "var(--dp-backgroundColor-surface, var(--dp-color-white, #ffffff));",
+  "surface-light": "var(--dp-backgroundColor-surface-light, var(--dp-color-neutral-light-4, #f5f5f5));",
+  "surface-medium": "var(--dp-backgroundColor-surface-medium, var(--dp-color-neutral-light-3, #ebe9e9));",
+  "text-deleted": "var(--dp-backgroundColor-text-deleted, var(--dp-color-yellow-light-2, #ffe5a7));",
+  "text-deleted-muted": "var(--dp-backgroundColor-text-deleted-muted, var(--dp-color-yellow-light-3, #ffefca));",
+  "text-inserted": "var(--dp-backgroundColor-text-inserted, var(--dp-color-blue-light-3, #cee6fb));",
+  "text-inserted-muted": "var(--dp-backgroundColor-text-inserted-muted, var(--dp-color-blue-light-4, #ebf5ff));",
+  "text-marked": "var(--dp-backgroundColor-text-marked, var(--dp-color-blue-light-3, #cee6fb));"
+};

package/tokens/dist/tailwind/borderColor.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "message-info": "var(--dp-borderColor-message-info, var(--dp-color-blue-light-1, #44a8ff));",
+  "message-warning": "var(--dp-borderColor-message-warning, var(--dp-color-yellow-base, #ffbe24));",
+  "message-severe": "var(--dp-borderColor-message-severe, var(--dp-color-red-light-1, #fc5e5e));",
+  "message-success": "var(--dp-borderColor-message-success, var(--dp-color-green-light-1, #5cba5c));",
+  "message-debug": "var(--dp-borderColor-message-debug, var(--dp-color-purple-light-1, #a572cd));",
+  "neutral": "var(--dp-borderColor-neutral, var(--dp-color-neutral-light-2, #d3d3d3));",
+  "status-failed": "var(--dp-borderColor-status-failed, var(--dp-color-red-base, #e52222));"
+};

package/tokens/dist/tailwind/color.brand.js

@@ -0,0 +1,8 @@
+module.exports = {
+  "main": "var(--dp-color-main, var(--dp-color-blue-base, #006fd0));",
+  "main-contrast": "var(--dp-color-main-contrast, var(--dp-color-white, #ffffff));",
+  "alt": "var(--dp-color-alt, var(--dp-color-teal-base, #0095b0));",
+  "alt-contrast": "var(--dp-color-alt-contrast, var(--dp-color-white, #ffffff));",
+  "highlight": "var(--dp-color-highlight, var(--dp-color-red-dark-1, #b20000));",
+  "highlight-contrast": "var(--dp-color-highlight-contrast, var(--dp-color-white, #ffffff));"
+};

package/tokens/dist/tailwind/color.data.js

@@ -0,0 +1,30 @@
+module.exports = {
+  "3-1": "var(--dp-color-3-1, #fc8d59);",
+  "3-2": "var(--dp-color-3-2, #f1f1a3);",
+  "3-3": "var(--dp-color-3-3, #91bfdb);",
+  "6-1": "var(--dp-color-6-1, #d73027);",
+  "6-2": "var(--dp-color-6-2, #fc8d59);",
+  "6-3": "var(--dp-color-6-3, #fee090);",
+  "6-4": "var(--dp-color-6-4, #e0f3f8);",
+  "6-5": "var(--dp-color-6-5, #91bfdb);",
+  "6-6": "var(--dp-color-6-6, #4575b4);",
+  "8-1": "var(--dp-color-8-1, #d73027);",
+  "8-2": "var(--dp-color-8-2, #f46d43);",
+  "8-3": "var(--dp-color-8-3, #fdae61);",
+  "8-4": "var(--dp-color-8-4, #fee090);",
+  "8-5": "var(--dp-color-8-5, #e0f3f8);",
+  "8-6": "var(--dp-color-8-6, #abd9e9);",
+  "8-7": "var(--dp-color-8-7, #74add1);",
+  "8-8": "var(--dp-color-8-8, #4575b4);",
+  "11-1": "var(--dp-color-11-1, #a50026);",
+  "11-2": "var(--dp-color-11-2, #d73027);",
+  "11-3": "var(--dp-color-11-3, #f46d43);",
+  "11-4": "var(--dp-color-11-4, #fdae61);",
+  "11-5": "var(--dp-color-11-5, #fee090);",
+  "11-6": "var(--dp-color-11-6, #ffffbf);",
+  "11-7": "var(--dp-color-11-7, #e0f3f8);",
+  "11-8": "var(--dp-color-11-8, #abd9e9);",
+  "11-9": "var(--dp-color-11-9, #74add1);",
+  "11-10": "var(--dp-color-11-10, #4575b4);",
+  "11-11": "var(--dp-color-11-11, #313695);"
+};

package/tokens/dist/tailwind/color.js

@@ -0,0 +1,5 @@
+module.exports = {
+  "interactive": "var(--dp-color-interactive, var(--dp-color-blue-base, #006fd0));",
+  "interactive-hover": "var(--dp-color-interactive-hover, var(--dp-color-blue-dark-1, #005eb1));",
+  "interactive-active": "var(--dp-color-interactive-active, var(--dp-color-blue-dark-2, #004078));"
+};

package/tokens/dist/tailwind/color.palette.js

@@ -0,0 +1,60 @@
+module.exports = {
+  "black": "var(--dp-color-black, #000000);",
+  "white": "var(--dp-color-white, #ffffff);",
+  "neutral-light-4": "var(--dp-color-neutral-light-4, #f5f5f5);",
+  "neutral-light-3": "var(--dp-color-neutral-light-3, #ebe9e9);",
+  "neutral-light-2": "var(--dp-color-neutral-light-2, #d3d3d3);",
+  "neutral-light-1": "var(--dp-color-neutral-light-1, #aeaeae);",
+  "neutral-base": "var(--dp-color-neutral-base, #757575);",
+  "neutral-dark-1": "var(--dp-color-neutral-dark-1, #595959);",
+  "neutral-dark-2": "var(--dp-color-neutral-dark-2, #333333);",
+  "blue-light-4": "var(--dp-color-blue-light-4, #ebf5ff);",
+  "blue-light-3": "var(--dp-color-blue-light-3, #cee6fb);",
+  "blue-light-2": "var(--dp-color-blue-light-2, #82c5ff);",
+  "blue-light-1": "var(--dp-color-blue-light-1, #44a8ff);",
+  "blue-base": "var(--dp-color-blue-base, #006fd0);",
+  "blue-dark-1": "var(--dp-color-blue-dark-1, #005eb1);",
+  "blue-dark-2": "var(--dp-color-blue-dark-2, #004078);",
+  "red-light-4": "var(--dp-color-red-light-4, #fff0f0);",
+  "red-light-3": "var(--dp-color-red-light-3, #fcdddd);",
+  "red-light-2": "var(--dp-color-red-light-2, #ffb3b3);",
+  "red-light-1": "var(--dp-color-red-light-1, #fc5e5e);",
+  "red-base": "var(--dp-color-red-base, #e52222);",
+  "red-dark-1": "var(--dp-color-red-dark-1, #b20000);",
+  "red-dark-2": "var(--dp-color-red-dark-2, #820000);",
+  "teal-light-4": "var(--dp-color-teal-light-4, #e6fbff);",
+  "teal-light-3": "var(--dp-color-teal-light-3, #bcedf6);",
+  "teal-light-2": "var(--dp-color-teal-light-2, #66cee2);",
+  "teal-light-1": "var(--dp-color-teal-light-1, #29acc4);",
+  "teal-base": "var(--dp-color-teal-base, #0095b0);",
+  "teal-dark-1": "var(--dp-color-teal-dark-1, #007286);",
+  "teal-dark-2": "var(--dp-color-teal-dark-2, #004f5d);",
+  "green-light-4": "var(--dp-color-green-light-4, #effbef);",
+  "green-light-3": "var(--dp-color-green-light-3, #def7de);",
+  "green-light-2": "var(--dp-color-green-light-2, #93e293);",
+  "green-light-1": "var(--dp-color-green-light-1, #5cba5c);",
+  "green-base": "var(--dp-color-green-base, #228b22);",
+  "green-dark-1": "var(--dp-color-green-dark-1, #186218);",
+  "green-dark-2": "var(--dp-color-green-dark-2, #064006);",
+  "yellow-light-4": "var(--dp-color-yellow-light-4, #fff7e5);",
+  "yellow-light-3": "var(--dp-color-yellow-light-3, #ffefca);",
+  "yellow-light-2": "var(--dp-color-yellow-light-2, #ffe5a7);",
+  "yellow-light-1": "var(--dp-color-yellow-light-1, #ffd87c);",
+  "yellow-base": "var(--dp-color-yellow-base, #ffbe24);",
+  "yellow-dark-1": "var(--dp-color-yellow-dark-1, #d09200);",
+  "yellow-dark-2": "var(--dp-color-yellow-dark-2, #845d01);",
+  "purple-light-4": "var(--dp-color-purple-light-4, #f3ecf8);",
+  "purple-light-3": "var(--dp-color-purple-light-3, #dfcced);",
+  "purple-light-2": "var(--dp-color-purple-light-2, #bf99db);",
+  "purple-light-1": "var(--dp-color-purple-light-1, #a572cd);",
+  "purple-base": "var(--dp-color-purple-base, #8f4fc0);",
+  "purple-dark-1": "var(--dp-color-purple-dark-1, #5e00a6);",
+  "purple-dark-2": "var(--dp-color-purple-dark-2, #4b0085);",
+  "magenta-light-4": "var(--dp-color-magenta-light-4, #fdedf2);",
+  "magenta-light-3": "var(--dp-color-magenta-light-3, #fbdbe5);",
+  "magenta-light-2": "var(--dp-color-magenta-light-2, #ff9fbd);",
+  "magenta-light-1": "var(--dp-color-magenta-light-1, #e73e79);",
+  "magenta-base": "var(--dp-color-magenta-base, #d4004b);",
+  "magenta-dark-1": "var(--dp-color-magenta-dark-1, #960739);",
+  "magenta-dark-2": "var(--dp-color-magenta-dark-2, #650324);"
+};

package/tokens/dist/tailwind/textColor.js

@@ -0,0 +1,37 @@
+module.exports = {
+  "default": "var(--dp-textColor-default, var(--dp-color-neutral-dark-2, #333333));",
+  "muted": "var(--dp-textColor-muted, var(--dp-color-neutral-base, #757575));",
+  "on-dark": "var(--dp-textColor-on-dark, var(--dp-color-white, #ffffff));",
+  "marked": "var(--dp-textColor-marked, var(--dp-color-blue-dark-2, #004078));",
+  "message-info": "var(--dp-textColor-message-info, var(--dp-color-blue-dark-2, #004078));",
+  "message-info-icon": "var(--dp-textColor-message-info-icon, var(--dp-color-blue-dark-1, #005eb1));",
+  "message-info-interactive": "var(--dp-textColor-message-info-interactive, var(--dp-color-blue-base, #006fd0));",
+  "message-warning": "var(--dp-textColor-message-warning, var(--dp-color-yellow-dark-2, #845d01));",
+  "message-warning-icon": "var(--dp-textColor-message-warning-icon, var(--dp-color-yellow-dark-2, #845d01));",
+  "message-warning-interactive": "var(--dp-textColor-message-warning-interactive, var(--dp-color-yellow-dark-2, #845d01));",
+  "message-severe": "var(--dp-textColor-message-severe, var(--dp-color-red-dark-2, #820000));",
+  "message-severe-icon": "var(--dp-textColor-message-severe-icon, var(--dp-color-red-dark-1, #b20000));",
+  "message-severe-interactive": "var(--dp-textColor-message-severe-interactive, var(--dp-color-red-dark-1, #b20000));",
+  "message-success": "var(--dp-textColor-message-success, var(--dp-color-green-dark-2, #064006));",
+  "message-success-icon": "var(--dp-textColor-message-success-icon, var(--dp-color-green-dark-1, #186218));",
+  "message-success-interactive": "var(--dp-textColor-message-success-interactive, var(--dp-color-green-base, #228b22));",
+  "message-debug": "var(--dp-textColor-message-debug, var(--dp-color-purple-dark-2, #4b0085));",
+  "message-debug-icon": "var(--dp-textColor-message-debug-icon, var(--dp-color-purple-dark-1, #5e00a6));",
+  "message-debug-interactive": "var(--dp-textColor-message-debug-interactive, var(--dp-color-purple-dark-1, #5e00a6));",
+  "selected": "var(--dp-textColor-selected, var(--dp-color-blue-dark-1, #005eb1));",
+  "status-progress": "var(--dp-textColor-status-progress, var(--dp-color-blue-dark-1, #005eb1));",
+  "status-progress-fill": "var(--dp-textColor-status-progress-fill, var(--dp-color-blue-base, #006fd0));",
+  "status-progress-icon": "var(--dp-textColor-status-progress-icon, var(--dp-color-blue-base, #006fd0));",
+  "status-changed": "var(--dp-textColor-status-changed, var(--dp-color-yellow-dark-2, #845d01));",
+  "status-changed-fill": "var(--dp-textColor-status-changed-fill, var(--dp-color-yellow-base, #ffbe24));",
+  "status-changed-icon": "var(--dp-textColor-status-changed-icon, var(--dp-color-yellow-dark-1, #d09200));",
+  "status-failed": "var(--dp-textColor-status-failed, var(--dp-color-red-dark-1, #b20000));",
+  "status-failed-fill": "var(--dp-textColor-status-failed-fill, var(--dp-color-red-base, #e52222));",
+  "status-failed-icon": "var(--dp-textColor-status-failed-icon, var(--dp-color-red-base, #e52222));",
+  "status-complete": "var(--dp-textColor-status-complete, var(--dp-color-green-dark-1, #186218));",
+  "status-complete-fill": "var(--dp-textColor-status-complete-fill, var(--dp-color-green-base, #228b22));",
+  "status-complete-icon": "var(--dp-textColor-status-complete-icon, var(--dp-color-green-base, #228b22));",
+  "status-neutral": "var(--dp-textColor-status-neutral, var(--dp-color-neutral-dark-1, #595959));",
+  "status-neutral-fill": "var(--dp-textColor-status-neutral-fill, var(--dp-color-neutral-base, #757575));",
+  "status-neutral-icon": "var(--dp-textColor-status-neutral-icon, var(--dp-color-neutral-base, #757575));"
+};

package/tokens/src/boxShadow.json

@@ -3,38 +3,46 @@
     "DEFAULT": {
       "$description": "Default elevation. Use for Cards + Buttons.",
       "value": "0 1px 4px rgb(0 0 0 / 22%), 0 1px 2px rgb(0 0 0 / 26%)",
-      "themeable": true
+      "themeable": true,
+      "$type": "shadow"
     },
     "1": {
       "$status": "{_status.deprecated}",
-      "value": "{box-shadow.DEFAULT}"
+      "value": "{box-shadow.DEFAULT}",
+      "$type": "shadow"
     },
     "md": {
       "$description": "Medium elevation. Use for Elevated Cards + Buttons.",
       "value": "0 4px 10px rgb(0 0 0 / 24%), 0 3px 4px rgb(0 0 0 / 25%)",
-      "themeable": true
+      "themeable": true,
+      "$type": "shadow"
     },
     "2": {
       "$status": "{_status.deprecated}",
-      "value": "{box-shadow.md}"
+      "value": "{box-shadow.md}",
+      "$type": "shadow"
     },
     "lg": {
       "$description": "Highest elevation. Use for Modals.",
       "value": "0 8px 20px rgb(0 0 0 / 26%), 0 5px 7px rgb(0 0 0 / 24%)",
-      "themeable": true
+      "themeable": true,
+      "$type": "shadow"
     },
     "3": {
       "$status": "{_status.deprecated}",
-      "value": "{box-shadow.lg}"
+      "value": "{box-shadow.lg}",
+      "$type": "shadow"
     },
     "xl": {
       "$description": "Extra shadow optimized for boxes that take up 100% width or height of viewport. Use eg. for Sidebar, BottomBar.",
       "value": "0 0 16px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 50%)",
-      "themeable": true
+      "themeable": true,
+      "$type": "shadow"
     },
     "4": {
       "$status": "{_status.deprecated}",
-      "value": "{box-shadow.xl}"
+      "value": "{box-shadow.xl}",
+      "$type": "shadow"
     }
   }
 }

package/tokens/src/color/color.brand.json

@@ -5,32 +5,38 @@
       "main": {
         "$description": "Loudest brand color. Currently reserved for header and tabs on public detail page.",
         "value": "{color.palette.blue.base}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       },
       "main-contrast": {
         "$description": "Should pass AAA contrast check with the value of 'main'.",
         "value": "{color.palette.white}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       },
       "alt": {
         "$description": "The second most prominent brand representation in the color scheme.",
         "value": "{color.palette.teal.base}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       },
       "alt-contrast": {
         "$description": "Should pass AAA contrast check with the value of 'alt'.",
         "value": "{color.palette.white}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       },
       "highlight": {
         "$description": "Brand accent color to be used sparingly when raising awareness for important elements.",
         "value": "{color.palette.red.dark-1}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       },
       "highlight-contrast": {
         "$description": "Should pass AAA contrast check with the value of 'highlight'.",
         "value": "{color.palette.white}",
-        "themeable":  true
+        "themeable":  true,
+        "$type": "color"
       }
     }
   }