@scattered-light/loomiere 0.10.0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "Turns a small brand file into a full design token theme: OKLCH color ramps, a type scale, light, dark and high-contrast modes, plus Tailwind, MUI, Chakra, AG Grid and Figma exports.",
   "keywords": ["design-tokens", "theme", "style-dictionary", "dtcg", "oklch", "base-ui", "ag-grid", "tailwind"],
   "repository": {

package/tokens/component/collection.json

@@ -21,6 +21,15 @@
       "$value": "{space.4}",
       "$description": "How far each deeper level steps in, so a child sits under its parent's text."
     },
+    "tree-line-color": {
+      "$value": "{border.strong}",
+      "$type": "color",
+      "$description": "The elbow connector from a child row back to its parent, with treeLines."
+    },
+    "disclosure-size-small": {
+      "$value": "{space.5}",
+      "$description": "The expand and collapse button when a table sets disclosure=\"small\", small enough that a parent row keeps its siblings' height."
+    },
     "list-row-padding-block": {
       "$value": "{space.3}",
       "$description": "Vertical padding of a list row. The row is not a fixed height, because a second line and an extra slot have to fit."

package/tokens/component/side-nav.json

@@ -76,27 +76,35 @@
       "$type": "color",
       "$description": "A group heading's caps label."
     },
-    "toggle-size": {
+    "toggle-width": {
       "$value": "{space.6}",
-      "$description": "The collapse button's width and height. It sits on the column's edge."
+      "$description": "The collapse handle's width. It straddles the column's edge."
+    },
+    "toggle-height": {
+      "$value": "{space.11}",
+      "$description": "The collapse handle's height, a tall tab on the column's edge."
+    },
+    "toggle-radius": {
+      "$value": "{radius.control}",
+      "$description": "The collapse handle's corners."
     },
     "toggle-offset": {
-      "$value": "{space.4}",
+      "$value": "{space.7}",
       "$description": "Distance of the collapse button from the top of the column."
     },
     "toggle-background": {
       "$value": "{surface.raised}",
       "$type": "color",
-      "$description": "The collapse button's fill."
+      "$description": "The collapse handle's fill."
     },
     "toggle-border-color": {
-      "$value": "{border.strong}",
+      "$value": "{text.primary}",
       "$type": "color",
-      "$description": "The collapse button's outline."
+      "$description": "The collapse handle's outline and chevron. It fills with this color on hover."
     },
     "collapsed-width": {
       "$value": "{space.11}",
-      "$description": "Width of the column when it is collapsed, wide enough for the collapse button."
+      "$description": "Width of the column when it is collapsed, wide enough for the collapse handle."
     }
   }
 }