Merge pull request #103 from tokens-studio/preprocessor-default

chore: upgrade deps, adjust tokens

Author: jorenbroekema

package-lock.json

@@ -24,11 +24,11 @@
   },
   "dependencies": {
     "@bundled-es-modules/glob": "^10.3.13",
-    "@lion/ui": "^0.5.6",
+    "@lion/ui": "^0.7.2",
     "@open-wc/dedupe-mixin": "^1.4.0",
-    "@rollup/browser": "^4.13.0",
-    "@tokens-studio/sd-transforms": "^0.14.4",
-    "@tokens-studio/tokens": "^0.0.24",
+    "@rollup/browser": "^4.17.2",
+    "@tokens-studio/sd-transforms": "^0.16.1",
+    "@tokens-studio/tokens": "^0.1.1",
     "@zip.js/zip.js": "^2.7.40",
     "acorn": "^8.11.3",
     "estree-walker": "^3.0.3",

package.json

@@ -33,7 +33,7 @@ class SdCombobox extends LionCombobox {
           color: var(--fgDefault);
           line-height: 1;
           background-color: var(--inputBg);
-          border: 1px solid var(--inputBorderRest);
+          border: 1px solid var(--borderSubtle);
         }
 
         ::slotted([slot="label"]) {
@@ -63,7 +63,7 @@ class SdCombobox extends LionCombobox {
           margin-top: var(--space2);
           background-color: var(--bgDefault);
           box-shadow: var(--shadowsSmall);
-          border: 1px solid var(--borderMuted);
+          border: 1px solid var(--borderSubtle);
           border-radius: var(--radiiMedium);
           padding: var(--space3);
         }

src/components/combobox/sd-combobox.js

@@ -241,9 +241,8 @@ export class SdSelectionDisplay extends LitElement {
     if (ev.key === "Backspace") {
       if (!this._inputNode.value) {
         if (this._removeChipOnNextBackspace && this._selectedElements.length) {
-          this._selectedElements[
-            this._selectedElements.length - 1
-          ].checked = false;
+          this._selectedElements[this._selectedElements.length - 1].checked =
+            false;
         }
         this._removeChipOnNextBackspace = true;
       }

src/components/combobox/sd-selection-display.js

@@ -12,7 +12,7 @@ class SdDialogFrame extends LitElement {
         position: relative;
         box-shadow: var(--shadowDefault);
         background-color: var(--bgDefault);
-        border: 1px solid var(--borderMuted);
+        border: 1px solid var(--borderSubtle);
         border-radius: var(--radiiMedium);
       }
 

src/components/dialog/sd-dialog-frame.js

@@ -26,7 +26,7 @@ export default css`
     color: var(--fgDefault);
     line-height: 1;
     background-color: var(--inputBg);
-    border: 1px solid var(--inputBorderRest);
+    border: 1px solid var(--borderSubtle);
   }
 
   ::slotted([slot="input"]:focus-visible) {

src/components/input/sd-input.css.js

@@ -46,7 +46,7 @@ export default css`
   }
 
   .platform {
-    border: 1px solid var(--borderMuted);
+    border: 1px solid var(--borderSubtle);
     border-radius: var(--radiiMedium);
     background: var(--bgCanvas);
   }
@@ -55,7 +55,7 @@ export default css`
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-bottom: 1px solid var(--borderMuted);
+    border-bottom: 1px solid var(--borderSubtle);
     padding: var(--space1) var(--space5);
     padding-right: var(--space1);
   }

src/components/platforms/token-platform.css.js

@@ -56,7 +56,7 @@ export class ConfiguratorElement extends LitElement {
           display: flex;
           height: 50%;
           border-radius: var(--border-radius-editor);
-          border-left: 1px solid var(--borderMuted);
+          border-left: 1px solid var(--borderSubtle);
           margin: 0 auto;
           position: relative;
         }

src/configurator-element.js

@@ -46,7 +46,7 @@ main {
 
 header {
   padding: var(--space7);
-  border-bottom: 1px solid var(--borderMuted);
+  border-bottom: 1px solid var(--borderSubtle);
 }
 
 h1 {