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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/AGENTS.md +12 -0
  2. package/FONTS-LICENSE.txt +113 -0
  3. package/PRINCIPLES.md +48 -0
  4. package/README.md +75 -69
  5. package/ai-context.json +53 -0
  6. package/build/css/tokens.css +294 -288
  7. package/build/figma/variables.json +63 -0
  8. package/build/manifest.json +4 -4
  9. package/build/tailwind/preset.mjs +42 -41
  10. package/build/tailwind/theme.css +41 -40
  11. package/build/typescript/index.d.ts +1 -1
  12. package/build/typescript/index.js +57 -0
  13. package/fonts/ar-one-sans-latin-ext.woff2 +0 -0
  14. package/fonts/ar-one-sans-latin.woff2 +0 -0
  15. package/fonts/ar-one-sans-vietnamese.woff2 +0 -0
  16. package/fonts/syne-greek.woff2 +0 -0
  17. package/fonts/syne-latin-ext.woff2 +0 -0
  18. package/fonts/syne-latin.woff2 +0 -0
  19. package/fonts.css +63 -0
  20. package/overrides.example.css +53 -0
  21. package/package.json +56 -16
  22. package/scripts/build.mjs +60 -5
  23. package/scripts/test.mjs +5 -5
  24. package/src/component.json +904 -155
  25. package/src/figma-code-syntax.txt +551 -0
  26. package/src/primitive.json +1057 -163
  27. package/src/semantic.json +825 -126
