@cas-smartdesign/design-tokens 3.0.6 → 3.0.8

package/dist/docs/index.html

@@ -1687,7 +1687,7 @@ e.g. the color green is mostly used to reinforce positive messaging. In a functi
                         <div class="preview swatch" style="color: var(--color-fg-warning);">Lorem ipsum dolor sit amet</div>
                         <div class="meta">
                             <code>--color-fg-warning</code>
-                            <code>#bf8c0d</code>
+                            <code>#8f690a</code>
                             <span>Text and other foreground elements with a lower warning level. The color does not suggest interactivity.</span>
                         </div>
                     </div>
@@ -2208,7 +2208,7 @@ Structural styles that define separation and boundaries between UI elements</p>
                         <div class="preview swatch" style="border: 1px solid var(--color-border-on-translucent);"></div>
                         <div class="meta">
                             <code>--color-border-on-translucent</code>
-                            <code>rgba(255, 255, 255, 0.1)</code>
+                            <code>rgba(255, 255, 255, 0.8)</code>
                             <span>Used in the layout on a slightly translucent background color. The color does not suggest interactivity.</span>
                         </div>
                     </div>

package/dist/light/_tokens.scss

@@ -114,7 +114,7 @@
   /** Borders around elements using high-contrast colors for strong backgrounds. The color does not suggest interactivity. */
   --color-border-on-color: var(--base-color-white-opaque);
   /** Used in the layout on a slightly translucent background color. The color does not suggest interactivity. */
-  --color-border-on-translucent: var(--base-color-white-100);
+  --color-border-on-translucent: var(--base-color-white-800);
   /** Border color for components that allow selection; customizable; Selection = choose something */
   --color-border-selection-accent-default: var(--base-color-dark-blue-500);
   /** Second border color for components that allow selection; customizable; Selection = choose something */
@@ -180,7 +180,7 @@
   /** Text and other foreground elements that indicate success. The color does not suggest interactivity. */
   --color-fg-success: var(--base-color-dark-green-600);
   /** Text and other foreground elements with a lower warning level. The color does not suggest interactivity. */
-  --color-fg-warning: var(--base-color-yellow-600);
+  --color-fg-warning: var(--base-color-yellow-650);
   /** Text with lower contrast. The color does not suggest interactivity. */
   --color-fg-weak: var(--base-color-grey-650);
   /** Text with even lower contrast. The color does not suggest interactivity. */

package/dist/light/tokens.css

@@ -114,7 +114,7 @@ body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark),
   /** Borders around elements using high-contrast colors for strong backgrounds. The color does not suggest interactivity. */
   --color-border-on-color: var(--base-color-white-opaque);
   /** Used in the layout on a slightly translucent background color. The color does not suggest interactivity. */
-  --color-border-on-translucent: var(--base-color-white-100);
+  --color-border-on-translucent: var(--base-color-white-800);
   /** Border color for components that allow selection; customizable; Selection = choose something */
   --color-border-selection-accent-default: var(--base-color-dark-blue-500);
   /** Second border color for components that allow selection; customizable; Selection = choose something */
@@ -180,7 +180,7 @@ body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark),
   /** Text and other foreground elements that indicate success. The color does not suggest interactivity. */
   --color-fg-success: var(--base-color-dark-green-600);
   /** Text and other foreground elements with a lower warning level. The color does not suggest interactivity. */
-  --color-fg-warning: var(--base-color-yellow-600);
+  --color-fg-warning: var(--base-color-yellow-650);
   /** Text with lower contrast. The color does not suggest interactivity. */
   --color-fg-weak: var(--base-color-grey-650);
   /** Text with even lower contrast. The color does not suggest interactivity. */

package/dist/light/tokens.json

@@ -1090,12 +1090,12 @@
         "key": "{color.border.onTranslucent}",
         "$description": "Used in the layout on a slightly translucent background color. The color does not suggest interactivity.",
         "$type": "color",
-        "$value": "#ffffff1a",
+        "$value": "#ffffffcc",
         "isSource": true,
         "original": {
           "$description": "Used in the layout on a slightly translucent background color. The color does not suggest interactivity.",
           "$type": "color",
-          "$value": "{base.color.white.100}",
+          "$value": "{base.color.white.800}",
           "key": "{color.border.onTranslucent}"
         },
         "name": "ColorBorderOnTranslucent",
@@ -1719,12 +1719,12 @@
         "key": "{color.fg.warning}",
         "$description": "Text and other foreground elements with a lower warning level. The color does not suggest interactivity.",
         "$type": "color",
-        "$value": "#bf8c0d",
+        "$value": "#8f690a",
         "isSource": true,
         "original": {
           "$description": "Text and other foreground elements with a lower warning level. The color does not suggest interactivity.",
           "$type": "color",
-          "$value": "{base.color.yellow.600}",
+          "$value": "{base.color.yellow.650}",
           "key": "{color.fg.warning}"
         },
         "name": "ColorFgWarning",

package/dist/tokens.css

