@northstar-js/tokens 0.1.0 → 0.2.0

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 (11) hide show
  1. package/dist/index.d.ts +328 -4
  2. package/dist/index.js +328 -4
  3. package/dist/tailwind.css +16 -0
  4. package/dist/tokens.css +275 -0
  5. package/dist/tokens.json +328 -4
  6. package/package.json +1 -1
  7. package/src/component.json +2 -1
  8. package/src/primitive.json +1 -0
  9. package/src/scales.json +566 -76
  10. package/src/semantic.day.json +94 -0
  11. package/src/semantic.night.json +94 -0
package/dist/index.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const data: {
10
10
  "gray.6": "#656A75",
11
11
  "gray.7": "#464C56",
12
12
  "gray.8": "#06080C",
13
+ "gray.pale": "#F4F6F8",
13
14
  "night.0": "#08090C",
14
15
  "night.1": "#0D0F13",
15
16
  "night.2": "#14161B",
@@ -62,6 +63,25 @@ declare const data: {
62
63
  "space.40": "40px",
63
64
  "space.48": "48px",
64
65
  "space.64": "64px",
66
+ "spacing.inline.icon": "6px",
67
+ "spacing.inline.label": "6px",
68
+ "spacing.inline.toolbar": "4px",
69
+ "spacing.stack.default": "12px",
70
+ "spacing.stack.tight": "8px",
71
+ "spacing.control.button-x": "16px",
72
+ "spacing.control.field-x": "12px",
73
+ "spacing.card.padding": "20px",
74
+ "spacing.row.y": "8px",
75
+ "spacing.row.x": "12px",
76
+ "spacing.section.default": "40px",
77
+ "spacing.section.phone": "32px",
78
+ "spacing.page.margin-phone": "16px",
79
+ "spacing.page.margin-tablet": "24px",
80
+ "spacing.page.margin-desktop": "48px",
81
+ "spacing.page.gutter-phone": "16px",
82
+ "spacing.page.gutter-tablet": "20px",
83
+ "spacing.page.gutter-desktop": "24px",
84
+ "spacing.page.content-max": "1280px",
65
85
  "size.control.sm": "28px",
66
86
  "size.control.md": "32px",
67
87
  "size.control.lg": "36px",
@@ -76,17 +96,32 @@ declare const data: {
76
96
  "density.compact.control-height": "28px",
77
97
  "density.compact.row-height": "32px",
78
98
  "density.compact.row-padding": "4px",
99
+ "density.compact.card-padding": "16px",
100
+ "density.compact.stack-gap": "8px",
101
+ "density.compact.section-gap": "32px",
79
102
  "density.default.control-height": "32px",
80
103
  "density.default.row-height": "36px",
81
104
  "density.default.row-padding": "6px",
105
+ "density.default.card-padding": "20px",
106
+ "density.default.stack-gap": "12px",
107
+ "density.default.section-gap": "40px",
82
108
  "density.comfortable.control-height": "36px",
83
109
  "density.comfortable.row-height": "40px",
84
110
  "density.comfortable.row-padding": "8px",
111
+ "density.comfortable.card-padding": "24px",
112
+ "density.comfortable.stack-gap": "16px",
113
+ "density.comfortable.section-gap": "48px",
85
114
  "radius.4": "4px",
86
115
  "radius.6": "6px",
87
116
  "radius.8": "8px",
88
117
  "radius.12": "12px",
89
118
  "radius.full": "9999px",
119
+ "radius.control.pill": "9999px",
120
+ "radius.control.rounded": "6px",
121
+ "radius.glass.panel": "10px",
122
+ "radius.glass.bar": "10px",
123
+ "radius.glass.control": "7px",
124
+ "radius.glass.inner": "6px",
90
125
  "z.banner": "30",
91
126
  "z.dropdown": "40",
92
127
  "z.popover": "50",
@@ -98,10 +133,41 @@ declare const data: {
98
133
  "motion.duration.200": "200ms",
99
134
  "motion.duration.320": "320ms",
100
135
  "motion.duration.600": "600ms",
136
+ "motion.duration.press": "90ms",
137
+ "motion.duration.release": "280ms",
138
+ "motion.duration.settle": "420ms",
139
+ "motion.duration.micro": "180ms",
140
+ "motion.duration.layout": "560ms",
141
+ "motion.duration.reveal": "700ms",
142
+ "motion.duration.stagger": "45ms",
101
143
  "motion.easing.settle": "cubic-bezier(0.2, 0, 0, 1)",
102
144
  "motion.easing.enter": "cubic-bezier(0, 0, 0.2, 1)",
103
145
  "motion.easing.travel": "cubic-bezier(0.4, 0, 0.2, 1)",
104
- "motion.easing.exit": "cubic-bezier(0.4, 0, 1, 1)"
146
+ "motion.easing.exit": "cubic-bezier(0.4, 0, 1, 1)",
147
+ "motion.easing.glide": "cubic-bezier(0.22, 1, 0.36, 1)",
148
+ "motion.easing.hover": "cubic-bezier(0.45, 0, 0.25, 1)",
149
+ "motion.spring.press": "cubic-bezier(0.3, 0, 0.5, 1)",
150
+ "motion.spring.release": "cubic-bezier(0.34, 1.56, 0.64, 1)",
151
+ "motion.spring.settle": "cubic-bezier(0.22, 1.24, 0.36, 1)",
152
+ "motion.spring.layout": "cubic-bezier(0.32, 0.72, 0, 1)",
153
+ "material.blur.sm": "8px",
154
+ "material.blur.md": "16px",
155
+ "material.blur.lg": "28px",
156
+ "material.saturate": "1.7",
157
+ "material.lift": "-2px",
158
+ "material.press": "0.97",
159
+ "material.spin.sweep": "700ms",
160
+ "material.spin.sweep-easing": "cubic-bezier(0.2, 0.8, 0.2, 1)",
161
+ "material.spin.turn": "16deg",
162
+ "material.spin.angle": "200deg",
163
+ "material.spin.press": "0.985",
164
+ "material.liquid.scale.sm": "14",
165
+ "material.liquid.scale.md": "28",
166
+ "material.liquid.scale.lg": "44",
167
+ "material.liquid.bevel": "0.16",
168
+ "material.liquid.aberration": "2",
169
+ "material.liquid.frost": "0.6px",
170
+ "material.liquid.fallback-blur": "14px"
105
171
  },
106
172
  "themes": {
107
173
  "night": {
@@ -134,8 +200,72 @@ declare const data: {
134
200
  "elevation.1": "none",
135
201
  "elevation.2": "none",
136
202
  "elevation.3": "none",
203
+ "material.glass.fill": "rgba(20, 22, 27, 0.4)",
204
+ "material.glass.tint": "rgba(147, 180, 224, 0.06)",
205
+ "material.glass.edge": "rgba(232, 234, 238, 0.12)",
206
+ "material.glass.rim": "rgba(255, 255, 255, 0.16)",
207
+ "material.glass.specular": "linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 42%)",
208
+ "material.solid": "#14161B",
209
+ "material.glow": "rgba(147, 180, 224, 0.35)",
210
+ "material.spotlight": "rgba(147, 180, 224, 0.16)",
211
+ "material.shadow": "0 24px 48px -12px rgba(0, 0, 0, 0.6)",
212
+ "material.hairline": "rgba(232, 234, 238, 0.06)",
213
+ "material.spin.stop.1": "#C9CED5",
214
+ "material.spin.stop.2": "#F0F2F5",
215
+ "material.spin.stop.3": "#B5BBC4",
216
+ "material.spin.stop.4": "#E4E7EB",
217
+ "material.spin.stop.5": "#AEB5BE",
218
+ "material.spin.stop.6": "#EAEDF0",
219
+ "material.spin.stop.7": "#B8BEC7",
220
+ "material.spin.signal-stop.1": "#A9C0E2",
221
+ "material.spin.signal-stop.2": "#D7E3F4",
222
+ "material.spin.signal-stop.3": "#8FAAD2",
223
+ "material.spin.signal-stop.4": "#C6D6EE",
224
+ "material.spin.signal-stop.5": "#88A4CE",
225
+ "material.spin.signal-stop.6": "#CCDBF0",
226
+ "material.spin.signal-stop.7": "#93ADD4",
227
+ "material.spin.ink": "#0B0E12",
228
+ "material.spin.signal-ink": "#06080C",
229
+ "material.spin.grain-dark": "rgba(0, 0, 0, 0.05)",
230
+ "material.spin.grain-light": "rgba(255, 255, 255, 0.05)",
231
+ "material.spin.signal-grain-light": "rgba(255, 255, 255, 0.06)",
232
+ "material.spin.emboss": "rgba(255, 255, 255, 0.4)",
233
+ "material.spin.sheen": "rgba(255, 255, 255, 0.38)",
234
+ "material.spin.shadow": "inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.35)",
235
+ "material.spin.shadow-press": "inset 0 1px 2px rgba(0, 0, 0, 0.32), inset 0 -1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3)",
236
+ "material.spin.ghost": "0.16",
237
+ "material.spin.ghost-edge": "rgba(255, 255, 255, 0.1)",
238
+ "material.spin.matte": "#1B1E24",
239
+ "material.spin.matte-ink": "#848A94",
240
+ "material.liquid.tint": "rgba(147, 180, 224, 0.05)",
241
+ "material.liquid.highlight": "radial-gradient(120% 80% at 18% 0%, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 55%)",
242
+ "material.liquid.rim": "rgba(255, 255, 255, 0.22)",
243
+ "material.liquid.rim-low": "rgba(255, 255, 255, 0.06)",
244
+ "material.liquid.inner": "rgba(255, 255, 255, 0.05)",
245
+ "material.liquid.shadow": "0 10px 30px -10px rgba(0, 0, 0, 0.55)",
246
+ "material.texture.light": "rgba(255, 255, 255, 0.03)",
247
+ "material.texture.dark": "rgba(0, 0, 0, 0.16)",
248
+ "material.texture.top": "rgba(255, 255, 255, 0.055)",
249
+ "material.texture.bevel-hi": "rgba(255, 255, 255, 0.075)",
250
+ "material.texture.bevel-lo": "rgba(0, 0, 0, 0.32)",
251
+ "material.texture.signal-light": "rgba(255, 255, 255, 0.1)",
252
+ "material.texture.signal-dark": "rgba(6, 8, 12, 0.045)",
253
+ "material.texture.signal-top": "rgba(255, 255, 255, 0.22)",
254
+ "material.texture.signal-bevel-hi": "rgba(255, 255, 255, 0.5)",
255
+ "material.texture.signal-bevel-lo": "rgba(6, 8, 12, 0.2)",
256
+ "backdrop.ground": "#08090C",
257
+ "backdrop.ink": "#E8EAEE",
258
+ "backdrop.signal": "#93B4E0",
259
+ "backdrop.line": "#2B2F38",
260
+ "backdrop.faint": "#1E2128",
261
+ "backdrop.glow.nebula": "0.13",
262
+ "backdrop.glow.haze": "0.04",
263
+ "backdrop.glow.core": "0.12",
264
+ "backdrop.glow.core-soft": "0.03",
265
+ "backdrop.glow.band": "0.08",
137
266
  "button.primary.bg": "#93B4E0",
138
- "button.primary.fg": "#06080C"
267
+ "button.primary.fg": "#06080C",
268
+ "button.primary.hover": "#B9CEEA"
139
269
  },
140
270
  "day": {
141
271
  "color.ground": "#FFFFFF",
@@ -167,8 +297,72 @@ declare const data: {
167
297
  "elevation.1": "0 1px 2px rgba(6, 8, 12, 0.06)",
168
298
  "elevation.2": "0 4px 12px rgba(6, 8, 12, 0.08)",
169
299
  "elevation.3": "0 12px 32px rgba(6, 8, 12, 0.12)",
300
+ "material.glass.fill": "rgba(255, 255, 255, 0.5)",
301
+ "material.glass.tint": "rgba(147, 180, 224, 0.08)",
302
+ "material.glass.edge": "rgba(6, 8, 12, 0.08)",
303
+ "material.glass.rim": "rgba(255, 255, 255, 0.95)",
304
+ "material.glass.specular": "linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0) 46%)",
305
+ "material.solid": "#FFFFFF",
306
+ "material.glow": "rgba(47, 93, 154, 0.24)",
307
+ "material.spotlight": "rgba(47, 93, 154, 0.09)",
308
+ "material.shadow": "0 16px 40px -12px rgba(6, 8, 12, 0.18)",
309
+ "material.hairline": "rgba(6, 8, 12, 0.06)",
310
+ "material.spin.stop.1": "#C9CED5",
311
+ "material.spin.stop.2": "#F0F2F5",
312
+ "material.spin.stop.3": "#B5BBC4",
313
+ "material.spin.stop.4": "#E4E7EB",
314
+ "material.spin.stop.5": "#AEB5BE",
315
+ "material.spin.stop.6": "#EAEDF0",
316
+ "material.spin.stop.7": "#B8BEC7",
317
+ "material.spin.signal-stop.1": "#A9C0E2",
318
+ "material.spin.signal-stop.2": "#D7E3F4",
319
+ "material.spin.signal-stop.3": "#8FAAD2",
320
+ "material.spin.signal-stop.4": "#C6D6EE",
321
+ "material.spin.signal-stop.5": "#88A4CE",
322
+ "material.spin.signal-stop.6": "#CCDBF0",
323
+ "material.spin.signal-stop.7": "#93ADD4",
324
+ "material.spin.ink": "#0B0E12",
325
+ "material.spin.signal-ink": "#06080C",
326
+ "material.spin.grain-dark": "rgba(0, 0, 0, 0.05)",
327
+ "material.spin.grain-light": "rgba(255, 255, 255, 0.05)",
328
+ "material.spin.signal-grain-light": "rgba(255, 255, 255, 0.06)",
329
+ "material.spin.emboss": "rgba(255, 255, 255, 0.4)",
330
+ "material.spin.sheen": "rgba(255, 255, 255, 0.38)",
331
+ "material.spin.shadow": "inset 0 1px 0 #FFFFFF, inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(6, 8, 12, 0.2), 0 1px 3px rgba(6, 8, 12, 0.14)",
332
+ "material.spin.shadow-press": "inset 0 1px 2px rgba(6, 8, 12, 0.24), inset 0 -1px 0 rgba(255, 255, 255, 0.9), 0 0 0 1px rgba(6, 8, 12, 0.2), 0 1px 1px rgba(6, 8, 12, 0.08)",
333
+ "material.spin.ghost": "0.4",
334
+ "material.spin.ghost-edge": "rgba(6, 8, 12, 0.08)",
335
+ "material.spin.matte": "#E9ECEF",
336
+ "material.spin.matte-ink": "#6B717B",
337
+ "material.liquid.tint": "rgba(147, 180, 224, 0.10)",
338
+ "material.liquid.highlight": "radial-gradient(120% 80% at 18% 0%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 60%)",
339
+ "material.liquid.rim": "rgba(255, 255, 255, 0.95)",
340
+ "material.liquid.rim-low": "rgba(6, 8, 12, 0.06)",
341
+ "material.liquid.inner": "rgba(255, 255, 255, 0.5)",
342
+ "material.liquid.shadow": "0 10px 30px -12px rgba(6, 8, 12, 0.16)",
343
+ "material.texture.light": "rgba(255, 255, 255, 0.5)",
344
+ "material.texture.dark": "rgba(6, 8, 12, 0.03)",
345
+ "material.texture.top": "rgba(255, 255, 255, 0.8)",
346
+ "material.texture.bevel-hi": "rgba(255, 255, 255, 0.95)",
347
+ "material.texture.bevel-lo": "rgba(6, 8, 12, 0.08)",
348
+ "material.texture.signal-light": "rgba(255, 255, 255, 0.12)",
349
+ "material.texture.signal-dark": "rgba(6, 8, 12, 0.04)",
350
+ "material.texture.signal-top": "rgba(255, 255, 255, 0.26)",
351
+ "material.texture.signal-bevel-hi": "rgba(255, 255, 255, 0.6)",
352
+ "material.texture.signal-bevel-lo": "rgba(6, 8, 12, 0.14)",
353
+ "backdrop.ground": "#F4F6F8",
354
+ "backdrop.ink": "#464C56",
355
+ "backdrop.signal": "#2F5D9A",
356
+ "backdrop.line": "#D4D8DD",
357
+ "backdrop.faint": "#E6E8EB",
358
+ "backdrop.glow.nebula": "0.24",
359
+ "backdrop.glow.haze": "0.1",
360
+ "backdrop.glow.core": "0.22",
361
+ "backdrop.glow.core-soft": "0.07",
362
+ "backdrop.glow.band": "0.18",
170
363
  "button.primary.bg": "#93B4E0",
171
- "button.primary.fg": "#06080C"
364
+ "button.primary.fg": "#06080C",
365
+ "button.primary.hover": "#B9CEEA"
172
366
  }
173
367
  },
174
368
  "cssVar": {
@@ -181,6 +375,7 @@ declare const data: {
181
375
  "gray.6": "--ns-gray-6",
182
376
  "gray.7": "--ns-gray-7",
183
377
  "gray.8": "--ns-gray-8",
378
+ "gray.pale": "--ns-gray-pale",
184
379
  "night.0": "--ns-night-0",
185
380
  "night.1": "--ns-night-1",
186
381
  "night.2": "--ns-night-2",
@@ -231,6 +426,25 @@ declare const data: {
231
426
  "space.40": "--ns-space-40",
232
427
  "space.48": "--ns-space-48",
233
428
  "space.64": "--ns-space-64",
429
+ "spacing.inline.icon": "--ns-spacing-inline-icon",
430
+ "spacing.inline.label": "--ns-spacing-inline-label",
431
+ "spacing.inline.toolbar": "--ns-spacing-inline-toolbar",
432
+ "spacing.stack.default": "--ns-spacing-stack",
433
+ "spacing.stack.tight": "--ns-spacing-stack-tight",
434
+ "spacing.control.button-x": "--ns-spacing-control-button-x",
435
+ "spacing.control.field-x": "--ns-spacing-control-field-x",
436
+ "spacing.card.padding": "--ns-spacing-card-padding",
437
+ "spacing.row.y": "--ns-spacing-row-y",
438
+ "spacing.row.x": "--ns-spacing-row-x",
439
+ "spacing.section.default": "--ns-spacing-section",
440
+ "spacing.section.phone": "--ns-spacing-section-phone",
441
+ "spacing.page.margin-phone": "--ns-spacing-page-margin-phone",
442
+ "spacing.page.margin-tablet": "--ns-spacing-page-margin-tablet",
443
+ "spacing.page.margin-desktop": "--ns-spacing-page-margin-desktop",
444
+ "spacing.page.gutter-phone": "--ns-spacing-page-gutter-phone",
445
+ "spacing.page.gutter-tablet": "--ns-spacing-page-gutter-tablet",
446
+ "spacing.page.gutter-desktop": "--ns-spacing-page-gutter-desktop",
447
+ "spacing.page.content-max": "--ns-spacing-page-content-max",
234
448
  "size.control.sm": "--ns-size-control-sm",
235
449
  "size.control.md": "--ns-size-control-md",
236
450
  "size.control.lg": "--ns-size-control-lg",
@@ -245,17 +459,32 @@ declare const data: {
245
459
  "density.compact.control-height": "--ns-density-compact-control-height",
246
460
  "density.compact.row-height": "--ns-density-compact-row-height",
247
461
  "density.compact.row-padding": "--ns-density-compact-row-padding",
462
+ "density.compact.card-padding": "--ns-density-compact-card-padding",
463
+ "density.compact.stack-gap": "--ns-density-compact-stack-gap",
464
+ "density.compact.section-gap": "--ns-density-compact-section-gap",
248
465
  "density.default.control-height": "--ns-density-control-height",
249
466
  "density.default.row-height": "--ns-density-row-height",
250
467
  "density.default.row-padding": "--ns-density-row-padding",
468
+ "density.default.card-padding": "--ns-density-card-padding",
469
+ "density.default.stack-gap": "--ns-density-stack-gap",
470
+ "density.default.section-gap": "--ns-density-section-gap",
251
471
  "density.comfortable.control-height": "--ns-density-comfortable-control-height",
252
472
  "density.comfortable.row-height": "--ns-density-comfortable-row-height",
253
473
  "density.comfortable.row-padding": "--ns-density-comfortable-row-padding",
474
+ "density.comfortable.card-padding": "--ns-density-comfortable-card-padding",
475
+ "density.comfortable.stack-gap": "--ns-density-comfortable-stack-gap",
476
+ "density.comfortable.section-gap": "--ns-density-comfortable-section-gap",
254
477
  "radius.4": "--ns-radius-4",
255
478
  "radius.6": "--ns-radius-6",
256
479
  "radius.8": "--ns-radius-8",
257
480
  "radius.12": "--ns-radius-12",
258
481
  "radius.full": "--ns-radius-full",
482
+ "radius.control.pill": "--ns-radius-control-pill",
483
+ "radius.control.rounded": "--ns-radius-control-rounded",
484
+ "radius.glass.panel": "--ns-radius-glass-panel",
485
+ "radius.glass.bar": "--ns-radius-glass-bar",
486
+ "radius.glass.control": "--ns-radius-glass-control",
487
+ "radius.glass.inner": "--ns-radius-glass-inner",
259
488
  "z.banner": "--ns-z-banner",
260
489
  "z.dropdown": "--ns-z-dropdown",
261
490
  "z.popover": "--ns-z-popover",
@@ -267,10 +496,41 @@ declare const data: {
267
496
  "motion.duration.200": "--ns-motion-duration-200",
268
497
  "motion.duration.320": "--ns-motion-duration-320",
269
498
  "motion.duration.600": "--ns-motion-duration-600",
499
+ "motion.duration.press": "--ns-motion-duration-press",
500
+ "motion.duration.release": "--ns-motion-duration-release",
501
+ "motion.duration.settle": "--ns-motion-duration-settle",
502
+ "motion.duration.micro": "--ns-motion-duration-micro",
503
+ "motion.duration.layout": "--ns-motion-duration-layout",
504
+ "motion.duration.reveal": "--ns-motion-duration-reveal",
505
+ "motion.duration.stagger": "--ns-motion-duration-stagger",
270
506
  "motion.easing.settle": "--ns-motion-easing-settle",
271
507
  "motion.easing.enter": "--ns-motion-easing-enter",
272
508
  "motion.easing.travel": "--ns-motion-easing-travel",
273
509
  "motion.easing.exit": "--ns-motion-easing-exit",
510
+ "motion.easing.glide": "--ns-motion-easing-glide",
511
+ "motion.easing.hover": "--ns-motion-easing-hover",
512
+ "motion.spring.press": "--ns-motion-spring-press",
513
+ "motion.spring.release": "--ns-motion-spring-release",
514
+ "motion.spring.settle": "--ns-motion-spring-settle",
515
+ "motion.spring.layout": "--ns-motion-spring-layout",
516
+ "material.blur.sm": "--ns-material-blur-sm",
517
+ "material.blur.md": "--ns-material-blur-md",
518
+ "material.blur.lg": "--ns-material-blur-lg",
519
+ "material.saturate": "--ns-material-saturate",
520
+ "material.lift": "--ns-material-lift",
521
+ "material.press": "--ns-material-press",
522
+ "material.spin.sweep": "--ns-material-spin-sweep",
523
+ "material.spin.sweep-easing": "--ns-material-spin-sweep-easing",
524
+ "material.spin.turn": "--ns-material-spin-turn",
525
+ "material.spin.angle": "--ns-material-spin-angle",
526
+ "material.spin.press": "--ns-material-spin-press",
527
+ "material.liquid.scale.sm": "--ns-material-liquid-scale-sm",
528
+ "material.liquid.scale.md": "--ns-material-liquid-scale-md",
529
+ "material.liquid.scale.lg": "--ns-material-liquid-scale-lg",
530
+ "material.liquid.bevel": "--ns-material-liquid-bevel",
531
+ "material.liquid.aberration": "--ns-material-liquid-aberration",
532
+ "material.liquid.frost": "--ns-material-liquid-frost",
533
+ "material.liquid.fallback-blur": "--ns-material-liquid-fallback-blur",
274
534
  "color.ground": "--ns-color-ground",
275
535
  "color.surface.1": "--ns-color-surface-1",
276
536
  "color.surface.2": "--ns-color-surface-2",
@@ -300,8 +560,72 @@ declare const data: {
300
560
  "elevation.1": "--ns-elevation-1",
301
561
  "elevation.2": "--ns-elevation-2",
302
562
  "elevation.3": "--ns-elevation-3",
563
+ "material.glass.fill": "--ns-material-glass-fill",
564
+ "material.glass.tint": "--ns-material-glass-tint",
565
+ "material.glass.edge": "--ns-material-glass-edge",
566
+ "material.glass.rim": "--ns-material-glass-rim",
567
+ "material.glass.specular": "--ns-material-glass-specular",
568
+ "material.solid": "--ns-material-solid",
569
+ "material.glow": "--ns-material-glow",
570
+ "material.spotlight": "--ns-material-spotlight",
571
+ "material.shadow": "--ns-material-shadow",
572
+ "material.hairline": "--ns-material-hairline",
573
+ "material.spin.stop.1": "--ns-material-spin-stop-1",
574
+ "material.spin.stop.2": "--ns-material-spin-stop-2",
575
+ "material.spin.stop.3": "--ns-material-spin-stop-3",
576
+ "material.spin.stop.4": "--ns-material-spin-stop-4",
577
+ "material.spin.stop.5": "--ns-material-spin-stop-5",
578
+ "material.spin.stop.6": "--ns-material-spin-stop-6",
579
+ "material.spin.stop.7": "--ns-material-spin-stop-7",
580
+ "material.spin.signal-stop.1": "--ns-material-spin-signal-stop-1",
581
+ "material.spin.signal-stop.2": "--ns-material-spin-signal-stop-2",
582
+ "material.spin.signal-stop.3": "--ns-material-spin-signal-stop-3",
583
+ "material.spin.signal-stop.4": "--ns-material-spin-signal-stop-4",
584
+ "material.spin.signal-stop.5": "--ns-material-spin-signal-stop-5",
585
+ "material.spin.signal-stop.6": "--ns-material-spin-signal-stop-6",
586
+ "material.spin.signal-stop.7": "--ns-material-spin-signal-stop-7",
587
+ "material.spin.ink": "--ns-material-spin-ink",
588
+ "material.spin.signal-ink": "--ns-material-spin-signal-ink",
589
+ "material.spin.grain-dark": "--ns-material-spin-grain-dark",
590
+ "material.spin.grain-light": "--ns-material-spin-grain-light",
591
+ "material.spin.signal-grain-light": "--ns-material-spin-signal-grain-light",
592
+ "material.spin.emboss": "--ns-material-spin-emboss",
593
+ "material.spin.sheen": "--ns-material-spin-sheen",
594
+ "material.spin.shadow": "--ns-material-spin-shadow",
595
+ "material.spin.shadow-press": "--ns-material-spin-shadow-press",
596
+ "material.spin.ghost": "--ns-material-spin-ghost",
597
+ "material.spin.ghost-edge": "--ns-material-spin-ghost-edge",
598
+ "material.spin.matte": "--ns-material-spin-matte",
599
+ "material.spin.matte-ink": "--ns-material-spin-matte-ink",
600
+ "material.liquid.tint": "--ns-material-liquid-tint",
601
+ "material.liquid.highlight": "--ns-material-liquid-highlight",
602
+ "material.liquid.rim": "--ns-material-liquid-rim",
603
+ "material.liquid.rim-low": "--ns-material-liquid-rim-low",
604
+ "material.liquid.inner": "--ns-material-liquid-inner",
605
+ "material.liquid.shadow": "--ns-material-liquid-shadow",
606
+ "material.texture.light": "--ns-material-texture-light",
607
+ "material.texture.dark": "--ns-material-texture-dark",
608
+ "material.texture.top": "--ns-material-texture-top",
609
+ "material.texture.bevel-hi": "--ns-material-texture-bevel-hi",
610
+ "material.texture.bevel-lo": "--ns-material-texture-bevel-lo",
611
+ "material.texture.signal-light": "--ns-material-texture-signal-light",
612
+ "material.texture.signal-dark": "--ns-material-texture-signal-dark",
613
+ "material.texture.signal-top": "--ns-material-texture-signal-top",
614
+ "material.texture.signal-bevel-hi": "--ns-material-texture-signal-bevel-hi",
615
+ "material.texture.signal-bevel-lo": "--ns-material-texture-signal-bevel-lo",
616
+ "backdrop.ground": "--ns-backdrop-ground",
617
+ "backdrop.ink": "--ns-backdrop-ink",
618
+ "backdrop.signal": "--ns-backdrop-signal",
619
+ "backdrop.line": "--ns-backdrop-line",
620
+ "backdrop.faint": "--ns-backdrop-faint",
621
+ "backdrop.glow.nebula": "--ns-backdrop-glow-nebula",
622
+ "backdrop.glow.haze": "--ns-backdrop-glow-haze",
623
+ "backdrop.glow.core": "--ns-backdrop-glow-core",
624
+ "backdrop.glow.core-soft": "--ns-backdrop-glow-core-soft",
625
+ "backdrop.glow.band": "--ns-backdrop-glow-band",
303
626
  "button.primary.bg": "--ns-button-primary-bg",
304
- "button.primary.fg": "--ns-button-primary-fg"
627
+ "button.primary.fg": "--ns-button-primary-fg",
628
+ "button.primary.hover": "--ns-button-primary-hover"
305
629
  }
306
630
  };
307
631
  export type Tokens = typeof data;