@cueplusplus/ui 0.18.2 → 0.19.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.
- package/CHANGELOG.md +61 -0
- package/dist/brand/_motif-seed.js +20 -0
- package/dist/brand/gloss-object.d.ts +23 -0
- package/dist/brand/gloss-object.js +108 -0
- package/dist/brand/halftone.d.ts +23 -0
- package/dist/brand/halftone.js +54 -0
- package/dist/brand/index.d.ts +6 -1
- package/dist/brand/motif.d.ts +32 -0
- package/dist/brand/motif.js +71 -0
- package/dist/brand/particle-mark.d.ts +29 -0
- package/dist/brand/particle-mark.js +137 -0
- package/dist/brand/ribbon.d.ts +20 -0
- package/dist/brand/ribbon.js +54 -0
- package/dist/chrome/announcement-bar.d.ts +30 -0
- package/dist/chrome/announcement-bar.js +38 -0
- package/dist/chrome/app-bar.d.ts +4 -1
- package/dist/chrome/app-bar.js +7 -2
- package/dist/chrome/app-shell.js +8 -1
- package/dist/chrome/band.d.ts +3 -1
- package/dist/chrome/band.js +4 -3
- package/dist/chrome/hero.d.ts +61 -0
- package/dist/chrome/hero.js +108 -0
- package/dist/chrome/index.d.ts +6 -1
- package/dist/chrome/index.js +6 -1
- package/dist/chrome/keyword.d.ts +22 -0
- package/dist/chrome/keyword.js +28 -0
- package/dist/chrome/logo-strip.d.ts +23 -0
- package/dist/chrome/logo-strip.js +43 -0
- package/dist/chrome/page-shell.js +13 -1
- package/dist/chrome/stat-band.d.ts +32 -0
- package/dist/chrome/stat-band.js +39 -0
- package/dist/dmx/channel-matrix.js +5 -3
- package/dist/dmx/dmx-strip.js +5 -3
- package/dist/elements/animated-number.js +4 -1
- package/dist/elements/replay.d.ts +1 -1
- package/dist/elements/replay.js +5 -2
- package/dist/elements/scroll-anchor.js +4 -1
- package/dist/index.d.ts +13 -1
- package/dist/index.js +14 -2
- package/dist/instruments/index.js +1 -1
- package/dist/instruments/stat.js +1 -1
- package/dist/instruments/terminal-frame.js +5 -2
- package/dist/layout/grid.js +4 -2
- package/dist/layout/preview.js +4 -188
- package/dist/layout/sidebar.js +88 -52
- package/dist/overlays/_surface.d.ts +2 -2
- package/dist/primitives/button.js +22 -3
- package/dist/primitives/chip.js +62 -6
- package/dist/styles.css +26 -0
- package/dist/system/_scoped-pairing.js +18 -0
- package/dist/system/_stage-scope.js +199 -0
- package/dist/system/_style-check.js +1 -1
- package/dist/system/_style-chip.js +1 -1
- package/dist/system/_style-group-label.js +7 -3
- package/dist/system/_style-hero-title.js +41 -0
- package/dist/system/_style-kbd.js +1 -1
- package/dist/system/_style-label-ink.js +12 -5
- package/dist/system/_style-menu.js +1 -1
- package/dist/system/_style-page-title.js +1 -1
- package/dist/system/_style-segmented-control.js +1 -1
- package/dist/system/_style-skeleton.js +1 -1
- package/dist/system/_style-tab.js +1 -1
- package/dist/system/font-scope.d.ts +38 -0
- package/dist/system/font-scope.js +69 -0
- package/dist/system/index.d.ts +3 -1
- package/dist/system/index.js +3 -1
- package/dist/system/portal.js +7 -1
- package/dist/system/still.d.ts +32 -0
- package/dist/system/still.js +47 -0
- package/manifest/components/alert-dialog.json +1 -1
- package/manifest/components/announcement-bar.json +82 -0
- package/manifest/components/app-bar.json +3 -2
- package/manifest/components/app-shell.json +3 -0
- package/manifest/components/autocomplete.json +1 -0
- package/manifest/components/band.json +2 -1
- package/manifest/components/bento.json +12 -12
- package/manifest/components/button.json +1 -0
- package/manifest/components/channel-matrix.json +1 -0
- package/manifest/components/chart-tooltip-content.json +1 -0
- package/manifest/components/checkbox-group.json +1 -1
- package/manifest/components/checkbox.json +1 -1
- package/manifest/components/chip.json +1 -0
- package/manifest/components/combobox.json +1 -0
- package/manifest/components/command-palette.json +1 -0
- package/manifest/components/context-menu.json +1 -1
- package/manifest/components/density.json +6 -2
- package/manifest/components/dialog.json +1 -1
- package/manifest/components/dmx-bar.json +1 -1
- package/manifest/components/dmx-strip.json +1 -1
- package/manifest/components/drawer.json +1 -1
- package/manifest/components/dropdown-menu.json +1 -0
- package/manifest/components/font-scope.json +81 -0
- package/manifest/components/footer.json +0 -1
- package/manifest/components/gloss-object.json +81 -0
- package/manifest/components/grid.json +6 -6
- package/manifest/components/halftone.json +79 -0
- package/manifest/components/hero.json +204 -0
- package/manifest/components/hover-card.json +1 -1
- package/manifest/components/kbd.json +1 -0
- package/manifest/components/keyword.json +67 -0
- package/manifest/components/ledger.json +4 -4
- package/manifest/components/logo-strip.json +93 -0
- package/manifest/components/markdown-text.json +2 -2
- package/manifest/components/menubar.json +1 -1
- package/manifest/components/motif.json +90 -0
- package/manifest/components/multi-select.json +1 -0
- package/manifest/components/navigation-menu.json +1 -0
- package/manifest/components/page-shell.json +5 -0
- package/manifest/components/particle-mark.json +75 -0
- package/manifest/components/popover.json +1 -1
- package/manifest/components/preview.json +9 -4
- package/manifest/components/radio-group.json +0 -1
- package/manifest/components/radio.json +0 -1
- package/manifest/components/ribbon.json +65 -0
- package/manifest/components/scrollable-tabs-list.json +1 -0
- package/manifest/components/segmented-control.json +1 -0
- package/manifest/components/sheet.json +1 -1
- package/manifest/components/sidebar.json +1 -0
- package/manifest/components/skeleton.json +1 -0
- package/manifest/components/stack.json +4 -4
- package/manifest/components/stat-band.json +68 -0
- package/manifest/components/stat.json +1 -1
- package/manifest/components/still-provider.json +60 -0
- package/manifest/components/switch.json +0 -1
- package/manifest/components/table.json +1 -1
- package/manifest/components/tabs.json +1 -0
- package/manifest/components/tags-input.json +1 -0
- package/manifest/components/theme-configurator.json +1 -0
- package/manifest/components/theme-provider.json +9 -4
- package/manifest/components/toast.json +1 -0
- package/manifest/components/tooltip.json +1 -1
- package/manifest/fixtures.json +18 -0
- package/manifest/manifest.json +267 -55
- package/manifest/tokens.json +91 -3
- package/package.json +4 -4
- package/dist/system/_paint-ground-pattern.js +0 -30
package/manifest/tokens.json
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 2,
|
|
3
3
|
"library": "@cueplusplus/tokens",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.19.0",
|
|
5
5
|
"themes": [
|
|
6
|
+
{
|
|
7
|
+
"name": "command",
|
|
8
|
+
"package": "@cueplusplus/theme-command",
|
|
9
|
+
"supportsLight": true,
|
|
10
|
+
"densities": [
|
|
11
|
+
"ultra-compact",
|
|
12
|
+
"compact",
|
|
13
|
+
"normal",
|
|
14
|
+
"large",
|
|
15
|
+
"ultra-large"
|
|
16
|
+
]
|
|
17
|
+
},
|
|
6
18
|
{
|
|
7
19
|
"name": "cue",
|
|
8
20
|
"package": "@cueplusplus/theme-cue",
|
|
@@ -63,6 +75,18 @@
|
|
|
63
75
|
"ultra-large"
|
|
64
76
|
]
|
|
65
77
|
},
|
|
78
|
+
{
|
|
79
|
+
"name": "ledger",
|
|
80
|
+
"package": "@cueplusplus/theme-ledger",
|
|
81
|
+
"supportsLight": true,
|
|
82
|
+
"densities": [
|
|
83
|
+
"ultra-compact",
|
|
84
|
+
"compact",
|
|
85
|
+
"normal",
|
|
86
|
+
"large",
|
|
87
|
+
"ultra-large"
|
|
88
|
+
]
|
|
89
|
+
},
|
|
66
90
|
{
|
|
67
91
|
"name": "luma",
|
|
68
92
|
"package": "@cueplusplus/theme-luma",
|
|
@@ -75,6 +99,18 @@
|
|
|
75
99
|
"ultra-large"
|
|
76
100
|
]
|
|
77
101
|
},
|
|
102
|
+
{
|
|
103
|
+
"name": "monolith",
|
|
104
|
+
"package": "@cueplusplus/theme-monolith",
|
|
105
|
+
"supportsLight": true,
|
|
106
|
+
"densities": [
|
|
107
|
+
"ultra-compact",
|
|
108
|
+
"compact",
|
|
109
|
+
"normal",
|
|
110
|
+
"large",
|
|
111
|
+
"ultra-large"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
78
114
|
{
|
|
79
115
|
"name": "porcelain",
|
|
80
116
|
"package": "@cueplusplus/theme-porcelain",
|
|
@@ -87,6 +123,18 @@
|
|
|
87
123
|
"ultra-large"
|
|
88
124
|
]
|
|
89
125
|
},
|
|
126
|
+
{
|
|
127
|
+
"name": "prism",
|
|
128
|
+
"package": "@cueplusplus/theme-prism",
|
|
129
|
+
"supportsLight": true,
|
|
130
|
+
"densities": [
|
|
131
|
+
"ultra-compact",
|
|
132
|
+
"compact",
|
|
133
|
+
"normal",
|
|
134
|
+
"large",
|
|
135
|
+
"ultra-large"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
90
138
|
{
|
|
91
139
|
"name": "quotamate",
|
|
92
140
|
"package": "@cueplusplus/theme-quotamate",
|
|
@@ -203,7 +251,8 @@
|
|
|
203
251
|
"office",
|
|
204
252
|
"inter-source",
|
|
205
253
|
"dm",
|
|
206
|
-
"calsans"
|
|
254
|
+
"calsans",
|
|
255
|
+
"fraunces-mono"
|
|
207
256
|
],
|
|
208
257
|
"modes": [
|
|
209
258
|
"dark",
|
|
@@ -307,6 +356,7 @@
|
|
|
307
356
|
"--cue-style-appbar-inset",
|
|
308
357
|
"--cue-style-avatar-edge",
|
|
309
358
|
"--cue-style-avatar-radius",
|
|
359
|
+
"--cue-style-band-ground-image",
|
|
310
360
|
"--cue-style-band-title-leading",
|
|
311
361
|
"--cue-style-band-title-size",
|
|
312
362
|
"--cue-style-band-title-weight",
|
|
@@ -362,10 +412,13 @@
|
|
|
362
412
|
"--cue-style-collapse-size",
|
|
363
413
|
"--cue-style-collapse-weight",
|
|
364
414
|
"--cue-style-control-case",
|
|
415
|
+
"--cue-style-control-cut",
|
|
416
|
+
"--cue-style-control-cut-clip",
|
|
365
417
|
"--cue-style-control-face",
|
|
366
418
|
"--cue-style-control-gap",
|
|
367
419
|
"--cue-style-control-label-leading",
|
|
368
420
|
"--cue-style-control-pad",
|
|
421
|
+
"--cue-style-control-radius",
|
|
369
422
|
"--cue-style-control-step-size",
|
|
370
423
|
"--cue-style-control-tracking",
|
|
371
424
|
"--cue-style-control-trim",
|
|
@@ -391,6 +444,7 @@
|
|
|
391
444
|
"--cue-style-disclosure-ink",
|
|
392
445
|
"--cue-style-disclosure-weight",
|
|
393
446
|
"--cue-style-display",
|
|
447
|
+
"--cue-style-display-case",
|
|
394
448
|
"--cue-style-display-face",
|
|
395
449
|
"--cue-style-display-variation",
|
|
396
450
|
"--cue-style-display-weight",
|
|
@@ -415,9 +469,13 @@
|
|
|
415
469
|
"--cue-style-focus-width",
|
|
416
470
|
"--cue-style-footer-rule",
|
|
417
471
|
"--cue-style-footer-rule-style",
|
|
472
|
+
"--cue-style-frame-lines",
|
|
473
|
+
"--cue-style-frame-lines-content",
|
|
418
474
|
"--cue-style-glyph-ink",
|
|
419
475
|
"--cue-style-glyph-opacity",
|
|
420
476
|
"--cue-style-glyph-size",
|
|
477
|
+
"--cue-style-grid-lines",
|
|
478
|
+
"--cue-style-grid-lines-content",
|
|
421
479
|
"--cue-style-group-gap",
|
|
422
480
|
"--cue-style-group-label-ink",
|
|
423
481
|
"--cue-style-group-label-pad",
|
|
@@ -432,6 +490,14 @@
|
|
|
432
490
|
"--cue-style-help-ink",
|
|
433
491
|
"--cue-style-help-leading",
|
|
434
492
|
"--cue-style-help-size",
|
|
493
|
+
"--cue-style-hero-align",
|
|
494
|
+
"--cue-style-hero-columns",
|
|
495
|
+
"--cue-style-hero-media-order",
|
|
496
|
+
"--cue-style-hero-title-clip-2",
|
|
497
|
+
"--cue-style-hero-title-fill-2",
|
|
498
|
+
"--cue-style-hero-title-ink-2",
|
|
499
|
+
"--cue-style-hero-title-size",
|
|
500
|
+
"--cue-style-hero-title-text-2",
|
|
435
501
|
"--cue-style-hover-card-width",
|
|
436
502
|
"--cue-style-hover-ink",
|
|
437
503
|
"--cue-style-inline-link-ink",
|
|
@@ -444,6 +510,7 @@
|
|
|
444
510
|
"--cue-style-kbd-pad",
|
|
445
511
|
"--cue-style-kbd-radius",
|
|
446
512
|
"--cue-style-kbd-size",
|
|
513
|
+
"--cue-style-keyword-fill",
|
|
447
514
|
"--cue-style-label-case",
|
|
448
515
|
"--cue-style-label-face",
|
|
449
516
|
"--cue-style-label-ink",
|
|
@@ -466,7 +533,13 @@
|
|
|
466
533
|
"--cue-style-menu-min-width",
|
|
467
534
|
"--cue-style-menu-separator-inset",
|
|
468
535
|
"--cue-style-meter-radius",
|
|
536
|
+
"--cue-style-motif-gloss",
|
|
537
|
+
"--cue-style-motif-halftone",
|
|
538
|
+
"--cue-style-motif-particles",
|
|
539
|
+
"--cue-style-motif-ribbon",
|
|
540
|
+
"--cue-style-motif-shown",
|
|
469
541
|
"--cue-style-nav-active-ground",
|
|
542
|
+
"--cue-style-nav-align",
|
|
470
543
|
"--cue-style-nav-caret-ink",
|
|
471
544
|
"--cue-style-nav-case",
|
|
472
545
|
"--cue-style-nav-face",
|
|
@@ -496,6 +569,10 @@
|
|
|
496
569
|
"--cue-style-page-current-edge",
|
|
497
570
|
"--cue-style-page-current-ground",
|
|
498
571
|
"--cue-style-page-current-rim",
|
|
572
|
+
"--cue-style-page-frame-position",
|
|
573
|
+
"--cue-style-page-ground-image",
|
|
574
|
+
"--cue-style-page-ground-repeat",
|
|
575
|
+
"--cue-style-page-ground-tile",
|
|
499
576
|
"--cue-style-page-title-face",
|
|
500
577
|
"--cue-style-page-title-leading",
|
|
501
578
|
"--cue-style-page-title-size",
|
|
@@ -508,6 +585,7 @@
|
|
|
508
585
|
"--cue-style-panel-rule",
|
|
509
586
|
"--cue-style-popover-pad",
|
|
510
587
|
"--cue-style-popover-width",
|
|
588
|
+
"--cue-style-primary-fill",
|
|
511
589
|
"--cue-style-prose-ink",
|
|
512
590
|
"--cue-style-prose-size",
|
|
513
591
|
"--cue-style-prose-tracking",
|
|
@@ -515,6 +593,8 @@
|
|
|
515
593
|
"--cue-style-radio-checked-ground",
|
|
516
594
|
"--cue-style-radio-dot-ink",
|
|
517
595
|
"--cue-style-radio-dot-size",
|
|
596
|
+
"--cue-style-rail-counter",
|
|
597
|
+
"--cue-style-rail-counter-content",
|
|
518
598
|
"--cue-style-row-block-pad",
|
|
519
599
|
"--cue-style-row-disabled-opacity",
|
|
520
600
|
"--cue-style-row-ink",
|
|
@@ -523,6 +603,7 @@
|
|
|
523
603
|
"--cue-style-scrollbar-size",
|
|
524
604
|
"--cue-style-scrollbar-thumb",
|
|
525
605
|
"--cue-style-seam-color",
|
|
606
|
+
"--cue-style-secondary-cut",
|
|
526
607
|
"--cue-style-secondary-edge",
|
|
527
608
|
"--cue-style-secondary-ground",
|
|
528
609
|
"--cue-style-secondary-hover-edge",
|
|
@@ -552,8 +633,10 @@
|
|
|
552
633
|
"--cue-style-stage-marks",
|
|
553
634
|
"--cue-style-stat-detail-leading",
|
|
554
635
|
"--cue-style-stat-detail-size",
|
|
636
|
+
"--cue-style-stat-divider",
|
|
555
637
|
"--cue-style-stat-gap",
|
|
556
638
|
"--cue-style-stat-leading",
|
|
639
|
+
"--cue-style-stat-numeral-ink",
|
|
557
640
|
"--cue-style-stat-size",
|
|
558
641
|
"--cue-style-stat-tracking",
|
|
559
642
|
"--cue-style-stat-weight",
|
|
@@ -563,6 +646,7 @@
|
|
|
563
646
|
"--cue-style-subheading-size",
|
|
564
647
|
"--cue-style-subheading-tracking",
|
|
565
648
|
"--cue-style-subheading-weight",
|
|
649
|
+
"--cue-style-surface-radius",
|
|
566
650
|
"--cue-style-switch-disabled-thumb",
|
|
567
651
|
"--cue-style-switch-edge",
|
|
568
652
|
"--cue-style-switch-thumb",
|
|
@@ -617,7 +701,11 @@
|
|
|
617
701
|
"tender",
|
|
618
702
|
"zine",
|
|
619
703
|
"kiln",
|
|
620
|
-
"porcelain"
|
|
704
|
+
"porcelain",
|
|
705
|
+
"ledger",
|
|
706
|
+
"command",
|
|
707
|
+
"monolith",
|
|
708
|
+
"prism"
|
|
621
709
|
],
|
|
622
710
|
"styleRootOnly": [
|
|
623
711
|
"--cue-leading-ui",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cueplusplus/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.0",
|
|
4
4
|
"description": "CUE++ design system components: Tailwind v4 styled wrappers over Base UI, driven by @cueplusplus/tokens.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -145,8 +145,8 @@
|
|
|
145
145
|
"clsx": "^2.1.1",
|
|
146
146
|
"culori": "^4.0.2",
|
|
147
147
|
"tailwind-merge": "^3.6.0",
|
|
148
|
-
"@cueplusplus/
|
|
149
|
-
"@cueplusplus/
|
|
148
|
+
"@cueplusplus/tokens": "0.19.0",
|
|
149
|
+
"@cueplusplus/theme-base": "^1.2.0"
|
|
150
150
|
},
|
|
151
151
|
"peerDependencies": {
|
|
152
152
|
"@assistant-ui/react": "^0.15.16",
|
|
@@ -260,8 +260,8 @@
|
|
|
260
260
|
"tsdown": "0.22.14",
|
|
261
261
|
"typescript": "^5.7.0",
|
|
262
262
|
"vitest": "^4.1.10",
|
|
263
|
+
"@cueplusplus/theme-tools": "1.2.0",
|
|
263
264
|
"@repo/docgen": "0.0.0",
|
|
264
|
-
"@cueplusplus/theme-tools": "1.1.0",
|
|
265
265
|
"@repo/eslint-config": "0.0.0",
|
|
266
266
|
"@repo/typescript-config": "0.0.0"
|
|
267
267
|
},
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
//#region src/system/_paint-ground-pattern.ts
|
|
2
|
-
/**
|
|
3
|
-
* A repeating pattern on a page-level ground.
|
|
4
|
-
*
|
|
5
|
-
* **Distinct from a texture, and the difference is the layer.** A texture is
|
|
6
|
-
* noise on a pseudo-element *over* the host (`_paint-texture.ts`); a ground
|
|
7
|
-
* pattern is a repeating geometry painted as the host's own `background-image`,
|
|
8
|
-
* beneath its content and beside its `background-color`. A page can carry both:
|
|
9
|
-
* a hatch under a grain.
|
|
10
|
-
*
|
|
11
|
-
* **It sets `background-image`, so a host that paints its own image cannot take
|
|
12
|
-
* it.** The two adopting surfaces paint a `background-color` only.
|
|
13
|
-
*
|
|
14
|
-
* **Its own module**, because `@repo/docgen` attributes a token by the file its
|
|
15
|
-
* class string lives in, including through a type-only import.
|
|
16
|
-
*
|
|
17
|
-
* **The ink is spent by the pack's own image, not here.** A pattern is a whole
|
|
18
|
-
* CSS `<image>` a pack writes, and `--cue-paint-ground-pattern-ink` is the name
|
|
19
|
-
* that image references — which is why §4 documents these four image slots as
|
|
20
|
-
* freezing their ink at the element the pack block sits on, and why they are
|
|
21
|
-
* page-level devices where that costs nothing measurable.
|
|
22
|
-
*
|
|
23
|
-
* At the default `--cue-paint-ground-pattern` is `none`, so the host paints
|
|
24
|
-
* exactly what it painted before.
|
|
25
|
-
*
|
|
26
|
-
* @internal Not part of the public API.
|
|
27
|
-
*/
|
|
28
|
-
const GROUND_PATTERN_CLASSES = "bg-[image:var(--cue-paint-ground-pattern)] bg-[length:var(--cue-paint-ground-pattern-size)]";
|
|
29
|
-
//#endregion
|
|
30
|
-
export { GROUND_PATTERN_CLASSES };
|