@@ -516,7 +516,7 @@ body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark),
   /** Borders around elements using high-contrast colors for strong backgrounds. The color does not suggest interactivity. */
   --color-border-on-color: var(--base-color-white-opaque);
   /** Used in the layout on a slightly translucent background color. The color does not suggest interactivity. */
-  --color-border-on-translucent: var(--base-color-white-100);
+  --color-border-on-translucent: var(--base-color-white-800);
   /** Border color for components that allow selection; customizable; Selection = choose something */
   --color-border-selection-accent-default: var(--base-color-dark-blue-500);
   /** Second border color for components that allow selection; customizable; Selection = choose something */
@@ -582,7 +582,7 @@ body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark),
   /** Text and other foreground elements that indicate success. The color does not suggest interactivity. */
   --color-fg-success: var(--base-color-dark-green-600);
   /** Text and other foreground elements with a lower warning level. The color does not suggest interactivity. */
-  --color-fg-warning: var(--base-color-yellow-600);
+  --color-fg-warning: var(--base-color-yellow-650);
   /** Text with lower contrast. The color does not suggest interactivity. */
   --color-fg-weak: var(--base-color-grey-650);
   /** Text with even lower contrast. The color does not suggest interactivity. */

package/npm-third-party-licenses.json

@@ -1,9 +1,4 @@
 {
-    "@cypress/vite-dev-server@7.3.2": {
-        "licenses": "MIT",
-        "repository": "https://github.com/cypress-io/cypress",
-        "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
-    },
     "@tsdown/css@0.21.7": {
         "licenses": "MIT",
         "repository": "https://github.com/rolldown/tsdown",
@@ -19,6 +14,11 @@
         "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
         "licenseUrl": "https://unpkg.com/@types/yargs@17.0.35/LICENSE"
     },
+    "@vitest/browser-playwright@4.1.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://unpkg.com/@vitest/browser-playwright@4.1.2/LICENSE"
+    },
     "@vitest/coverage-v8@4.1.2": {
         "licenses": "MIT",
         "repository": "https://github.com/vitest-dev/vitest",
@@ -34,16 +34,6 @@
         "repository": "https://github.com/dequelabs/axe-core",
         "licenseUrl": "https://unpkg.com/axe-core@4.11.2/LICENSE"
     },
-    "cypress-axe@1.7.0": {
-        "licenses": "MIT",
-        "repository": "https://github.com/component-driven/cypress-axe",
-        "licenseUrl": "https://unpkg.com/cypress-axe@1.7.0/License.md"
-    },
-    "cypress@15.13.0": {
-        "licenses": "MIT",
-        "repository": "https://github.com/cypress-io/cypress",
-        "licenseUrl": "https://cypress.io"
-    },
     "github-markdown-css@5.9.0": {
         "licenses": "MIT",
         "repository": "https://github.com/sindresorhus/github-markdown-css",
@@ -79,6 +69,26 @@
         "repository": "https://github.com/oxc-project/oxc",
         "licenseUrl": "https://unpkg.com/oxlint@1.59.0/LICENSE"
     },
+    "playwright-chromium@1.64.1": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/microsoft/playwright",
+        "licenseUrl": "https://unpkg.com/playwright-chromium@1.64.1/LICENSE"
+    },
+    "playwright-firefox@1.64.1": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/microsoft/playwright",
+        "licenseUrl": "https://unpkg.com/playwright-firefox@1.64.1/LICENSE"
+    },
+    "playwright-webkit@1.64.1": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/microsoft/playwright",
+        "licenseUrl": "https://unpkg.com/playwright-webkit@1.64.1/LICENSE"
+    },
+    "playwright@1.64.1": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/microsoft/playwright",
+        "licenseUrl": "https://unpkg.com/playwright@1.64.1/LICENSE"
+    },
     "resolve-pkg@3.0.1": {
         "licenses": "MIT",
         "repository": "https://github.com/sindresorhus/resolve-pkg",
@@ -99,10 +109,10 @@
         "repository": "https://github.com/rolldown/tsdown",
         "licenseUrl": "https://unpkg.com/tsdown@0.21.7/LICENSE"
     },
-    "turbo@2.9.4": {
+    "turbo@2.9.18": {
         "licenses": "MIT",
         "repository": "https://github.com/vercel/turborepo",
-        "licenseUrl": "https://unpkg.com/turbo@2.9.4/LICENSE"
+        "licenseUrl": "https://unpkg.com/turbo@2.9.18/LICENSE"
     },
     "typescript@6.0.2": {
         "licenses": "Apache-2.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cas-smartdesign/design-tokens",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Design tokens for SmartDesign",
   "license": "SEE LICENSE IN LICENSE",
   "files": [
@@ -43,10 +43,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
+    "@cas-smartdesign/license-generator": "^1.10.3",
     "@types/node": "^25.5.2",
     "marked": "^18.0.0",
-    "style-dictionary": "^5.4.0",
-    "@cas-smartdesign/license-generator": "^1.10.2"
+    "style-dictionary": "^5.4.0"
   },
   "scripts": {
     "version": "pnpm version",