package/src/component.json CHANGED
@@ -1,262 +1,1011 @@
1
1
  {
2
2
  "$schema": "../schema/token-file.schema.json",
3
3
  "$description": "Approved Oneli8 component recipes. Component tokens map Semantic roles and approved non-duplicative geometry; they never create private foundation scales.",
4
- "$extensions": {"oneli8.status":"component-slice-01"},
4
+ "$extensions": {
5
+ "oneli8.status": "component-slice-01"
6
+ },
5
7
  "component": {
6
- "opticalStroke":{"$type":"dimension","$value":{"value":1.8,"unit":"px"},"$extensions":{"oneli8.exception":"universal-optical-stroke"},"$description":"Universal 1.8-unit source stroke for canonical 24px outlined icons and direct 1.8px geometry for Checkbox, Radio, and Gem equivalents."},
8
+ "opticalStroke": {
9
+ "$type": "dimension",
10
+ "$value": {
11
+ "value": 1.8,
12
+ "unit": "px"
13
+ },
14
+ "$extensions": {
15
+ "oneli8.exception": "universal-optical-stroke"
16
+ },
17
+ "$description": "Universal 1.8-unit source stroke for canonical 24px outlined icons and direct 1.8px geometry for Checkbox, Radio, and Gem equivalents."
18
+ },
7
19
  "icon": {
8
- "stroke":{"$type":"dimension","$value":"{component.opticalStroke}","$description":"Canonical 24px Icon Frame source stroke; the complete source geometry scales at presentation time."}
20
+ "stroke": {
21
+ "$type": "dimension",
22
+ "$value": "{component.opticalStroke}",
23
+ "$description": "Canonical 24px Icon Frame source stroke; the complete source geometry scales at presentation time."
24
+ }
9
25
  },
10
26
  "button": {
11
27
  "height": {
12
- "compact":{"$type":"dimension","$value":"{size.control.compact}","$description":"Compact Button visible height."},
13
- "standard":{"$type":"dimension","$value":"{size.control.standard}","$description":"Standard Button visible height."},
14
- "comfortable":{"$type":"dimension","$value":"{size.control.comfortable}","$description":"Comfortable Button visible height."},
15
- "large":{"$type":"dimension","$value":"{size.control.large}","$description":"Large Button visible height."}
28
+ "compact": {
29
+ "$type": "dimension",
30
+ "$value": "{size.control.compact}",
31
+ "$description": "Compact Button visible height."
32
+ },
33
+ "standard": {
34
+ "$type": "dimension",
35
+ "$value": "{size.control.standard}",
36
+ "$description": "Standard Button visible height."
37
+ },
38
+ "comfortable": {
39
+ "$type": "dimension",
40
+ "$value": "{size.control.comfortable}",
41
+ "$description": "Comfortable Button visible height."
42
+ },
43
+ "large": {
44
+ "$type": "dimension",
45
+ "$value": "{size.control.large}",
46
+ "$description": "Large Button visible height."
47
+ }
16
48
  },
17
49
  "paddingInline": {
18
- "compact":{"$type":"dimension","$value":"{spacing.inset.compact}","$description":"Compact Button inline padding."},
19
- "standard":{"$type":"dimension","$value":{"value":15,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Standard Button inline padding."},
20
- "comfortable":{"$type":"dimension","$value":"{spacing.inset.standard}","$description":"Comfortable Button inline padding."},
21
- "large":{"$type":"dimension","$value":"{spacing.inset.comfortable}","$description":"Large Button inline padding."}
50
+ "compact": {
51
+ "$type": "dimension",
52
+ "$value": "{spacing.inset.compact}",
53
+ "$description": "Compact Button inline padding."
54
+ },
55
+ "standard": {
56
+ "$type": "dimension",
57
+ "$value": {
58
+ "value": 15,
59
+ "unit": "px"
60
+ },
61
+ "$extensions": {
62
+ "oneli8.geometry": "approved-component-recipe"
63
+ },
64
+ "$description": "Standard Button inline padding."
65
+ },
66
+ "comfortable": {
67
+ "$type": "dimension",
68
+ "$value": "{spacing.inset.standard}",
69
+ "$description": "Comfortable Button inline padding."
70
+ },
71
+ "large": {
72
+ "$type": "dimension",
73
+ "$value": "{spacing.inset.comfortable}",
74
+ "$description": "Large Button inline padding."
75
+ }
22
76
  },
23
77
  "gap": {
24
- "compact":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Compact and Standard Button icon-label gap."},
25
- "comfortable":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Comfortable and Large Button icon-label gap."}
78
+ "compact": {
79
+ "$type": "dimension",
80
+ "$value": "{spacing.inline.related}",
81
+ "$description": "Compact and Standard Button icon-label gap."
82
+ },
83
+ "comfortable": {
84
+ "$type": "dimension",
85
+ "$value": {
86
+ "value": 9,
87
+ "unit": "px"
88
+ },
89
+ "$extensions": {
90
+ "oneli8.geometry": "approved-component-recipe"
91
+ },
92
+ "$description": "Comfortable and Large Button icon-label gap."
93
+ }
26
94
  },
27
95
  "icon": {
28
- "compact":{"$type":"dimension","$value":"{size.icon.small}","$description":"Compact and Standard Button icon box."},
29
- "comfortable":{"$type":"dimension","$value":"{size.icon.standard}","$description":"Comfortable and Large Button icon box."}
96
+ "compact": {
97
+ "$type": "dimension",
98
+ "$value": "{size.icon.small}",
99
+ "$description": "Compact and Standard Button icon box."
100
+ },
101
+ "comfortable": {
102
+ "$type": "dimension",
103
+ "$value": "{size.icon.standard}",
104
+ "$description": "Comfortable and Large Button icon box."
105
+ }
30
106
  },
31
107
  "target": {
32
- "compact":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Protected Compact Button target."},
33
- "standard":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Protected Standard Button target."},
34
- "comfortable":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Comfortable Button target."},
35
- "large":{"$type":"dimension","$value":"{size.target.comfortable}","$description":"Large Button target."}
108
+ "compact": {
109
+ "$type": "dimension",
110
+ "$value": "{size.target.minimum}",
111
+ "$description": "Protected Compact Button target."
112
+ },
113
+ "standard": {
114
+ "$type": "dimension",
115
+ "$value": "{size.target.minimum}",
116
+ "$description": "Protected Standard Button target."
117
+ },
118
+ "comfortable": {
119
+ "$type": "dimension",
120
+ "$value": "{size.target.minimum}",
121
+ "$description": "Comfortable Button target."
122
+ },
123
+ "large": {
124
+ "$type": "dimension",
125
+ "$value": "{size.target.comfortable}",
126
+ "$description": "Large Button target."
127
+ }
36
128
  },
37
129
  "radius": {
38
- "compact":{"$type":"dimension","$value":"{shape.radius.compact}","$description":"Compact Button radius."},
39
- "standard":{"$type":"dimension","$value":"{shape.radius.medium}","$description":"Standard Button radius."},
40
- "comfortable":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Comfortable Button radius."},
41
- "large":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Large Button radius."}
130
+ "compact": {
131
+ "$type": "dimension",
132
+ "$value": "{shape.radius.compact}",
133
+ "$description": "Compact Button radius."
134
+ },
135
+ "standard": {
136
+ "$type": "dimension",
137
+ "$value": "{shape.radius.medium}",
138
+ "$description": "Standard Button radius."
139
+ },
140
+ "comfortable": {
141
+ "$type": "dimension",
142
+ "$value": "{shape.radius.standard}",
143
+ "$description": "Comfortable Button radius."
144
+ },
145
+ "large": {
146
+ "$type": "dimension",
147
+ "$value": "{shape.radius.standard}",
148
+ "$description": "Large Button radius."
149
+ }
42
150
  },
43
- "secondaryBoundary":{"$type":"dimension","$value":"{border.width.standard}","$description":"Persistent Secondary Button boundary."}
151
+ "secondaryBoundary": {
152
+ "$type": "dimension",
153
+ "$value": "{border.width.standard}",
154
+ "$description": "Persistent Secondary Button boundary."
155
+ }
44
156
  },
45
157
  "iconButton": {
46
158
  "box": {
47
- "compact":{"$type":"dimension","$value":"{size.control.compact}","$description":"Compact Icon Button visible box."},
48
- "standard":{"$type":"dimension","$value":"{size.control.standard}","$description":"Standard Icon Button visible box."},
49
- "comfortable":{"$type":"dimension","$value":"{size.control.comfortable}","$description":"Comfortable Icon Button visible box."},
50
- "large":{"$type":"dimension","$value":"{size.control.large}","$description":"Large Icon Button visible box."}
159
+ "compact": {
160
+ "$type": "dimension",
161
+ "$value": "{size.control.compact}",
162
+ "$description": "Compact Icon Button visible box."
163
+ },
164
+ "standard": {
165
+ "$type": "dimension",
166
+ "$value": "{size.control.standard}",
167
+ "$description": "Standard Icon Button visible box."
168
+ },
169
+ "comfortable": {
170
+ "$type": "dimension",
171
+ "$value": "{size.control.comfortable}",
172
+ "$description": "Comfortable Icon Button visible box."
173
+ },
174
+ "large": {
175
+ "$type": "dimension",
176
+ "$value": "{size.control.large}",
177
+ "$description": "Large Icon Button visible box."
178
+ }
51
179
  },
52
180
  "artwork": {
53
- "compact":{"$type":"dimension","$value":"{size.icon.small}","$description":"Compact Icon Button artwork box."},
54
- "standard":{"$type":"dimension","$value":"{size.icon.small}","$description":"Standard Icon Button artwork box."},
55
- "comfortable":{"$type":"dimension","$value":"{size.icon.standard}","$description":"Comfortable Icon Button artwork box."},
56
- "large":{"$type":"dimension","$value":"{size.icon.large}","$description":"Large Icon Button artwork box."}
181
+ "compact": {
182
+ "$type": "dimension",
183
+ "$value": "{size.icon.small}",
184
+ "$description": "Compact Icon Button artwork box."
185
+ },
186
+ "standard": {
187
+ "$type": "dimension",
188
+ "$value": "{size.icon.small}",
189
+ "$description": "Standard Icon Button artwork box."
190
+ },
191
+ "comfortable": {
192
+ "$type": "dimension",
193
+ "$value": "{size.icon.standard}",
194
+ "$description": "Comfortable Icon Button artwork box."
195
+ },
196
+ "large": {
197
+ "$type": "dimension",
198
+ "$value": "{size.icon.large}",
199
+ "$description": "Large Icon Button artwork box."
200
+ }
57
201
  },
58
202
  "target": {
59
- "compact":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Protected Compact Icon Button target."},
60
- "standard":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Protected Standard Icon Button target."},
61
- "comfortable":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Comfortable Icon Button target."},
62
- "large":{"$type":"dimension","$value":"{size.target.comfortable}","$description":"Large Icon Button target."}
203
+ "compact": {
204
+ "$type": "dimension",
205
+ "$value": "{size.target.minimum}",
206
+ "$description": "Protected Compact Icon Button target."
207
+ },
208
+ "standard": {
209
+ "$type": "dimension",
210
+ "$value": "{size.target.minimum}",
211
+ "$description": "Protected Standard Icon Button target."
212
+ },
213
+ "comfortable": {
214
+ "$type": "dimension",
215
+ "$value": "{size.target.minimum}",
216
+ "$description": "Comfortable Icon Button target."
217
+ },
218
+ "large": {
219
+ "$type": "dimension",
220
+ "$value": "{size.target.comfortable}",
221
+ "$description": "Large Icon Button target."
222
+ }
63
223
  },
64
224
  "radius": {
65
- "compact":{"$type":"dimension","$value":"{shape.radius.medium}","$description":"Compact Icon Button rounded-square radius."},
66
- "standard":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Standard Icon Button rounded-square radius."},
67
- "comfortable":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Comfortable Icon Button rounded-square radius."},
68
- "large":{"$type":"dimension","$value":"{shape.radius.comfortable}","$description":"Large Icon Button rounded-square radius."},
69
- "circle":{"$type":"dimension","$value":"{shape.radius.full}","$description":"Circular Icon Button radius."}
225
+ "compact": {
226
+ "$type": "dimension",
227
+ "$value": "{shape.radius.medium}",
228
+ "$description": "Compact Icon Button rounded-square radius."
229
+ },
230
+ "standard": {
231
+ "$type": "dimension",
232
+ "$value": "{shape.radius.standard}",
233
+ "$description": "Standard Icon Button rounded-square radius."
234
+ },
235
+ "comfortable": {
236
+ "$type": "dimension",
237
+ "$value": "{shape.radius.standard}",
238
+ "$description": "Comfortable Icon Button rounded-square radius."
239
+ },
240
+ "large": {
241
+ "$type": "dimension",
242
+ "$value": "{shape.radius.comfortable}",
243
+ "$description": "Large Icon Button rounded-square radius."
244
+ },
245
+ "circle": {
246
+ "$type": "dimension",
247
+ "$value": "{shape.radius.full}",
248
+ "$description": "Circular Icon Button radius."
249
+ }
250
+ },
251
+ "pressedScrim": {
252
+ "$type": "color",
253
+ "$value": "{color.scrim.pressed}",
254
+ "$description": "Inner pressed edge on Icon Button, drawn as an inset ring rather than an extra node."
70
255
  }
71
256
  },
72
257
  "link": {
73
258
  "underline": {
74
- "default":{"$type":"dimension","$value":"{border.width.hairline}","$description":"Persistent Inline and Standalone Link underline."},
75
- "emphasis":{"$type":"dimension","$value":"{border.width.standard}","$description":"Hover and Pressed Link underline."},
76
- "offset":{"$type":"dimension","$value":"{focus.ring.offset}","$description":"Governed Link underline offset."}
259
+ "default": {
260
+ "$type": "dimension",
261
+ "$value": "{border.width.hairline}",
262
+ "$description": "Persistent Inline and Standalone Link underline."
263
+ },
264
+ "emphasis": {
265
+ "$type": "dimension",
266
+ "$value": "{border.width.standard}",
267
+ "$description": "Hover and Pressed Link underline."
268
+ },
269
+ "offset": {
270
+ "$type": "dimension",
271
+ "$value": "{focus.ring.offset}",
272
+ "$description": "Governed Link underline offset."
273
+ }
77
274
  },
78
275
  "gap": {
79
- "small":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Small Link icon-label gap."},
80
- "standard":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Standard Link icon-label gap."},
81
- "large":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Large Link icon-label gap."}
276
+ "small": {
277
+ "$type": "dimension",
278
+ "$value": "{spacing.inline.related}",
279
+ "$description": "Small Link icon-label gap."
280
+ },
281
+ "standard": {
282
+ "$type": "dimension",
283
+ "$value": "{spacing.inline.related}",
284
+ "$description": "Standard Link icon-label gap."
285
+ },
286
+ "large": {
287
+ "$type": "dimension",
288
+ "$value": {
289
+ "value": 9,
290
+ "unit": "px"
291
+ },
292
+ "$extensions": {
293
+ "oneli8.geometry": "approved-component-recipe"
294
+ },
295
+ "$description": "Large Link icon-label gap."
296
+ }
82
297
  },
83
- "targetNavigation":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Minimum Navigation Link target."}
298
+ "targetNavigation": {
299
+ "$type": "dimension",
300
+ "$value": "{size.target.minimum}",
301
+ "$description": "Minimum Navigation Link target."
302
+ }
84
303
  },
85
304
  "textField": {
86
305
  "height": {
87
- "compact":{"$type":"dimension","$value":"{size.control.compact}","$description":"Compact Text Field minimum visible height."},
88
- "standard":{"$type":"dimension","$value":"{size.control.standard}","$description":"Standard Text Field minimum visible height."},
89
- "comfortable":{"$type":"dimension","$value":"{size.control.comfortable}","$description":"Comfortable Text Field minimum visible height."},
90
- "large":{"$type":"dimension","$value":"{size.control.large}","$description":"Large Text Field minimum visible height."}
306
+ "compact": {
307
+ "$type": "dimension",
308
+ "$value": "{size.control.compact}",
309
+ "$description": "Compact Text Field minimum visible height."
310
+ },
311
+ "standard": {
312
+ "$type": "dimension",
313
+ "$value": "{size.control.standard}",
314
+ "$description": "Standard Text Field minimum visible height."
315
+ },
316
+ "comfortable": {
317
+ "$type": "dimension",
318
+ "$value": "{size.control.comfortable}",
319
+ "$description": "Comfortable Text Field minimum visible height."
320
+ },
321
+ "large": {
322
+ "$type": "dimension",
323
+ "$value": "{size.control.large}",
324
+ "$description": "Large Text Field minimum visible height."
325
+ }
91
326
  },
92
327
  "inset": {
93
- "compact":{"$type":"dimension","$value":"{spacing.inset.compact}","$description":"Compact Text Field inline inset."},
94
- "standard":{"$type":"dimension","$value":{"value":15,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Standard Text Field inline inset."},
95
- "comfortable":{"$type":"dimension","$value":"{spacing.inset.standard}","$description":"Comfortable Text Field inline inset."},
96
- "large":{"$type":"dimension","$value":"{spacing.inset.comfortable}","$description":"Large Text Field inline inset."}
328
+ "compact": {
329
+ "$type": "dimension",
330
+ "$value": "{spacing.inset.compact}",
331
+ "$description": "Compact Text Field inline inset."
332
+ },
333
+ "standard": {
334
+ "$type": "dimension",
335
+ "$value": {
336
+ "value": 15,
337
+ "unit": "px"
338
+ },
339
+ "$extensions": {
340
+ "oneli8.geometry": "approved-component-recipe"
341
+ },
342
+ "$description": "Standard Text Field inline inset."
343
+ },
344
+ "comfortable": {
345
+ "$type": "dimension",
346
+ "$value": "{spacing.inset.standard}",
347
+ "$description": "Comfortable Text Field inline inset."
348
+ },
349
+ "large": {
350
+ "$type": "dimension",
351
+ "$value": "{spacing.inset.comfortable}",
352
+ "$description": "Large Text Field inline inset."
353
+ }
97
354
  },
98
355
  "radius": {
99
- "compact":{"$type":"dimension","$value":"{shape.radius.compact}","$description":"Compact Text Field radius."},
100
- "standard":{"$type":"dimension","$value":"{shape.radius.medium}","$description":"Standard Text Field radius."},
101
- "comfortable":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Comfortable Text Field radius."},
102
- "large":{"$type":"dimension","$value":"{shape.radius.comfortable}","$description":"Large Text Field radius."}
356
+ "compact": {
357
+ "$type": "dimension",
358
+ "$value": "{shape.radius.compact}",
359
+ "$description": "Compact Text Field radius."
360
+ },
361
+ "standard": {
362
+ "$type": "dimension",
363
+ "$value": "{shape.radius.medium}",
364
+ "$description": "Standard Text Field radius."
365
+ },
366
+ "comfortable": {
367
+ "$type": "dimension",
368
+ "$value": "{shape.radius.standard}",
369
+ "$description": "Comfortable Text Field radius."
370
+ },
371
+ "large": {
372
+ "$type": "dimension",
373
+ "$value": "{shape.radius.comfortable}",
374
+ "$description": "Large Text Field radius."
375
+ }
376
+ },
377
+ "boundary": {
378
+ "$type": "dimension",
379
+ "$value": "{border.width.standard}",
380
+ "$description": "Preallocated essential Text Field boundary."
103
381
  },
104
- "boundary":{"$type":"dimension","$value":"{border.width.standard}","$description":"Preallocated essential Text Field boundary."},
105
382
  "gap": {
106
- "label":{"$type":"dimension","$value":"{spacing.stack.tight}","$description":"Label-to-control gap."},
107
- "supporting":{"$type":"dimension","$value":"{spacing.stack.tight}","$description":"Control-to-supporting-region gap."},
108
- "status":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Status-icon-to-message-text gap."},
109
- "messageCounter":{"$type":"dimension","$value":"{spacing.inline.standard}","$description":"Message-to-counter inline gap."}
383
+ "label": {
384
+ "$type": "dimension",
385
+ "$value": "{spacing.stack.tight}",
386
+ "$description": "Label-to-control gap."
387
+ },
388
+ "supporting": {
389
+ "$type": "dimension",
390
+ "$value": "{spacing.stack.tight}",
391
+ "$description": "Control-to-supporting-region gap."
392
+ },
393
+ "status": {
394
+ "$type": "dimension",
395
+ "$value": "{spacing.inline.minimal}",
396
+ "$description": "Status-icon-to-message-text gap."
397
+ },
398
+ "messageCounter": {
399
+ "$type": "dimension",
400
+ "$value": "{spacing.inline.standard}",
401
+ "$description": "Message-to-counter inline gap."
402
+ }
110
403
  }
111
404
  },
112
405
  "choice": {
113
406
  "indicator": {
114
- "compact":{"$type":"dimension","$value":"{size.indicator.standard}","$description":"Compact and Standard Checkbox or Radio indicator."},
115
- "comfortable":{"$type":"dimension","$value":"{size.indicator.large}","$description":"Comfortable and Large Checkbox or Radio indicator."}
407
+ "compact": {
408
+ "$type": "dimension",
409
+ "$value": "{size.indicator.standard}",
410
+ "$description": "Compact and Standard Checkbox or Radio indicator."
411
+ },
412
+ "comfortable": {
413
+ "$type": "dimension",
414
+ "$value": "{size.indicator.large}",
415
+ "$description": "Comfortable and Large Checkbox or Radio indicator."
416
+ }
116
417
  },
117
418
  "gap": {
118
- "compact":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Compact indicator-to-label gap."},
119
- "standard":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Standard and Comfortable indicator-to-label gap."},
120
- "large":{"$type":"dimension","$value":"{spacing.inline.standard}","$description":"Large indicator-to-label gap."}
419
+ "compact": {
420
+ "$type": "dimension",
421
+ "$value": "{spacing.inline.related}",
422
+ "$description": "Compact indicator-to-label gap."
423
+ },
424
+ "standard": {
425
+ "$type": "dimension",
426
+ "$value": {
427
+ "value": 9,
428
+ "unit": "px"
429
+ },
430
+ "$extensions": {
431
+ "oneli8.geometry": "approved-component-recipe"
432
+ },
433
+ "$description": "Standard and Comfortable indicator-to-label gap."
434
+ },
435
+ "large": {
436
+ "$type": "dimension",
437
+ "$value": "{spacing.inline.standard}",
438
+ "$description": "Large indicator-to-label gap."
439
+ }
440
+ },
441
+ "rowMinimum": {
442
+ "$type": "dimension",
443
+ "$value": "{size.target.minimum}",
444
+ "$description": "Minimum Choice item interaction row."
121
445
  },
122
- "rowMinimum":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Minimum Choice item interaction row."},
123
- "opticalStroke":{"$type":"dimension","$value":"{component.opticalStroke}","$description":"Compatibility alias for Checkbox, Radio, Switch, and Gem-equivalent geometry."}
446
+ "opticalStroke": {
447
+ "$type": "dimension",
448
+ "$value": "{component.opticalStroke}",
449
+ "$description": "Compatibility alias for Checkbox, Radio, Switch, and Gem-equivalent geometry."
450
+ }
124
451
  },
125
452
  "checkbox": {
126
453
  "radius": {
127
- "compact":{"$type":"dimension","$value":"{shape.radius.subtle}","$description":"Compact and Standard Checkbox radius."},
128
- "comfortable":{"$type":"dimension","$value":"{shape.radius.compact}","$description":"Comfortable and Large Checkbox radius."}
454
+ "compact": {
455
+ "$type": "dimension",
456
+ "$value": "{shape.radius.subtle}",
457
+ "$description": "Compact and Standard Checkbox radius."
458
+ },
459
+ "comfortable": {
460
+ "$type": "dimension",
461
+ "$value": "{shape.radius.compact}",
462
+ "$description": "Comfortable and Large Checkbox radius."
463
+ }
464
+ },
465
+ "boundary": {
466
+ "$type": "dimension",
467
+ "$value": "{component.choice.opticalStroke}",
468
+ "$description": "Checkbox outer boundary aliases the shared Choice optical stroke."
129
469
  },
130
- "boundary":{"$type":"dimension","$value":"{component.choice.opticalStroke}","$description":"Checkbox outer boundary aliases the shared Choice optical stroke."},
131
470
  "mark": {
132
- "stroke":{"$type":"dimension","$value":"{component.choice.opticalStroke}","$description":"Compatibility alias for the shared Choice optical stroke."},
133
- "mixedWidth":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Centered Mixed-state bar width."}
471
+ "stroke": {
472
+ "$type": "dimension",
473
+ "$value": "{component.choice.opticalStroke}",
474
+ "$description": "Compatibility alias for the shared Choice optical stroke."
475
+ },
476
+ "mixedWidth": {
477
+ "$type": "dimension",
478
+ "$value": {
479
+ "value": 9,
480
+ "unit": "px"
481
+ },
482
+ "$extensions": {
483
+ "oneli8.geometry": "approved-component-recipe"
484
+ },
485
+ "$description": "Centered Mixed-state bar width."
486
+ }
134
487
  }
135
488
  },
136
489
  "radio": {
137
- "boundary":{"$type":"dimension","$value":"{component.choice.opticalStroke}","$description":"Radio outer boundary aliases the shared Choice optical stroke."},
490
+ "boundary": {
491
+ "$type": "dimension",
492
+ "$value": "{component.choice.opticalStroke}",
493
+ "$description": "Radio outer boundary aliases the shared Choice optical stroke."
494
+ },
138
495
  "dot": {
139
- "compact":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Compact and Standard selected Radio dot."},
140
- "comfortable":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Comfortable and Large selected Radio dot."}
496
+ "compact": {
497
+ "$type": "dimension",
498
+ "$value": {
499
+ "value": 9,
500
+ "unit": "px"
501
+ },
502
+ "$extensions": {
503
+ "oneli8.geometry": "approved-component-recipe"
504
+ },
505
+ "$description": "Compact and Standard selected Radio dot."
506
+ },
507
+ "comfortable": {
508
+ "$type": "dimension",
509
+ "$value": {
510
+ "value": 12,
511
+ "unit": "px"
512
+ },
513
+ "$extensions": {
514
+ "oneli8.geometry": "approved-component-recipe"
515
+ },
516
+ "$description": "Comfortable and Large selected Radio dot."
517
+ }
141
518
  }
142
519
  },
143
520
  "switch": {
144
521
  "trackWidth": {
145
- "compact":{"$type":"dimension","$value":"{size.control.compact}","$description":"Compact and Standard Switch track width."},
146
- "comfortable":{"$type":"dimension","$value":"{size.control.comfortable}","$description":"Comfortable and Large Switch track width."}
522
+ "compact": {
523
+ "$type": "dimension",
524
+ "$value": "{size.control.compact}",
525
+ "$description": "Compact and Standard Switch track width."
526
+ },
527
+ "comfortable": {
528
+ "$type": "dimension",
529
+ "$value": "{size.control.comfortable}",
530
+ "$description": "Comfortable and Large Switch track width."
531
+ }
147
532
  },
148
533
  "trackHeight": {
149
- "compact":{"$type":"dimension","$value":"{size.indicator.standard}","$description":"Compact and Standard Switch track height."},
150
- "comfortable":{"$type":"dimension","$value":"{size.indicator.large}","$description":"Comfortable and Large Switch track height."}
534
+ "compact": {
535
+ "$type": "dimension",
536
+ "$value": "{size.indicator.standard}",
537
+ "$description": "Compact and Standard Switch track height."
538
+ },
539
+ "comfortable": {
540
+ "$type": "dimension",
541
+ "$value": "{size.indicator.large}",
542
+ "$description": "Comfortable and Large Switch track height."
543
+ }
151
544
  },
152
545
  "thumb": {
153
- "compact":{"$type":"dimension","$value":"{size.indicator.small}","$description":"Compact and Standard Switch thumb."},
154
- "comfortable":{"$type":"dimension","$value":"{size.indicator.standard}","$description":"Comfortable and Large Switch thumb."}
546
+ "compact": {
547
+ "$type": "dimension",
548
+ "$value": "{size.indicator.small}",
549
+ "$description": "Compact and Standard Switch thumb."
550
+ },
551
+ "comfortable": {
552
+ "$type": "dimension",
553
+ "$value": "{size.indicator.standard}",
554
+ "$description": "Comfortable and Large Switch thumb."
555
+ }
155
556
  },
156
557
  "thumbIcon": {
157
- "compact":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Compact and Standard Switch thumb icon box."},
158
- "comfortable":{"$type":"dimension","$value":"{size.indicator.small}","$description":"Comfortable and Large Switch thumb icon box."}
558
+ "compact": {
559
+ "$type": "dimension",
560
+ "$value": {
561
+ "value": 9,
562
+ "unit": "px"
563
+ },
564
+ "$extensions": {
565
+ "oneli8.geometry": "approved-component-recipe"
566
+ },
567
+ "$description": "Compact and Standard Switch thumb icon box."
568
+ },
569
+ "comfortable": {
570
+ "$type": "dimension",
571
+ "$value": "{size.indicator.small}",
572
+ "$description": "Comfortable and Large Switch thumb icon box."
573
+ }
574
+ },
575
+ "inset": {
576
+ "$type": "dimension",
577
+ "$value": "{shape.radius.subtle}",
578
+ "$description": "Switch thumb inset from the track edge."
159
579
  },
160
- "inset":{"$type":"dimension","$value":"{shape.radius.subtle}","$description":"Switch thumb inset from the track edge."},
161
580
  "travel": {
162
- "compact":{"$type":"dimension","$value":"{size.indicator.standard}","$description":"Compact and Standard Switch logical travel."},
163
- "comfortable":{"$type":"dimension","$value":"{size.indicator.large}","$description":"Comfortable and Large Switch logical travel."}
581
+ "compact": {
582
+ "$type": "dimension",
583
+ "$value": "{size.indicator.standard}",
584
+ "$description": "Compact and Standard Switch logical travel."
585
+ },
586
+ "comfortable": {
587
+ "$type": "dimension",
588
+ "$value": "{size.indicator.large}",
589
+ "$description": "Comfortable and Large Switch logical travel."
590
+ }
164
591
  }
165
592
  },
166
593
  "selectionPopup": {
167
- "gap":{"$type":"dimension","$value":"{spacing.stack.tight}","$description":"Closed-control-to-popup block gap."},
168
- "paddingInline":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Selection popup outer inline inset; combines with the Option Rail inset to form the visible edge."},
169
- "paddingBlock":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Selection popup block inset."},
170
- "railInsetInline":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Option Rail inline inset; combines with popup inline padding to form the approved 6px visible edge."},
594
+ "gap": {
595
+ "$type": "dimension",
596
+ "$value": "{spacing.stack.tight}",
597
+ "$description": "Closed-control-to-popup block gap."
598
+ },
599
+ "paddingInline": {
600
+ "$type": "dimension",
601
+ "$value": "{spacing.inline.minimal}",
602
+ "$description": "Selection popup outer inline inset; combines with the Option Rail inset to form the visible edge."
603
+ },
604
+ "paddingBlock": {
605
+ "$type": "dimension",
606
+ "$value": "{spacing.inline.related}",
607
+ "$description": "Selection popup block inset."
608
+ },
609
+ "railInsetInline": {
610
+ "$type": "dimension",
611
+ "$value": "{spacing.inline.minimal}",
612
+ "$description": "Option Rail inline inset; combines with popup inline padding to form the approved 6px visible edge."
613
+ },
171
614
  "maximumBlock": {
172
- "standard":{"$type":"dimension","$value":{"value":288,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Suggested Standard maximum visible option region before scrolling."},
173
- "large":{"$type":"dimension","$value":{"value":360,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Suggested Large maximum visible option region before scrolling."}
615
+ "standard": {
616
+ "$type": "dimension",
617
+ "$value": {
618
+ "value": 288,
619
+ "unit": "px"
620
+ },
621
+ "$extensions": {
622
+ "oneli8.geometry": "approved-component-recipe"
623
+ },
624
+ "$description": "Suggested Standard maximum visible option region before scrolling."
625
+ },
626
+ "large": {
627
+ "$type": "dimension",
628
+ "$value": {
629
+ "value": 360,
630
+ "unit": "px"
631
+ },
632
+ "$extensions": {
633
+ "oneli8.geometry": "approved-component-recipe"
634
+ },
635
+ "$description": "Suggested Large maximum visible option region before scrolling."
636
+ }
174
637
  }
175
638
  },
176
639
  "selectionOption": {
177
640
  "minimum": {
178
- "standard":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Standard option minimum row."},
179
- "large":{"$type":"dimension","$value":"{size.target.comfortable}","$description":"Large option minimum row."}
641
+ "standard": {
642
+ "$type": "dimension",
643
+ "$value": "{size.target.minimum}",
644
+ "$description": "Standard option minimum row."
645
+ },
646
+ "large": {
647
+ "$type": "dimension",
648
+ "$value": "{size.target.comfortable}",
649
+ "$description": "Large option minimum row."
650
+ }
180
651
  },
181
652
  "inset": {
182
- "standard":{"$type":"dimension","$value":"{spacing.inset.compact}","$description":"Standard and Comfortable option inline inset."},
183
- "large":{"$type":"dimension","$value":{"value":15,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Large option inline inset."}
653
+ "standard": {
654
+ "$type": "dimension",
655
+ "$value": "{spacing.inset.compact}",
656
+ "$description": "Standard and Comfortable option inline inset."
657
+ },
658
+ "large": {
659
+ "$type": "dimension",
660
+ "$value": {
661
+ "value": 15,
662
+ "unit": "px"
663
+ },
664
+ "$extensions": {
665
+ "oneli8.geometry": "approved-component-recipe"
666
+ },
667
+ "$description": "Large option inline inset."
668
+ }
184
669
  },
185
- "check":{"$type":"dimension","$value":"{size.icon.small}","$description":"Selected-option Check artwork box."}
670
+ "check": {
671
+ "$type": "dimension",
672
+ "$value": "{size.icon.small}",
673
+ "$description": "Selected-option Check artwork box."
674
+ }
186
675
  },
187
676
  "choiceChip": {
188
677
  "height": {
189
- "compact":{"$type":"dimension","$value":{"value":30,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Approved Compact Soft Hexagon visible height."},
190
- "standard":{"$type":"dimension","$value":"{size.control.compact}","$description":"Approved Standard Soft Hexagon visible height."},
191
- "comfortable":{"$type":"dimension","$value":"{size.control.standard}","$description":"Approved Comfortable Soft Hexagon visible height."},
192
- "large":{"$type":"dimension","$value":"{size.control.standard}","$description":"Approved Large Soft Hexagon visible height inside a larger protected target."}
678
+ "compact": {
679
+ "$type": "dimension",
680
+ "$value": {
681
+ "value": 30,
682
+ "unit": "px"
683
+ },
684
+ "$extensions": {
685
+ "oneli8.geometry": "approved-component-recipe"
686
+ },
687
+ "$description": "Approved Compact Soft Hexagon visible height."
688
+ },
689
+ "standard": {
690
+ "$type": "dimension",
691
+ "$value": "{size.control.compact}",
692
+ "$description": "Approved Standard Soft Hexagon visible height."
693
+ },
694
+ "comfortable": {
695
+ "$type": "dimension",
696
+ "$value": "{size.control.standard}",
697
+ "$description": "Approved Comfortable Soft Hexagon visible height."
698
+ },
699
+ "large": {
700
+ "$type": "dimension",
701
+ "$value": "{size.control.standard}",
702
+ "$description": "Approved Large Soft Hexagon visible height inside a larger protected target."
703
+ }
193
704
  },
194
705
  "target": {
195
- "standard":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Protected Compact, Standard, and Comfortable Choice Chip target."},
196
- "large":{"$type":"dimension","$value":"{size.target.comfortable}","$description":"Protected Large Choice Chip target."}
197
- },
198
- "terminal":{"$type":"dimension","$value":"{spacing.inline.standard}","$description":"Fixed Soft Hexagon terminal width; it never scales with label length."},
199
- "innerTerminal":{"$type":"dimension","$value":{"value":11,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Fixed inset Soft Hexagon terminal width used by the private border construction."},
200
- "centerCut":{"$type":"dimension","$value":"{size.icon.small}","$description":"Approved center-mask reduction that overlaps both terminals without exposing a rectangle."},
201
- "innerCenterCut":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Approved inset center-mask reduction that preserves the Soft Hexagon rather than forming an octagon."},
202
- "bezelInset":{"$type":"dimension","$value":"{border.width.standard}","$description":"Thin inset between the Soft Hexagon cut edge and face."},
706
+ "standard": {
707
+ "$type": "dimension",
708
+ "$value": "{size.target.minimum}",
709
+ "$description": "Protected Compact, Standard, and Comfortable Choice Chip target."
710
+ },
711
+ "large": {
712
+ "$type": "dimension",
713
+ "$value": "{size.target.comfortable}",
714
+ "$description": "Protected Large Choice Chip target."
715
+ }
716
+ },
717
+ "terminal": {
718
+ "$type": "dimension",
719
+ "$value": "{spacing.inline.standard}",
720
+ "$description": "Fixed Soft Hexagon terminal width; it never scales with label length."
721
+ },
722
+ "innerTerminal": {
723
+ "$type": "dimension",
724
+ "$value": {
725
+ "value": 11,
726
+ "unit": "px"
727
+ },
728
+ "$extensions": {
729
+ "oneli8.geometry": "approved-component-recipe"
730
+ },
731
+ "$description": "Fixed inset Soft Hexagon terminal width used by the private border construction."
732
+ },
733
+ "centerCut": {
734
+ "$type": "dimension",
735
+ "$value": "{size.icon.small}",
736
+ "$description": "Approved center-mask reduction that overlaps both terminals without exposing a rectangle."
737
+ },
738
+ "innerCenterCut": {
739
+ "$type": "dimension",
740
+ "$value": {
741
+ "value": 16,
742
+ "unit": "px"
743
+ },
744
+ "$extensions": {
745
+ "oneli8.geometry": "approved-component-recipe"
746
+ },
747
+ "$description": "Approved inset center-mask reduction that preserves the Soft Hexagon rather than forming an octagon."
748
+ },
749
+ "bezelInset": {
750
+ "$type": "dimension",
751
+ "$value": "{border.width.standard}",
752
+ "$description": "Thin inset between the Soft Hexagon cut edge and face."
753
+ },
203
754
  "inset": {
204
- "compact":{"$type":"dimension","$value":{"value":21,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Compact Soft Hexagon content inset."},
205
- "standard":{"$type":"dimension","$value":"{spacing.inset.comfortable}","$description":"Standard Soft Hexagon content inset."},
206
- "comfortable":{"$type":"dimension","$value":{"value":27,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Comfortable Soft Hexagon content inset."},
207
- "large":{"$type":"dimension","$value":{"value":27,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Large Soft Hexagon content inset."}
208
- },
209
- "gap":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Token-to-token and wrapped-row gap."},
210
- "markGap":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Approved label-to-mark gap; absent when Mark is None."},
211
- "mark":{"$type":"dimension","$value":"{size.icon.small}","$description":"Canonical Icon Frame presentation for Check or Remove artwork."}
755
+ "compact": {
756
+ "$type": "dimension",
757
+ "$value": {
758
+ "value": 21,
759
+ "unit": "px"
760
+ },
761
+ "$extensions": {
762
+ "oneli8.geometry": "approved-component-recipe"
763
+ },
764
+ "$description": "Compact Soft Hexagon content inset."
765
+ },
766
+ "standard": {
767
+ "$type": "dimension",
768
+ "$value": "{spacing.inset.comfortable}",
769
+ "$description": "Standard Soft Hexagon content inset."
770
+ },
771
+ "comfortable": {
772
+ "$type": "dimension",
773
+ "$value": {
774
+ "value": 27,
775
+ "unit": "px"
776
+ },
777
+ "$extensions": {
778
+ "oneli8.geometry": "approved-component-recipe"
779
+ },
780
+ "$description": "Comfortable Soft Hexagon content inset."
781
+ },
782
+ "large": {
783
+ "$type": "dimension",
784
+ "$value": {
785
+ "value": 27,
786
+ "unit": "px"
787
+ },
788
+ "$extensions": {
789
+ "oneli8.geometry": "approved-component-recipe"
790
+ },
791
+ "$description": "Large Soft Hexagon content inset."
792
+ }
793
+ },
794
+ "gap": {
795
+ "$type": "dimension",
796
+ "$value": "{spacing.inline.related}",
797
+ "$description": "Token-to-token and wrapped-row gap."
798
+ },
799
+ "markGap": {
800
+ "$type": "dimension",
801
+ "$value": {
802
+ "value": 9,
803
+ "unit": "px"
804
+ },
805
+ "$extensions": {
806
+ "oneli8.geometry": "approved-component-recipe"
807
+ },
808
+ "$description": "Approved label-to-mark gap; absent when Mark is None."
809
+ },
810
+ "mark": {
811
+ "$type": "dimension",
812
+ "$value": "{size.icon.small}",
813
+ "$description": "Canonical Icon Frame presentation for Check or Remove artwork."
814
+ }
212
815
  },
213
816
  "tokenField": {
214
- "minimumInput":{"$type":"dimension","$value":{"value":96,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Minimum editable input measure before wrapping to the next row."},
215
- "gap":{"$type":"dimension","$value":"{component.choiceChip.gap}","$description":"Shared token, input, and wrapped-row gap."},
216
- "paddingBlock":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Block inset that preserves the Field Shell while tokens wrap."}
817
+ "minimumInput": {
818
+ "$type": "dimension",
819
+ "$value": {
820
+ "value": 96,
821
+ "unit": "px"
822
+ },
823
+ "$extensions": {
824
+ "oneli8.geometry": "approved-component-recipe"
825
+ },
826
+ "$description": "Minimum editable input measure before wrapping to the next row."
827
+ },
828
+ "gap": {
829
+ "$type": "dimension",
830
+ "$value": "{component.choiceChip.gap}",
831
+ "$description": "Shared token, input, and wrapped-row gap."
832
+ },
833
+ "paddingBlock": {
834
+ "$type": "dimension",
835
+ "$value": "{spacing.inline.minimal}",
836
+ "$description": "Block inset that preserves the Field Shell while tokens wrap."
837
+ }
217
838
  },
218
839
  "suggestionRail": {
219
- "gap":{"$type":"dimension","$value":"{component.choiceChip.gap}","$description":"Shared gap between Suggested Value chips."},
220
- "fieldSeparation":{"$type":"dimension","$value":"{spacing.stack.tight}","$description":"Separation between the optional Suggested Values rail and its owning field control."}
840
+ "gap": {
841
+ "$type": "dimension",
842
+ "$value": "{component.choiceChip.gap}",
843
+ "$description": "Shared gap between Suggested Value chips."
844
+ },
845
+ "fieldSeparation": {
846
+ "$type": "dimension",
847
+ "$value": "{spacing.stack.tight}",
848
+ "$description": "Separation between the optional Suggested Values rail and its owning field control."
849
+ }
221
850
  },
222
851
  "navigation": {
223
- "itemGap":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Canonical icon, label, and badge gap inside navigation molecules."},
224
- "icon":{"$type":"dimension","$value":"{size.icon.small}","$description":"Canonical navigation Icon Frame presentation."},
225
- "target":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Minimum protected navigation target."},
226
- "focusInset":{"$type":"dimension","$value":"{focus.ring.innerWidth}","$description":"Inward focus treatment that does not change or escape measured bounds."}
852
+ "itemGap": {
853
+ "$type": "dimension",
854
+ "$value": "{spacing.inline.related}",
855
+ "$description": "Canonical icon, label, and badge gap inside navigation molecules."
856
+ },
857
+ "icon": {
858
+ "$type": "dimension",
859
+ "$value": "{size.icon.small}",
860
+ "$description": "Canonical navigation Icon Frame presentation."
861
+ },
862
+ "target": {
863
+ "$type": "dimension",
864
+ "$value": "{size.target.minimum}",
865
+ "$description": "Minimum protected navigation target."
866
+ },
867
+ "focusInset": {
868
+ "$type": "dimension",
869
+ "$value": "{focus.ring.innerWidth}",
870
+ "$description": "Inward focus treatment that does not change or escape measured bounds."
871
+ }
227
872
  },
228
873
  "tabItem": {
229
874
  "height": {
230
- "compact":{"$type":"dimension","$value":"{size.control.compact}","$description":"Compact Tab Item visible height."},
231
- "standard":{"$type":"dimension","$value":"{size.control.standard}","$description":"Standard Tab Item visible height."},
232
- "comfortable":{"$type":"dimension","$value":"{size.control.comfortable}","$description":"Comfortable Tab Item visible height."},
233
- "large":{"$type":"dimension","$value":"{size.control.large}","$description":"Large Tab Item visible height."}
875
+ "compact": {
876
+ "$type": "dimension",
877
+ "$value": "{size.control.compact}",
878
+ "$description": "Compact Tab Item visible height."
879
+ },
880
+ "standard": {
881
+ "$type": "dimension",
882
+ "$value": "{size.control.standard}",
883
+ "$description": "Standard Tab Item visible height."
884
+ },
885
+ "comfortable": {
886
+ "$type": "dimension",
887
+ "$value": "{size.control.comfortable}",
888
+ "$description": "Comfortable Tab Item visible height."
889
+ },
890
+ "large": {
891
+ "$type": "dimension",
892
+ "$value": "{size.control.large}",
893
+ "$description": "Large Tab Item visible height."
894
+ }
234
895
  },
235
896
  "inset": {
236
- "compact":{"$type":"dimension","$value":"{spacing.inset.compact}","$description":"Compact Tab Item inline inset."},
237
- "standard":{"$type":"dimension","$value":{"value":15,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Standard Tab Item inline inset."},
238
- "comfortable":{"$type":"dimension","$value":"{spacing.inset.standard}","$description":"Comfortable Tab Item inline inset."},
239
- "large":{"$type":"dimension","$value":"{spacing.inset.comfortable}","$description":"Large Tab Item inline inset."}
240
- },
241
- "radius":{"$type":"dimension","$value":"{shape.radius.medium}","$description":"Tab Item state-surface radius."},
242
- "indicatorThickness":{"$type":"dimension","$value":"{border.width.strong}","$description":"Selected Tab Item indicator thickness."},
243
- "indicatorInset":{"$type":"dimension","$value":{"value":15,"unit":"px"},"$extensions":{"oneli8.geometry":"approved-component-recipe"},"$description":"Selected indicator logical inset."},
244
- "rail":{"$type":"dimension","$value":"{border.width.hairline}","$description":"Adaptive secondary rail thickness."}
897
+ "compact": {
898
+ "$type": "dimension",
899
+ "$value": "{spacing.inset.compact}",
900
+ "$description": "Compact Tab Item inline inset."
901
+ },
902
+ "standard": {
903
+ "$type": "dimension",
904
+ "$value": {
905
+ "value": 15,
906
+ "unit": "px"
907
+ },
908
+ "$extensions": {
909
+ "oneli8.geometry": "approved-component-recipe"
910
+ },
911
+ "$description": "Standard Tab Item inline inset."
912
+ },
913
+ "comfortable": {
914
+ "$type": "dimension",
915
+ "$value": "{spacing.inset.standard}",
916
+ "$description": "Comfortable Tab Item inline inset."
917
+ },
918
+ "large": {
919
+ "$type": "dimension",
920
+ "$value": "{spacing.inset.comfortable}",
921
+ "$description": "Large Tab Item inline inset."
922
+ }
923
+ },
924
+ "radius": {
925
+ "$type": "dimension",
926
+ "$value": "{shape.radius.medium}",
927
+ "$description": "Tab Item state-surface radius."
928
+ },
929
+ "indicatorThickness": {
930
+ "$type": "dimension",
931
+ "$value": "{border.width.strong}",
932
+ "$description": "Selected Tab Item indicator thickness."
933
+ },
934
+ "indicatorInset": {
935
+ "$type": "dimension",
936
+ "$value": {
937
+ "value": 15,
938
+ "unit": "px"
939
+ },
940
+ "$extensions": {
941
+ "oneli8.geometry": "approved-component-recipe"
942
+ },
943
+ "$description": "Selected indicator logical inset."
944
+ },
945
+ "rail": {
946
+ "$type": "dimension",
947
+ "$value": "{border.width.hairline}",
948
+ "$description": "Adaptive secondary rail thickness."
949
+ }
245
950
  },
246
951
  "segmentedControl": {
247
- "trackInset":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Protected inset between track and Segment molecules."},
248
- "outlinedGap":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Deliberate gap between outlined Segment molecules."},
249
- "trackRadius":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Connected Segmented Control track radius."},
250
- "itemRadius":{"$type":"dimension","$value":"{shape.radius.medium}","$description":"Nested Segment state-surface radius."},
251
- "line":{"$type":"dimension","$value":"{border.width.strong}","$description":"Line-presentation active indicator."},
252
- "boundary":{"$type":"dimension","$value":"{border.width.hairline}","$description":"Outlined Segment boundary."}
952
+ "trackInset": {
953
+ "$type": "dimension",
954
+ "$value": "{spacing.inline.minimal}",
955
+ "$description": "Protected inset between track and Segment molecules."
956
+ },
957
+ "outlinedGap": {
958
+ "$type": "dimension",
959
+ "$value": "{spacing.inline.related}",
960
+ "$description": "Deliberate gap between outlined Segment molecules."
961
+ },
962
+ "trackRadius": {
963
+ "$type": "dimension",
964
+ "$value": "{shape.radius.standard}",
965
+ "$description": "Connected Segmented Control track radius."
966
+ },
967
+ "itemRadius": {
968
+ "$type": "dimension",
969
+ "$value": "{shape.radius.medium}",
970
+ "$description": "Nested Segment state-surface radius."
971
+ },
972
+ "line": {
973
+ "$type": "dimension",
974
+ "$value": "{border.width.strong}",
975
+ "$description": "Line-presentation active indicator."
976
+ },
977
+ "boundary": {
978
+ "$type": "dimension",
979
+ "$value": "{border.width.hairline}",
980
+ "$description": "Outlined Segment boundary."
981
+ }
253
982
  },
254
983
  "tabBar": {
255
- "inset":{"$type":"dimension","$value":"{spacing.inline.related}","$description":"Tab Bar protection; Inline uses inlineInset on its horizontal edges."},
256
- "inlineInset":{"$type":"dimension","$value":"{spacing.inline.minimal}","$description":"Inline Tab Bar horizontal inset, measured from the canonical Figma owner."},
257
- "gap":{"$type":"dimension","$value":"{spacing.none}","$description":"Canonical destinations meet without additional inter-item spacing; outer protection belongs to inset."},
258
- "radius":{"$type":"dimension","$value":"{shape.radius.comfortable}","$description":"Tab Bar outer radius."},
259
- "itemRadius":{"$type":"dimension","$value":"{shape.radius.standard}","$description":"Destination Item nested radius after the canonical inset subtraction."}
984
+ "inset": {
985
+ "$type": "dimension",
986
+ "$value": "{spacing.inline.related}",
987
+ "$description": "Tab Bar protection; Inline uses inlineInset on its horizontal edges."
988
+ },
989
+ "inlineInset": {
990
+ "$type": "dimension",
991
+ "$value": "{spacing.inline.minimal}",
992
+ "$description": "Inline Tab Bar horizontal inset, measured from the canonical Figma owner."
993
+ },
994
+ "gap": {
995
+ "$type": "dimension",
996
+ "$value": "{spacing.none}",
997
+ "$description": "Canonical destinations meet without additional inter-item spacing; outer protection belongs to inset."
998
+ },
999
+ "radius": {
1000
+ "$type": "dimension",
1001
+ "$value": "{shape.radius.comfortable}",
1002
+ "$description": "Tab Bar outer radius."
1003
+ },
1004
+ "itemRadius": {
1005
+ "$type": "dimension",
1006
+ "$value": "{shape.radius.standard}",
1007
+ "$description": "Destination Item nested radius after the canonical inset subtraction."
1008
+ }
260
1009
  }
261
1010
  }
262
1011
  }