@oneli8/tokens 1.0.0-beta.4 → 1.0.0-beta.6

package/build/typescript/index.js

@@ -3914,6 +3914,15 @@ export const tokens = {
     "description": "Hover and Pressed Link underline.",
     "tier": "component"
   },
+  "component.link.underline.current": {
+    "type": "dimension",
+    "value": {
+      "value": 3,
+      "unit": "px"
+    },
+    "description": "Marker that shows the current destination in a Navigation Link. It sits where the underline sits and replaces it.",
+    "tier": "component"
+  },
   "component.link.underline.offset": {
     "type": "dimension",
     "value": {
@@ -4085,6 +4094,15 @@ export const tokens = {
     "description": "Label-to-control gap.",
     "tier": "component"
   },
+  "component.textField.gap.requirement": {
+    "type": "dimension",
+    "value": {
+      "value": 3,
+      "unit": "px"
+    },
+    "description": "Gap between the label and the mark that says the field is required.",
+    "tier": "component"
+  },
   "component.textField.gap.supporting": {
     "type": "dimension",
     "value": {
@@ -4094,6 +4112,15 @@ export const tokens = {
     "description": "Control-to-supporting-region gap.",
     "tier": "component"
   },
+  "component.textField.gap.inline": {
+    "type": "dimension",
+    "value": {
+      "value": 6,
+      "unit": "px"
+    },
+    "description": "Gap between the slots inside the control: leading icon, prefix, value, suffix and trailing action.",
+    "tier": "component"
+  },
   "component.textField.gap.status": {
     "type": "dimension",
     "value": {
@@ -4400,6 +4427,15 @@ export const tokens = {
     "description": "Suggested Large maximum visible option region before scrolling.",
     "tier": "component"
   },
+  "component.selectionPopup.inset": {
+    "type": "dimension",
+    "value": {
+      "value": 6,
+      "unit": "px"
+    },
+    "description": "Selection popup internal inset.",
+    "tier": "component"
+  },
   "component.selectionOption.minimum.standard": {
     "type": "dimension",
     "value": {
@@ -4607,6 +4643,51 @@ export const tokens = {
     "description": "Canonical Icon Frame presentation for Check or Remove artwork.",
     "tier": "component"
   },
+  "component.choiceChip.markTarget": {
+    "type": "dimension",
+    "value": {
+      "value": 24,
+      "unit": "px"
+    },
+    "description": "Minimum reachable target for the Remove mark. The mark is drawn at 18; the contract asks for at least 24 that overlaps neither the label nor the chip edge, so the target is expanded around the drawn mark rather than enlarging it.",
+    "tier": "component"
+  },
+  "component.choiceChip.railInset.compact": {
+    "type": "dimension",
+    "value": {
+      "value": 9,
+      "unit": "px"
+    },
+    "description": "9px rail inset; with the 12px terminal this produces the approved 21px content inset.",
+    "tier": "component"
+  },
+  "component.choiceChip.railInset.standard": {
+    "type": "dimension",
+    "value": {
+      "value": 12,
+      "unit": "px"
+    },
+    "description": "12px rail inset; with the terminal this produces the approved 24px content inset.",
+    "tier": "component"
+  },
+  "component.choiceChip.railInset.comfortable": {
+    "type": "dimension",
+    "value": {
+      "value": 15,
+      "unit": "px"
+    },
+    "description": "15px rail inset; with the terminal this produces the approved 27px content inset.",
+    "tier": "component"
+  },
+  "component.choiceChip.railInset.large": {
+    "type": "dimension",
+    "value": {
+      "value": 15,
+      "unit": "px"
+    },
+    "description": "15px rail inset; with the terminal this produces the approved 27px content inset.",
+    "tier": "component"
+  },
   "component.tokenField.minimumInput": {
     "type": "dimension",
     "value": {
@@ -5140,6 +5221,11 @@ export const tokenPaths = [
   "component.choiceChip.inset.standard",
   "component.choiceChip.mark",
   "component.choiceChip.markGap",
+  "component.choiceChip.markTarget",
+  "component.choiceChip.railInset.comfortable",
+  "component.choiceChip.railInset.compact",
+  "component.choiceChip.railInset.large",
+  "component.choiceChip.railInset.standard",
   "component.choiceChip.target.large",
   "component.choiceChip.target.standard",
   "component.choiceChip.terminal",
@@ -5166,6 +5252,7 @@ export const tokenPaths = [
   "component.link.gap.small",
   "component.link.gap.standard",
   "component.link.targetNavigation",
+  "component.link.underline.current",
   "component.link.underline.default",
   "component.link.underline.emphasis",
   "component.link.underline.offset",
@@ -5189,6 +5276,7 @@ export const tokenPaths = [
   "component.selectionOption.minimum.large",
   "component.selectionOption.minimum.standard",
   "component.selectionPopup.gap",
+  "component.selectionPopup.inset",
   "component.selectionPopup.maximumBlock.large",
   "component.selectionPopup.maximumBlock.standard",
   "component.selectionPopup.paddingBlock",
@@ -5225,8 +5313,10 @@ export const tokenPaths = [
   "component.tabItem.radius",
   "component.tabItem.rail",
   "component.textField.boundary",
+  "component.textField.gap.inline",
   "component.textField.gap.label",
   "component.textField.gap.messageCounter",
+  "component.textField.gap.requirement",
   "component.textField.gap.status",
   "component.textField.gap.supporting",
   "component.textField.height.comfortable",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneli8/tokens",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.6",
   "description": "OneLi8 Design System \u2014 design tokens compiled from Figma. CSS custom properties and a flat JS object.",
   "keywords": [
     "design-tokens",

package/scripts/test.mjs

@@ -89,8 +89,9 @@ ok(builtStatus.generated===true&&builtStatus.components.length===status.componen
 ok(component.component.choiceChip.height.compact.$value.value===30&&component.component.choiceChip.height.standard.$value==="{size.control.compact}"&&component.component.choiceChip.height.comfortable.$value==="{size.control.standard}","Soft Hexagon visible heights must retain the approved 30px, 36px, and 42px geometry");
 ok(component.component.choiceChip.terminal.$value==="{spacing.inline.standard}"&&component.component.choiceChip.innerTerminal.$value.value===11,"Soft Hexagon terminal geometry must remain fixed rather than scaling with label length");
 ok(component.component.choiceChip.inset.compact.$value.value===21&&component.component.choiceChip.inset.standard.$value==="{spacing.inset.comfortable}"&&component.component.choiceChip.inset.comfortable.$value.value===27,"Soft Hexagon insets must retain the approved 21px, 24px, and 27px progression");
+ok(component.component.choiceChip.markTarget.$value.value===24&&component.component.choiceChip.markTarget.$extensions["oneli8.geometry"]==="approved-component-recipe","The Remove mark target must stay a governed 24, not an enlarged 18px mark");
 ok(component.component.suggestionRail.gap.$value==="{component.choiceChip.gap}"&&component.component.suggestionRail.fieldSeparation.$value==="{spacing.stack.tight}","Suggested Values rail must reuse Choice Chip and structural spacing roles");
 ok(component.component.tabBar.gap.$value==="{spacing.none}"&&component.component.tabBar.inlineInset.$value==="{spacing.inline.minimal}","Tab Bar spacing must map to canonical zero gap and 3px Inline protection");
-ok(manifest.counts.primitive===170&&manifest.counts.semantic===270&&manifest.counts.component===152&&manifest.counts.componentStatuses===10&&manifest.counts.figmaVariables===578&&manifest.counts.figmaElevationStyles===5,"Navigation spacing and contextual token output counts must remain deterministic");
+ok(manifest.counts.primitive===170&&manifest.counts.semantic===270&&manifest.counts.component===161&&manifest.counts.componentStatuses===10&&manifest.counts.figmaVariables===587&&manifest.counts.figmaElevationStyles===5,"Navigation spacing and contextual token output counts must remain deterministic");
 
 console.log(`PASS ${checks}/${checks} canonical token package checks.`);

package/src/component.json

@@ -266,6 +266,11 @@
           "$value": "{border.width.standard}",
           "$description": "Hover and Pressed Link underline."
         },
+        "current": {
+          "$type": "dimension",
+          "$value": "{border.width.strong}",
+          "$description": "Marker that shows the current destination in a Navigation Link. It sits where the underline sits and replaces it."
+        },
         "offset": {
           "$type": "dimension",
           "$value": "{focus.ring.offset}",
@@ -385,11 +390,21 @@
           "$value": "{spacing.stack.tight}",
           "$description": "Label-to-control gap."
         },
+        "requirement": {
+          "$type": "dimension",
+          "$value": "{spacing.inline.minimal}",
+          "$description": "Gap between the label and the mark that says the field is required."
+        },
         "supporting": {
           "$type": "dimension",
           "$value": "{spacing.stack.tight}",
           "$description": "Control-to-supporting-region gap."
         },
+        "inline": {
+          "$type": "dimension",
+          "$value": "{spacing.inline.related}",
+          "$description": "Gap between the slots inside the control: leading icon, prefix, value, suffix and trailing action."
+        },
         "status": {
           "$type": "dimension",
           "$value": "{spacing.inline.minimal}",
@@ -634,6 +649,11 @@
           },
           "$description": "Suggested Large maximum visible option region before scrolling."
         }
+      },
+      "inset": {
+        "$type": "dimension",
+        "$value": "{spacing.inline.related}",
+        "$description": "Selection popup internal inset."
       }
     },
     "selectionOption": {
@@ -811,6 +831,63 @@
         "$type": "dimension",
         "$value": "{size.icon.small}",
         "$description": "Canonical Icon Frame presentation for Check or Remove artwork."
+      },
+      "markTarget": {
+        "$type": "dimension",
+        "$value": {
+          "value": 24,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.geometry": "approved-component-recipe"
+        },
+        "$description": "Minimum reachable target for the Remove mark. The mark is drawn at 18; the contract asks for at least 24 that overlaps neither the label nor the chip edge, so the target is expanded around the drawn mark rather than enlarging it."
+      },
+      "railInset": {
+        "compact": {
+          "$type": "dimension",
+          "$value": {
+            "value": 9,
+            "unit": "px"
+          },
+          "$extensions": {
+            "oneli8.geometry": "approved-component-recipe"
+          },
+          "$description": "9px rail inset; with the 12px terminal this produces the approved 21px content inset."
+        },
+        "standard": {
+          "$type": "dimension",
+          "$value": {
+            "value": 12,
+            "unit": "px"
+          },
+          "$extensions": {
+            "oneli8.geometry": "approved-component-recipe"
+          },
+          "$description": "12px rail inset; with the terminal this produces the approved 24px content inset."
+        },
+        "comfortable": {
+          "$type": "dimension",
+          "$value": {
+            "value": 15,
+            "unit": "px"
+          },
+          "$extensions": {
+            "oneli8.geometry": "approved-component-recipe"
+          },
+          "$description": "15px rail inset; with the terminal this produces the approved 27px content inset."
+        },
+        "large": {
+          "$type": "dimension",
+          "$value": {
+            "value": 15,
+            "unit": "px"
+          },
+          "$extensions": {
+            "oneli8.geometry": "approved-component-recipe"
+          },
+          "$description": "15px rail inset; with the terminal this produces the approved 27px content inset."
+        }
       }
     },
     "tokenField": {