@oneli8/tokens 1.0.0-beta.2
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.
- package/LICENSE +202 -0
- package/NOTICE +8 -0
- package/README.md +94 -0
- package/build/css/tokens.css +840 -0
- package/build/figma/variables.json +7472 -0
- package/build/manifest.json +22 -0
- package/build/status/components.json +235 -0
- package/build/tailwind/preset.mjs +257 -0
- package/build/tailwind/theme.css +124 -0
- package/build/typescript/index.d.ts +10 -0
- package/build/typescript/index.js +6876 -0
- package/package.json +30 -0
- package/schema/component-status.schema.json +32 -0
- package/schema/token-file.schema.json +31 -0
- package/scripts/build.mjs +191 -0
- package/scripts/test.mjs +96 -0
- package/src/component.json +262 -0
- package/src/primitive.json +211 -0
- package/src/semantic.json +1299 -0
- package/src/themes.json +823 -0
- package/status/components.json +16 -0
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../schema/token-file.schema.json",
|
|
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"},
|
|
5
|
+
"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."},
|
|
7
|
+
"icon": {
|
|
8
|
+
"stroke":{"$type":"dimension","$value":"{component.opticalStroke}","$description":"Canonical 24px Icon Frame source stroke; the complete source geometry scales at presentation time."}
|
|
9
|
+
},
|
|
10
|
+
"button": {
|
|
11
|
+
"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."}
|
|
16
|
+
},
|
|
17
|
+
"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."}
|
|
22
|
+
},
|
|
23
|
+
"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."}
|
|
26
|
+
},
|
|
27
|
+
"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."}
|
|
30
|
+
},
|
|
31
|
+
"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."}
|
|
36
|
+
},
|
|
37
|
+
"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."}
|
|
42
|
+
},
|
|
43
|
+
"secondaryBoundary":{"$type":"dimension","$value":"{border.width.standard}","$description":"Persistent Secondary Button boundary."}
|
|
44
|
+
},
|
|
45
|
+
"iconButton": {
|
|
46
|
+
"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."}
|
|
51
|
+
},
|
|
52
|
+
"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."}
|
|
57
|
+
},
|
|
58
|
+
"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."}
|
|
63
|
+
},
|
|
64
|
+
"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."}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"link": {
|
|
73
|
+
"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."}
|
|
77
|
+
},
|
|
78
|
+
"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."}
|
|
82
|
+
},
|
|
83
|
+
"targetNavigation":{"$type":"dimension","$value":"{size.target.minimum}","$description":"Minimum Navigation Link target."}
|
|
84
|
+
},
|
|
85
|
+
"textField": {
|
|
86
|
+
"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."}
|
|
91
|
+
},
|
|
92
|
+
"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."}
|
|
97
|
+
},
|
|
98
|
+
"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."}
|
|
103
|
+
},
|
|
104
|
+
"boundary":{"$type":"dimension","$value":"{border.width.standard}","$description":"Preallocated essential Text Field boundary."},
|
|
105
|
+
"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."}
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"choice": {
|
|
113
|
+
"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."}
|
|
116
|
+
},
|
|
117
|
+
"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."}
|
|
121
|
+
},
|
|
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."}
|
|
124
|
+
},
|
|
125
|
+
"checkbox": {
|
|
126
|
+
"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."}
|
|
129
|
+
},
|
|
130
|
+
"boundary":{"$type":"dimension","$value":"{component.choice.opticalStroke}","$description":"Checkbox outer boundary aliases the shared Choice optical stroke."},
|
|
131
|
+
"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."}
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
"radio": {
|
|
137
|
+
"boundary":{"$type":"dimension","$value":"{component.choice.opticalStroke}","$description":"Radio outer boundary aliases the shared Choice optical stroke."},
|
|
138
|
+
"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."}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"switch": {
|
|
144
|
+
"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."}
|
|
147
|
+
},
|
|
148
|
+
"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."}
|
|
151
|
+
},
|
|
152
|
+
"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."}
|
|
155
|
+
},
|
|
156
|
+
"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."}
|
|
159
|
+
},
|
|
160
|
+
"inset":{"$type":"dimension","$value":"{shape.radius.subtle}","$description":"Switch thumb inset from the track edge."},
|
|
161
|
+
"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."}
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
"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."},
|
|
171
|
+
"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."}
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
"selectionOption": {
|
|
177
|
+
"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."}
|
|
180
|
+
},
|
|
181
|
+
"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."}
|
|
184
|
+
},
|
|
185
|
+
"check":{"$type":"dimension","$value":"{size.icon.small}","$description":"Selected-option Check artwork box."}
|
|
186
|
+
},
|
|
187
|
+
"choiceChip": {
|
|
188
|
+
"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."}
|
|
193
|
+
},
|
|
194
|
+
"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."},
|
|
203
|
+
"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."}
|
|
212
|
+
},
|
|
213
|
+
"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."}
|
|
217
|
+
},
|
|
218
|
+
"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."}
|
|
221
|
+
},
|
|
222
|
+
"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."}
|
|
227
|
+
},
|
|
228
|
+
"tabItem": {
|
|
229
|
+
"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."}
|
|
234
|
+
},
|
|
235
|
+
"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."}
|
|
245
|
+
},
|
|
246
|
+
"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."}
|
|
253
|
+
},
|
|
254
|
+
"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."}
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
}
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../schema/token-file.schema.json",
|
|
3
|
+
"$description": "Approved Oneli8 primitive values. Product code should prefer Semantic or Component tokens.",
|
|
4
|
+
"color": {
|
|
5
|
+
"blue": {
|
|
6
|
+
"030": {"$type":"color","$value":"#F2F5FF","$description":"Approved Candidate 03 Blue 030; ordinal index, not arithmetic."},
|
|
7
|
+
"060": {"$type":"color","$value":"#E2E9FF","$description":"Approved Candidate 03 Blue 060; ordinal index, not arithmetic."},
|
|
8
|
+
"090": {"$type":"color","$value":"#C4D2FF","$description":"Approved Candidate 03 Blue 090; ordinal index, not arithmetic."},
|
|
9
|
+
"120": {"$type":"color","$value":"#9BB3FF","$description":"Approved Candidate 03 Blue 120; ordinal index, not arithmetic."},
|
|
10
|
+
"240": {"$type":"color","$value":"#6E8FEF","$description":"Approved Candidate 03 Blue 240; ordinal index, not arithmetic."},
|
|
11
|
+
"360": {"$type":"color","$value":"#4D6DD1","$description":"Approved Candidate 03 Blue 360; ordinal index, not arithmetic."},
|
|
12
|
+
"480": {"$type":"color","$value":"#3854AE","$description":"Approved Candidate 03 Blue 480; ordinal index, not arithmetic."},
|
|
13
|
+
"600": {"$type":"color","$value":"#2C438B","$description":"Approved Candidate 03 Blue 600; ordinal index, not arithmetic."},
|
|
14
|
+
"720": {"$type":"color","$value":"#23366F","$description":"Approved Candidate 03 Blue 720; ordinal index, not arithmetic."},
|
|
15
|
+
"840": {"$type":"color","$value":"#1A2A59","$description":"Approved Candidate 03 Blue 840; ordinal index, not arithmetic."},
|
|
16
|
+
"930": {"$type":"color","$value":"#101B3A","$description":"Approved Candidate 03 Blue 930; ordinal index, not arithmetic."}
|
|
17
|
+
},
|
|
18
|
+
"cyan": {
|
|
19
|
+
"030": {"$type":"color","$value":"#EFFBFC","$description":"Approved Candidate 03 Cyan 030; ordinal index, not arithmetic."},
|
|
20
|
+
"060": {"$type":"color","$value":"#D5F4F6","$description":"Approved Candidate 03 Cyan 060; ordinal index, not arithmetic."},
|
|
21
|
+
"090": {"$type":"color","$value":"#AAE7EC","$description":"Approved Candidate 03 Cyan 090; ordinal index, not arithmetic."},
|
|
22
|
+
"120": {"$type":"color","$value":"#75D3DD","$description":"Approved Candidate 03 Cyan 120; ordinal index, not arithmetic."},
|
|
23
|
+
"240": {"$type":"color","$value":"#3AB7C5","$description":"Approved Candidate 03 Cyan 240; ordinal index, not arithmetic."},
|
|
24
|
+
"360": {"$type":"color","$value":"#2096A7","$description":"Approved Candidate 03 Cyan 360; ordinal index, not arithmetic."},
|
|
25
|
+
"480": {"$type":"color","$value":"#187789","$description":"Approved Candidate 03 Cyan 480; ordinal index, not arithmetic."},
|
|
26
|
+
"600": {"$type":"color","$value":"#175F70","$description":"Approved Candidate 03 Cyan 600; ordinal index, not arithmetic."},
|
|
27
|
+
"720": {"$type":"color","$value":"#174D5B","$description":"Approved Candidate 03 Cyan 720; ordinal index, not arithmetic."},
|
|
28
|
+
"840": {"$type":"color","$value":"#163F4B","$description":"Approved Candidate 03 Cyan 840; ordinal index, not arithmetic."},
|
|
29
|
+
"930": {"$type":"color","$value":"#0A252D","$description":"Approved Candidate 03 Cyan 930; ordinal index, not arithmetic."}
|
|
30
|
+
},
|
|
31
|
+
"green": {
|
|
32
|
+
"030": {"$type":"color","$value":"#F1FAF5","$description":"Approved Candidate 03 Green 030; ordinal index, not arithmetic."},
|
|
33
|
+
"060": {"$type":"color","$value":"#DCF3E5","$description":"Approved Candidate 03 Green 060; ordinal index, not arithmetic."},
|
|
34
|
+
"090": {"$type":"color","$value":"#BCE6CE","$description":"Approved Candidate 03 Green 090; ordinal index, not arithmetic."},
|
|
35
|
+
"120": {"$type":"color","$value":"#8CD2AA","$description":"Approved Candidate 03 Green 120; ordinal index, not arithmetic."},
|
|
36
|
+
"240": {"$type":"color","$value":"#58B982","$description":"Approved Candidate 03 Green 240; ordinal index, not arithmetic."},
|
|
37
|
+
"360": {"$type":"color","$value":"#349A65","$description":"Approved Candidate 03 Green 360; ordinal index, not arithmetic."},
|
|
38
|
+
"480": {"$type":"color","$value":"#267B50","$description":"Approved Candidate 03 Green 480; ordinal index, not arithmetic."},
|
|
39
|
+
"600": {"$type":"color","$value":"#216240","$description":"Approved Candidate 03 Green 600; ordinal index, not arithmetic."},
|
|
40
|
+
"720": {"$type":"color","$value":"#1D4F35","$description":"Approved Candidate 03 Green 720; ordinal index, not arithmetic."},
|
|
41
|
+
"840": {"$type":"color","$value":"#193F2C","$description":"Approved Candidate 03 Green 840; ordinal index, not arithmetic."},
|
|
42
|
+
"930": {"$type":"color","$value":"#0C2418","$description":"Approved Candidate 03 Green 930; ordinal index, not arithmetic."}
|
|
43
|
+
},
|
|
44
|
+
"yellow": {
|
|
45
|
+
"030": {"$type":"color","$value":"#FFF9E8","$description":"Approved Candidate 03 Yellow 030; ordinal index, not arithmetic."},
|
|
46
|
+
"060": {"$type":"color","$value":"#FFF0BE","$description":"Approved Candidate 03 Yellow 060; ordinal index, not arithmetic."},
|
|
47
|
+
"090": {"$type":"color","$value":"#FFE27D","$description":"Approved Candidate 03 Yellow 090; ordinal index, not arithmetic."},
|
|
48
|
+
"120": {"$type":"color","$value":"#FFD13D","$description":"Approved Candidate 03 Yellow 120; ordinal index, not arithmetic."},
|
|
49
|
+
"240": {"$type":"color","$value":"#F0B90B","$description":"Approved Candidate 03 Yellow 240; ordinal index, not arithmetic."},
|
|
50
|
+
"360": {"$type":"color","$value":"#CE9500","$description":"Approved Candidate 03 Yellow 360; ordinal index, not arithmetic."},
|
|
51
|
+
"480": {"$type":"color","$value":"#A76F00","$description":"Approved Candidate 03 Yellow 480; ordinal index, not arithmetic."},
|
|
52
|
+
"600": {"$type":"color","$value":"#825100","$description":"Approved Candidate 03 Yellow 600; ordinal index, not arithmetic."},
|
|
53
|
+
"720": {"$type":"color","$value":"#613B09","$description":"Approved Candidate 03 Yellow 720; ordinal index, not arithmetic."},
|
|
54
|
+
"840": {"$type":"color","$value":"#4B2F0D","$description":"Approved Candidate 03 Yellow 840; ordinal index, not arithmetic."},
|
|
55
|
+
"930": {"$type":"color","$value":"#2B1A08","$description":"Approved Candidate 03 Yellow 930; ordinal index, not arithmetic."}
|
|
56
|
+
},
|
|
57
|
+
"orange": {
|
|
58
|
+
"030": {"$type":"color","$value":"#FFF5EA","$description":"Approved Candidate 03 Orange 030; ordinal index, not arithmetic."},
|
|
59
|
+
"060": {"$type":"color","$value":"#FFE7CB","$description":"Approved Candidate 03 Orange 060; ordinal index, not arithmetic."},
|
|
60
|
+
"090": {"$type":"color","$value":"#FFC98F","$description":"Approved Candidate 03 Orange 090; ordinal index, not arithmetic."},
|
|
61
|
+
"120": {"$type":"color","$value":"#FFA54D","$description":"Approved Candidate 03 Orange 120; ordinal index, not arithmetic."},
|
|
62
|
+
"240": {"$type":"color","$value":"#F47B20","$description":"Approved Candidate 03 Orange 240; ordinal index, not arithmetic."},
|
|
63
|
+
"360": {"$type":"color","$value":"#D95C0B","$description":"Approved Candidate 03 Orange 360; ordinal index, not arithmetic."},
|
|
64
|
+
"480": {"$type":"color","$value":"#B74406","$description":"Approved Candidate 03 Orange 480; ordinal index, not arithmetic."},
|
|
65
|
+
"600": {"$type":"color","$value":"#913408","$description":"Approved Candidate 03 Orange 600; ordinal index, not arithmetic."},
|
|
66
|
+
"720": {"$type":"color","$value":"#70290D","$description":"Approved Candidate 03 Orange 720; ordinal index, not arithmetic."},
|
|
67
|
+
"840": {"$type":"color","$value":"#57230F","$description":"Approved Candidate 03 Orange 840; ordinal index, not arithmetic."},
|
|
68
|
+
"930": {"$type":"color","$value":"#321207","$description":"Approved Candidate 03 Orange 930; ordinal index, not arithmetic."}
|
|
69
|
+
},
|
|
70
|
+
"pink": {
|
|
71
|
+
"030": {"$type":"color","$value":"#FFF1F8","$description":"Approved Candidate 03 Pink 030; ordinal index, not arithmetic."},
|
|
72
|
+
"060": {"$type":"color","$value":"#FFE1F0","$description":"Approved Candidate 03 Pink 060; ordinal index, not arithmetic."},
|
|
73
|
+
"090": {"$type":"color","$value":"#FFC3E0","$description":"Approved Candidate 03 Pink 090; ordinal index, not arithmetic."},
|
|
74
|
+
"120": {"$type":"color","$value":"#FF94C4","$description":"Approved Candidate 03 Pink 120; ordinal index, not arithmetic."},
|
|
75
|
+
"240": {"$type":"color","$value":"#F45A9D","$description":"Approved Candidate 03 Pink 240; ordinal index, not arithmetic."},
|
|
76
|
+
"360": {"$type":"color","$value":"#D9367E","$description":"Approved Candidate 03 Pink 360; ordinal index, not arithmetic."},
|
|
77
|
+
"480": {"$type":"color","$value":"#B62364","$description":"Approved Candidate 03 Pink 480; ordinal index, not arithmetic."},
|
|
78
|
+
"600": {"$type":"color","$value":"#931D51","$description":"Approved Candidate 03 Pink 600; ordinal index, not arithmetic."},
|
|
79
|
+
"720": {"$type":"color","$value":"#771A43","$description":"Approved Candidate 03 Pink 720; ordinal index, not arithmetic."},
|
|
80
|
+
"840": {"$type":"color","$value":"#62183A","$description":"Approved Candidate 03 Pink 840; ordinal index, not arithmetic."},
|
|
81
|
+
"930": {"$type":"color","$value":"#3B0920","$description":"Approved Candidate 03 Pink 930; ordinal index, not arithmetic."}
|
|
82
|
+
},
|
|
83
|
+
"violet": {
|
|
84
|
+
"030": {"$type":"color","$value":"#F8F4FF","$description":"Approved Candidate 03 Violet 030; ordinal index, not arithmetic."},
|
|
85
|
+
"060": {"$type":"color","$value":"#EFE6FF","$description":"Approved Candidate 03 Violet 060; ordinal index, not arithmetic."},
|
|
86
|
+
"090": {"$type":"color","$value":"#DFCDFF","$description":"Approved Candidate 03 Violet 090; ordinal index, not arithmetic."},
|
|
87
|
+
"120": {"$type":"color","$value":"#C5A4FF","$description":"Approved Candidate 03 Violet 120; ordinal index, not arithmetic."},
|
|
88
|
+
"240": {"$type":"color","$value":"#A574F2","$description":"Approved Candidate 03 Violet 240; ordinal index, not arithmetic."},
|
|
89
|
+
"360": {"$type":"color","$value":"#864FD6","$description":"Approved Candidate 03 Violet 360; ordinal index, not arithmetic."},
|
|
90
|
+
"480": {"$type":"color","$value":"#6C37B2","$description":"Approved Candidate 03 Violet 480; ordinal index, not arithmetic."},
|
|
91
|
+
"600": {"$type":"color","$value":"#572D8E","$description":"Approved Candidate 03 Violet 600; ordinal index, not arithmetic."},
|
|
92
|
+
"720": {"$type":"color","$value":"#472671","$description":"Approved Candidate 03 Violet 720; ordinal index, not arithmetic."},
|
|
93
|
+
"840": {"$type":"color","$value":"#3A225B","$description":"Approved Candidate 03 Violet 840; ordinal index, not arithmetic."},
|
|
94
|
+
"930": {"$type":"color","$value":"#241238","$description":"Approved Candidate 03 Violet 930; ordinal index, not arithmetic."}
|
|
95
|
+
},
|
|
96
|
+
"red": {
|
|
97
|
+
"030": {"$type":"color","$value":"#FFF2F1","$description":"Approved Candidate 03 Red 030; ordinal index, not arithmetic."},
|
|
98
|
+
"060": {"$type":"color","$value":"#FFE2E0","$description":"Approved Candidate 03 Red 060; ordinal index, not arithmetic."},
|
|
99
|
+
"090": {"$type":"color","$value":"#FFC8C4","$description":"Approved Candidate 03 Red 090; ordinal index, not arithmetic."},
|
|
100
|
+
"120": {"$type":"color","$value":"#F99A92","$description":"Approved Candidate 03 Red 120; ordinal index, not arithmetic."},
|
|
101
|
+
"240": {"$type":"color","$value":"#ED6A61","$description":"Approved Candidate 03 Red 240; ordinal index, not arithmetic."},
|
|
102
|
+
"360": {"$type":"color","$value":"#D6473F","$description":"Approved Candidate 03 Red 360; ordinal index, not arithmetic."},
|
|
103
|
+
"480": {"$type":"color","$value":"#B6332E","$description":"Approved Candidate 03 Red 480; ordinal index, not arithmetic."},
|
|
104
|
+
"600": {"$type":"color","$value":"#922824","$description":"Approved Candidate 03 Red 600; ordinal index, not arithmetic."},
|
|
105
|
+
"720": {"$type":"color","$value":"#772421","$description":"Approved Candidate 03 Red 720; ordinal index, not arithmetic."},
|
|
106
|
+
"840": {"$type":"color","$value":"#64231F","$description":"Approved Candidate 03 Red 840; ordinal index, not arithmetic."},
|
|
107
|
+
"930": {"$type":"color","$value":"#380F0D","$description":"Approved Candidate 03 Red 930; ordinal index, not arithmetic."}
|
|
108
|
+
},
|
|
109
|
+
"neutral": {
|
|
110
|
+
"030": {"$type":"color","$value":"#FCFAF3","$description":"Approved Candidate 03 Neutral 030; ordinal index, not arithmetic."},
|
|
111
|
+
"060": {"$type":"color","$value":"#F5F1E6","$description":"Approved Candidate 03 Neutral 060; ordinal index, not arithmetic."},
|
|
112
|
+
"090": {"$type":"color","$value":"#E7E0D1","$description":"Approved Candidate 03 Neutral 090; ordinal index, not arithmetic."},
|
|
113
|
+
"120": {"$type":"color","$value":"#D2C8B6","$description":"Approved Candidate 03 Neutral 120; ordinal index, not arithmetic."},
|
|
114
|
+
"240": {"$type":"color","$value":"#B0A593","$description":"Approved Candidate 03 Neutral 240; ordinal index, not arithmetic."},
|
|
115
|
+
"360": {"$type":"color","$value":"#897F70","$description":"Approved Candidate 03 Neutral 360; ordinal index, not arithmetic."},
|
|
116
|
+
"480": {"$type":"color","$value":"#665E53","$description":"Approved Candidate 03 Neutral 480; ordinal index, not arithmetic."},
|
|
117
|
+
"600": {"$type":"color","$value":"#4A443D","$description":"Approved Candidate 03 Neutral 600; ordinal index, not arithmetic."},
|
|
118
|
+
"720": {"$type":"color","$value":"#302D29","$description":"Approved Candidate 03 Neutral 720; ordinal index, not arithmetic."},
|
|
119
|
+
"840": {"$type":"color","$value":"#20201E","$description":"Approved Candidate 03 Neutral 840; ordinal index, not arithmetic."},
|
|
120
|
+
"930": {"$type":"color","$value":"#151817","$description":"Approved Candidate 03 Neutral 930; ordinal index, not arithmetic."}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"dimension": {
|
|
124
|
+
"scale": {
|
|
125
|
+
"000": {"$type":"dimension","$value":{"value":0,"unit":"px"},"$description":"Zero dimension."},
|
|
126
|
+
"003": {"$type":"dimension","$value":{"value":3,"unit":"px"},"$description":"Atomic micro unit."},
|
|
127
|
+
"006": {"$type":"dimension","$value":{"value":6,"unit":"px"},"$description":"Tight micro and structural unit."},
|
|
128
|
+
"009": {"$type":"dimension","$value":{"value":9,"unit":"px"},"$description":"Precision dimension."},
|
|
129
|
+
"012": {"$type":"dimension","$value":{"value":12,"unit":"px"},"$description":"Base component spacing."},
|
|
130
|
+
"015": {"$type":"dimension","$value":{"value":15,"unit":"px"},"$description":"Precision dimension."},
|
|
131
|
+
"018": {"$type":"dimension","$value":{"value":18,"unit":"px"},"$description":"Grouped component spacing."},
|
|
132
|
+
"024": {"$type":"dimension","$value":{"value":24,"unit":"px"},"$description":"Global and comfortable spacing."},
|
|
133
|
+
"030": {"$type":"dimension","$value":{"value":30,"unit":"px"},"$description":"Large component inset and type size."},
|
|
134
|
+
"036": {"$type":"dimension","$value":{"value":36,"unit":"px"},"$description":"Region spacing and compact control size."},
|
|
135
|
+
"042": {"$type":"dimension","$value":{"value":42,"unit":"px"},"$description":"Standard control size."},
|
|
136
|
+
"048": {"$type":"dimension","$value":{"value":48,"unit":"px"},"$description":"Comfortable control and minimum target."},
|
|
137
|
+
"060": {"$type":"dimension","$value":{"value":60,"unit":"px"},"$description":"Large control and comfortable target."},
|
|
138
|
+
"072": {"$type":"dimension","$value":{"value":72,"unit":"px"},"$description":"Spacious target and section spacing."},
|
|
139
|
+
"084": {"$type":"dimension","$value":{"value":84,"unit":"px"},"$description":"Extended scale value."},
|
|
140
|
+
"096": {"$type":"dimension","$value":{"value":96,"unit":"px"},"$description":"Display media size."},
|
|
141
|
+
"108": {"$type":"dimension","$value":{"value":108,"unit":"px"},"$description":"Expansive section spacing."}
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
"font": {
|
|
145
|
+
"family": {
|
|
146
|
+
"display":{"$type":"fontFamily","$value":"Syne","$description":"Display-only family."},
|
|
147
|
+
"functional":{"$type":"fontFamily","$value":"AR One Sans","$description":"Title, body, controls, and data family."}
|
|
148
|
+
},
|
|
149
|
+
"weight": {
|
|
150
|
+
"regular":{"$type":"fontWeight","$value":450,"$description":"Approved regular variable weight."},
|
|
151
|
+
"semibold":{"$type":"fontWeight","$value":600,"$description":"Approved semibold weight."},
|
|
152
|
+
"bold":{"$type":"fontWeight","$value":690,"$description":"Approved bold variable weight."}
|
|
153
|
+
},
|
|
154
|
+
"size": {
|
|
155
|
+
"012":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$description":"Small supporting type."},
|
|
156
|
+
"016":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$description":"Body readability exception."},
|
|
157
|
+
"021":{"$type":"dimension","$value":{"value":21,"unit":"px"},"$description":"Large body and small title."},
|
|
158
|
+
"030":{"$type":"dimension","$value":{"value":30,"unit":"px"},"$description":"Medium title."},
|
|
159
|
+
"039":{"$type":"dimension","$value":{"value":39,"unit":"px"},"$description":"Harmonic title or display size."},
|
|
160
|
+
"051":{"$type":"dimension","$value":{"value":51,"unit":"px"},"$description":"Harmonic display size."},
|
|
161
|
+
"066":{"$type":"dimension","$value":{"value":66,"unit":"px"},"$description":"Harmonic display size."},
|
|
162
|
+
"090":{"$type":"dimension","$value":{"value":90,"unit":"px"},"$description":"Large display size."},
|
|
163
|
+
"120":{"$type":"dimension","$value":{"value":120,"unit":"px"},"$description":"Expanded display size."}
|
|
164
|
+
},
|
|
165
|
+
"line": {
|
|
166
|
+
"018":{"$type":"dimension","$value":{"value":18,"unit":"px"},"$description":"Small line height."},
|
|
167
|
+
"024":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$description":"Body line height."},
|
|
168
|
+
"030":{"$type":"dimension","$value":{"value":30,"unit":"px"},"$description":"Large body line height."},
|
|
169
|
+
"039":{"$type":"dimension","$value":{"value":39,"unit":"px"},"$description":"Title line height."},
|
|
170
|
+
"048":{"$type":"dimension","$value":{"value":48,"unit":"px"},"$description":"Title and display line height."},
|
|
171
|
+
"060":{"$type":"dimension","$value":{"value":60,"unit":"px"},"$description":"Display line height."},
|
|
172
|
+
"072":{"$type":"dimension","$value":{"value":72,"unit":"px"},"$description":"Display line height."},
|
|
173
|
+
"096":{"$type":"dimension","$value":{"value":96,"unit":"px"},"$description":"Large display line height."},
|
|
174
|
+
"126":{"$type":"dimension","$value":{"value":126,"unit":"px"},"$description":"Expanded display line height."}
|
|
175
|
+
},
|
|
176
|
+
"tracking": {
|
|
177
|
+
"tighter":{"$type":"number","$value":-0.03,"$extensions":{"oneli8.unit":"em"},"$description":"Minus three percent tracking."},
|
|
178
|
+
"tight":{"$type":"number","$value":-0.025,"$extensions":{"oneli8.unit":"em"},"$description":"Minus two-and-a-half percent tracking."},
|
|
179
|
+
"snug":{"$type":"number","$value":-0.02,"$extensions":{"oneli8.unit":"em"},"$description":"Minus two percent tracking."},
|
|
180
|
+
"displaySoft":{"$type":"number","$value":-0.015,"$extensions":{"oneli8.unit":"em"},"$description":"Minus one-and-a-half percent tracking."},
|
|
181
|
+
"titleTight":{"$type":"number","$value":-0.01,"$extensions":{"oneli8.unit":"em"},"$description":"Minus one percent tracking."},
|
|
182
|
+
"titleSoft":{"$type":"number","$value":-0.005,"$extensions":{"oneli8.unit":"em"},"$description":"Minus one-half percent tracking."},
|
|
183
|
+
"normal":{"$type":"number","$value":0,"$extensions":{"oneli8.unit":"em"},"$description":"Neutral tracking."},
|
|
184
|
+
"open":{"$type":"number","$value":0.01,"$extensions":{"oneli8.unit":"em"},"$description":"Plus one percent tracking."}
|
|
185
|
+
},
|
|
186
|
+
"axis":{"arrr":{"baseline":{"$type":"number","$value":10,"$description":"AR One Sans default ARRR axis."}}}
|
|
187
|
+
},
|
|
188
|
+
"motion": {
|
|
189
|
+
"duration": {
|
|
190
|
+
"instant":{"$type":"duration","$value":{"value":0,"unit":"ms"},"$description":"Immediate replacement."},
|
|
191
|
+
"quick":{"$type":"duration","$value":{"value":90,"unit":"ms"},"$description":"Press and tiny feedback."},
|
|
192
|
+
"fast":{"$type":"duration","$value":{"value":120,"unit":"ms"},"$description":"Hover and compact state change."},
|
|
193
|
+
"standard":{"$type":"duration","$value":{"value":180,"unit":"ms"},"$description":"Selection and local transition."},
|
|
194
|
+
"measured":{"$type":"duration","$value":{"value":240,"unit":"ms"},"$description":"Popover and small reveal."},
|
|
195
|
+
"slow":{"$type":"duration","$value":{"value":360,"unit":"ms"},"$description":"Dialog or meaningful reflow."},
|
|
196
|
+
"deliberate":{"$type":"duration","$value":{"value":480,"unit":"ms"},"$description":"Major spatial transition."},
|
|
197
|
+
"extended":{"$type":"duration","$value":{"value":720,"unit":"ms"},"$description":"Rare explanatory sequence."}
|
|
198
|
+
},
|
|
199
|
+
"easing": {
|
|
200
|
+
"standard":{"$type":"cubicBezier","$value":[0.39,0,0,1],"$description":"Standard purposeful easing."},
|
|
201
|
+
"enter":{"$type":"cubicBezier","$value":[0.12,0,0,1],"$description":"Arrival easing."},
|
|
202
|
+
"exit":{"$type":"cubicBezier","$value":[0.48,0,1,1],"$description":"Departure easing."},
|
|
203
|
+
"linear":{"$type":"cubicBezier","$value":[0,0,1,1],"$description":"Continuous determinate motion."}
|
|
204
|
+
},
|
|
205
|
+
"spring": {
|
|
206
|
+
"interactive":{"response":{"$type":"duration","$value":{"value":240,"unit":"ms"},"$description":"Interactive spring response."},"damping":{"$type":"number","$value":0.9,"$description":"Interactive spring damping ratio."},"blend":{"$type":"duration","$value":{"value":120,"unit":"ms"},"$description":"Interactive spring blend duration."}},
|
|
207
|
+
"standard":{"response":{"$type":"duration","$value":{"value":360,"unit":"ms"},"$description":"Standard spring response."},"damping":{"$type":"number","$value":0.93,"$description":"Standard spring damping ratio."},"blend":{"$type":"duration","$value":{"value":120,"unit":"ms"},"$description":"Standard spring blend duration."}},
|
|
208
|
+
"gentle":{"response":{"$type":"duration","$value":{"value":480,"unit":"ms"},"$description":"Gentle spring response."},"damping":{"$type":"number","$value":1,"$description":"Gentle critically damped ratio."},"blend":{"$type":"duration","$value":{"value":180,"unit":"ms"},"$description":"Gentle spring blend duration."}}
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
}
|