@solid-design-system/tokens 1.2.2 → 1.4.0

package/dist/tokens.scss

@@ -40,7 +40,6 @@ $sd-borderColor-accent-550: (rgb(var(--sd-color-accent-550, 54 123 40)) /* Used
 $sd-borderColor-accent-DEFAULT: (rgb(var(--sd-color-accent, 45 157 0)) /* Used for brand-shape
  */);
 $sd-borderColor-neutral-200: (rgb(var(--sd-color-neutral-200, 233 233 233)) /* Used for spinner */);
-$sd-borderColor-neutral-300: (rgb(var(--sd-color-neutral-300, 218 218 218)));
 $sd-borderColor-neutral-400: (rgb(var(--sd-color-neutral-400, 195 195 195)) /* Default border color. 
 Used for divider, teaser, container, ...  */);
 $sd-borderColor-neutral-500: (rgb(var(--sd-color-neutral-500, 174 174 174)) /* Used for disabled state */);
@@ -98,7 +97,7 @@ $sd-spacing-8: (var(--sd-spacing-8, 2rem) /* 32px */);
 $sd-spacing-10: (var(--sd-spacing-10, 2.5rem) /* 40px */);
 $sd-spacing-12: (var(--sd-spacing-12, 3rem) /* 48px */);
 $sd-spacing-16: (var(--sd-spacing-16, 4rem) /* 64px */);
-$sd-spacing-18: (var(--sd-spacing-18, 5rem) /* 80px */);
+$sd-spacing-20: (var(--sd-spacing-20, 5rem) /* 80px */);
 $sd-spacing-24: (var(--sd-spacing-24, 6rem) /* 96px */);
 $sd-spacing-32: (var(--sd-spacing-32, 8rem) /* 128px */);
 $sd-spacing-40: (var(--sd-spacing-40, 10rem) /* 160px */);

package/dist/tokens.tailwind.json

@@ -75,7 +75,6 @@
     },
     "neutral": {
       "200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for spinner */",
-      "300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>)",
       "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Default border color. \nUsed for divider, teaser, container, ...  */",
       "500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
       "600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
@@ -213,8 +212,7 @@
       "DEFAULT": "rgb(var(--sd-color-accent, 45 157 0) / <alpha-value>) /* Used for active / selected elements */"
     },
     "neutral": {
-      "200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for   */",
-      "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Used for   */",
+      "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* used for progress step (in inactive state) */",
       "500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
       "600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
       "800": "rgb(var(--sd-color-neutral-800, 81 81 81) / <alpha-value>) /* Used for switch */"
@@ -320,7 +318,6 @@
     },
     "neutral": {
       "200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for spinner */",
-      "300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>)",
       "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Default border color. \nUsed for divider, teaser, container, ...  */",
       "500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
       "600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
@@ -374,7 +371,6 @@
     },
     "neutral": {
       "200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for spinner */",
-      "300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>)",
       "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Default border color. \nUsed for divider, teaser, container, ...  */",
       "500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
       "600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
@@ -438,7 +434,7 @@
     "10": "var(--sd-spacing-10, 2.5rem) /* 40px */",
     "12": "var(--sd-spacing-12, 3rem) /* 48px */",
     "16": "var(--sd-spacing-16, 4rem) /* 64px */",
-    "18": "var(--sd-spacing-18, 5rem) /* 80px */",
+    "20": "var(--sd-spacing-20, 5rem) /* 80px */",
     "24": "var(--sd-spacing-24, 6rem) /* 96px */",
     "32": "var(--sd-spacing-32, 8rem) /* 128px */",
     "40": "var(--sd-spacing-40, 10rem) /* 160px */",
@@ -459,7 +455,7 @@
     "10": "var(--sd-spacing-10, 2.5rem) /* 40px */",
     "12": "var(--sd-spacing-12, 3rem) /* 48px */",
     "16": "var(--sd-spacing-16, 4rem) /* 64px */",
-    "18": "var(--sd-spacing-18, 5rem) /* 80px */",
+    "20": "var(--sd-spacing-20, 5rem) /* 80px */",
     "24": "var(--sd-spacing-24, 6rem) /* 96px */",
     "32": "var(--sd-spacing-32, 8rem) /* 128px */",
     "40": "var(--sd-spacing-40, 10rem) /* 160px */",
@@ -484,7 +480,6 @@
     },
     "neutral": {
       "200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for spinner */",
-      "300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>)",
       "400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Default border color. \nUsed for divider, teaser, container, ...  */",
       "500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
       "600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-design-system/tokens",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "description": "Solid Design System: Tokens",
   "main": "index.js",
   "scripts": {
@@ -24,7 +24,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/solid-design-system/solid.git"
+    "url": "git+https://github.com/solid-design-system/solid.git",
+    "directory": "packages/tokens"
   },
   "license": "MIT",
   "devDependencies": {