@cloudgrid-io/ui 0.33.0 → 0.34.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/README.md +25 -0
- package/dist/badge/css-live.d.ts +7 -4
- package/dist/badge/css-live.d.ts.map +1 -1
- package/dist/badge/css-live.js +9 -6
- package/dist/badge/css-live.js.map +1 -1
- package/dist/badge/palette.d.ts +1 -1
- package/dist/badge/palette.d.ts.map +1 -1
- package/dist/badge/palette.js +2 -1
- package/dist/badge/palette.js.map +1 -1
- package/dist/blocks/bar-chart.d.ts +97 -0
- package/dist/blocks/bar-chart.d.ts.map +1 -0
- package/dist/blocks/bar-chart.js +25 -0
- package/dist/blocks/bar-chart.js.map +1 -0
- package/dist/blocks/chart-parts.d.ts +101 -0
- package/dist/blocks/chart-parts.d.ts.map +1 -0
- package/dist/blocks/chart-parts.js +96 -0
- package/dist/blocks/chart-parts.js.map +1 -0
- package/dist/blocks/coming-soon-tag.d.ts +34 -0
- package/dist/blocks/coming-soon-tag.d.ts.map +1 -0
- package/dist/blocks/coming-soon-tag.js +37 -0
- package/dist/blocks/coming-soon-tag.js.map +1 -0
- package/dist/blocks/disabled-button.d.ts +43 -0
- package/dist/blocks/disabled-button.d.ts.map +1 -0
- package/dist/blocks/disabled-button.js +50 -0
- package/dist/blocks/disabled-button.js.map +1 -0
- package/dist/blocks/entity-card.d.ts.map +1 -1
- package/dist/blocks/entity-card.js +3 -1
- package/dist/blocks/entity-card.js.map +1 -1
- package/dist/blocks/full-screen-button.d.ts +9 -0
- package/dist/blocks/full-screen-button.d.ts.map +1 -0
- package/dist/blocks/full-screen-button.js +51 -0
- package/dist/blocks/full-screen-button.js.map +1 -0
- package/dist/blocks/icons.d.ts +30 -0
- package/dist/blocks/icons.d.ts.map +1 -1
- package/dist/blocks/icons.js +30 -0
- package/dist/blocks/icons.js.map +1 -1
- package/dist/blocks/meter.d.ts +57 -0
- package/dist/blocks/meter.d.ts.map +1 -0
- package/dist/blocks/meter.js +19 -0
- package/dist/blocks/meter.js.map +1 -0
- package/dist/blocks/notice.d.ts +87 -0
- package/dist/blocks/notice.d.ts.map +1 -0
- package/dist/blocks/notice.js +26 -0
- package/dist/blocks/notice.js.map +1 -0
- package/dist/blocks/pager.d.ts +76 -0
- package/dist/blocks/pager.d.ts.map +1 -0
- package/dist/blocks/pager.js +86 -0
- package/dist/blocks/pager.js.map +1 -0
- package/dist/blocks/phosphor-marks.d.ts +20 -0
- package/dist/blocks/phosphor-marks.d.ts.map +1 -1
- package/dist/blocks/phosphor-marks.js +30 -0
- package/dist/blocks/phosphor-marks.js.map +1 -1
- package/dist/blocks/ranked-list.d.ts +67 -0
- package/dist/blocks/ranked-list.d.ts.map +1 -0
- package/dist/blocks/ranked-list.js +32 -0
- package/dist/blocks/ranked-list.js.map +1 -0
- package/dist/blocks/side-nav.d.ts.map +1 -1
- package/dist/blocks/side-nav.js +3 -1
- package/dist/blocks/side-nav.js.map +1 -1
- package/dist/blocks/sign-in-options.d.ts.map +1 -1
- package/dist/blocks/sign-in-options.js +3 -1
- package/dist/blocks/sign-in-options.js.map +1 -1
- package/dist/blocks/stacked-bar.d.ts +64 -0
- package/dist/blocks/stacked-bar.d.ts.map +1 -0
- package/dist/blocks/stacked-bar.js +18 -0
- package/dist/blocks/stacked-bar.js.map +1 -0
- package/dist/blocks/stat-tile.d.ts +42 -1
- package/dist/blocks/stat-tile.d.ts.map +1 -1
- package/dist/blocks/stat-tile.js +23 -4
- package/dist/blocks/stat-tile.js.map +1 -1
- package/dist/blocks/tab-bar.d.ts.map +1 -1
- package/dist/blocks/tab-bar.js +3 -1
- package/dist/blocks/tab-bar.js.map +1 -1
- package/dist/blocks/timeline.d.ts +53 -0
- package/dist/blocks/timeline.d.ts.map +1 -0
- package/dist/blocks/timeline.js +18 -0
- package/dist/blocks/timeline.js.map +1 -0
- package/dist/blocks/tool-setup.d.ts.map +1 -1
- package/dist/blocks/tool-setup.js +3 -1
- package/dist/blocks/tool-setup.js.map +1 -1
- package/dist/blocks/trend.d.ts +33 -0
- package/dist/blocks/trend.d.ts.map +1 -0
- package/dist/blocks/trend.js +13 -0
- package/dist/blocks/trend.js.map +1 -0
- package/dist/claim-banner/css.d.ts +39 -0
- package/dist/claim-banner/css.d.ts.map +1 -0
- package/dist/claim-banner/css.js +87 -0
- package/dist/claim-banner/css.js.map +1 -0
- package/dist/claim-banner/index.d.ts +122 -0
- package/dist/claim-banner/index.d.ts.map +1 -0
- package/dist/claim-banner/index.js +135 -0
- package/dist/claim-banner/index.js.map +1 -0
- package/dist/docs.css +466 -0
- package/dist/expressive-code-palette.d.ts +5 -0
- package/dist/expressive-code-palette.d.ts.map +1 -0
- package/dist/expressive-code-palette.js +10 -0
- package/dist/expressive-code-palette.js.map +1 -0
- package/dist/expressive-code.d.ts +57 -0
- package/dist/expressive-code.d.ts.map +1 -0
- package/dist/expressive-code.js +101 -0
- package/dist/expressive-code.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -1
- package/dist/tokens/base.json +13 -0
- package/dist/tokens/surface-ink.json +13 -0
- package/dist/tokens/surface-panel.json +13 -0
- package/dist/tokens.css +36 -0
- package/dist/tokens.json +6 -3
- package/dist/ui/card.d.ts +23 -2
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +16 -5
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/drawer.d.ts +37 -6
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +31 -7
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/input-group.d.ts.map +1 -1
- package/dist/ui/input-group.js +3 -1
- package/dist/ui/input-group.js.map +1 -1
- package/package.json +18 -3
package/dist/index.d.ts
CHANGED
|
@@ -28,14 +28,18 @@ export * from "./ui/textarea.js";
|
|
|
28
28
|
export * from "./ui/tooltip.js";
|
|
29
29
|
export * from "./blocks/agent-prompt.js";
|
|
30
30
|
export * from "./blocks/avatar.js";
|
|
31
|
+
export * from "./blocks/bar-chart.js";
|
|
31
32
|
export * from "./blocks/card-grid.js";
|
|
32
33
|
export * from "./blocks/celebration.js";
|
|
34
|
+
export * from "./blocks/chart-parts.js";
|
|
33
35
|
export * from "./blocks/cloudgrid-install.js";
|
|
36
|
+
export * from "./blocks/coming-soon-tag.js";
|
|
34
37
|
export * from "./blocks/command-field.js";
|
|
35
38
|
export * from "./blocks/compare-table.js";
|
|
36
39
|
export * from "./blocks/confirm-delete-dialog.js";
|
|
37
40
|
export * from "./blocks/creation-tile.js";
|
|
38
41
|
export * from "./blocks/cta-banner.js";
|
|
42
|
+
export * from "./blocks/disabled-button.js";
|
|
39
43
|
export * from "./blocks/drop-zone.js";
|
|
40
44
|
export * from "./blocks/empty-creations.js";
|
|
41
45
|
export * from "./blocks/entity-card.js";
|
|
@@ -45,31 +49,39 @@ export * from "./blocks/eyebrow.js";
|
|
|
45
49
|
export * from "./blocks/expiry-notice.js";
|
|
46
50
|
export * from "./blocks/feature-cells.js";
|
|
47
51
|
export * from "./blocks/feed-post.js";
|
|
52
|
+
export * from "./blocks/full-screen-button.js";
|
|
48
53
|
export * from "./blocks/hub-index.js";
|
|
49
54
|
export * from "./blocks/install-content.js";
|
|
50
55
|
export * from "./blocks/icons.js";
|
|
51
56
|
export * from "./blocks/logo.js";
|
|
57
|
+
export * from "./blocks/meter.js";
|
|
58
|
+
export * from "./blocks/notice.js";
|
|
52
59
|
export * from "./blocks/notification-row.js";
|
|
53
60
|
export * from "./blocks/onboarding-question.js";
|
|
54
61
|
export * from "./blocks/option-card.js";
|
|
55
62
|
export * from "./blocks/page-heading.js";
|
|
63
|
+
export * from "./blocks/pager.js";
|
|
56
64
|
export * from "./blocks/phosphor-marks.js";
|
|
57
65
|
export * from "./blocks/pricing-tier-cards.js";
|
|
58
66
|
export * from "./blocks/pricing-tiers.js";
|
|
59
67
|
export * from "./blocks/prompt-block.js";
|
|
60
68
|
export * from "./blocks/quote.js";
|
|
69
|
+
export * from "./blocks/ranked-list.js";
|
|
61
70
|
export * from "./blocks/rich-text.js";
|
|
62
71
|
export * from "./blocks/shelf.js";
|
|
63
72
|
export * from "./blocks/showcase-scroll.js";
|
|
64
73
|
export * from "./blocks/side-nav.js";
|
|
65
74
|
export * from "./blocks/sign-in-options.js";
|
|
75
|
+
export * from "./blocks/stacked-bar.js";
|
|
66
76
|
export * from "./blocks/stage-panel.js";
|
|
67
77
|
export * from "./blocks/stat-tile.js";
|
|
68
78
|
export * from "./blocks/step-item.js";
|
|
69
79
|
export * from "./blocks/tab-bar.js";
|
|
80
|
+
export * from "./blocks/timeline.js";
|
|
70
81
|
export * from "./blocks/token-specimen.js";
|
|
71
82
|
export * from "./blocks/tool-logo.js";
|
|
72
83
|
export * from "./blocks/tool-setup.js";
|
|
73
84
|
export * from "./blocks/tool-marks.js";
|
|
85
|
+
export * from "./blocks/trend.js";
|
|
74
86
|
export * from "./lib/cloudgrid-cn.js";
|
|
75
87
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -45,14 +45,18 @@ export * from "./ui/tooltip.js";
|
|
|
45
45
|
// Composed blocks.
|
|
46
46
|
export * from "./blocks/agent-prompt.js";
|
|
47
47
|
export * from "./blocks/avatar.js";
|
|
48
|
+
export * from "./blocks/bar-chart.js";
|
|
48
49
|
export * from "./blocks/card-grid.js";
|
|
49
50
|
export * from "./blocks/celebration.js";
|
|
51
|
+
export * from "./blocks/chart-parts.js";
|
|
50
52
|
export * from "./blocks/cloudgrid-install.js";
|
|
53
|
+
export * from "./blocks/coming-soon-tag.js";
|
|
51
54
|
export * from "./blocks/command-field.js";
|
|
52
55
|
export * from "./blocks/compare-table.js";
|
|
53
56
|
export * from "./blocks/confirm-delete-dialog.js";
|
|
54
57
|
export * from "./blocks/creation-tile.js";
|
|
55
58
|
export * from "./blocks/cta-banner.js";
|
|
59
|
+
export * from "./blocks/disabled-button.js";
|
|
56
60
|
export * from "./blocks/drop-zone.js";
|
|
57
61
|
export * from "./blocks/empty-creations.js";
|
|
58
62
|
export * from "./blocks/entity-card.js";
|
|
@@ -62,32 +66,40 @@ export * from "./blocks/eyebrow.js";
|
|
|
62
66
|
export * from "./blocks/expiry-notice.js";
|
|
63
67
|
export * from "./blocks/feature-cells.js";
|
|
64
68
|
export * from "./blocks/feed-post.js";
|
|
69
|
+
export * from "./blocks/full-screen-button.js";
|
|
65
70
|
export * from "./blocks/hub-index.js";
|
|
66
71
|
export * from "./blocks/install-content.js";
|
|
67
72
|
export * from "./blocks/icons.js";
|
|
68
73
|
export * from "./blocks/logo.js";
|
|
74
|
+
export * from "./blocks/meter.js";
|
|
75
|
+
export * from "./blocks/notice.js";
|
|
69
76
|
export * from "./blocks/notification-row.js";
|
|
70
77
|
export * from "./blocks/onboarding-question.js";
|
|
71
78
|
export * from "./blocks/option-card.js";
|
|
72
79
|
export * from "./blocks/page-heading.js";
|
|
80
|
+
export * from "./blocks/pager.js";
|
|
73
81
|
export * from "./blocks/phosphor-marks.js";
|
|
74
82
|
export * from "./blocks/pricing-tier-cards.js";
|
|
75
83
|
export * from "./blocks/pricing-tiers.js";
|
|
76
84
|
export * from "./blocks/prompt-block.js";
|
|
77
85
|
export * from "./blocks/quote.js";
|
|
86
|
+
export * from "./blocks/ranked-list.js";
|
|
78
87
|
export * from "./blocks/rich-text.js";
|
|
79
88
|
export * from "./blocks/shelf.js";
|
|
80
89
|
export * from "./blocks/showcase-scroll.js";
|
|
81
90
|
export * from "./blocks/side-nav.js";
|
|
82
91
|
export * from "./blocks/sign-in-options.js";
|
|
92
|
+
export * from "./blocks/stacked-bar.js";
|
|
83
93
|
export * from "./blocks/stage-panel.js";
|
|
84
94
|
export * from "./blocks/stat-tile.js";
|
|
85
95
|
export * from "./blocks/step-item.js";
|
|
86
96
|
export * from "./blocks/tab-bar.js";
|
|
97
|
+
export * from "./blocks/timeline.js";
|
|
87
98
|
export * from "./blocks/token-specimen.js";
|
|
88
99
|
export * from "./blocks/tool-logo.js";
|
|
89
100
|
export * from "./blocks/tool-setup.js";
|
|
90
101
|
export * from "./blocks/tool-marks.js";
|
|
102
|
+
export * from "./blocks/trend.js";
|
|
91
103
|
// The class-merge helper, which the components use and consumers may too.
|
|
92
104
|
export * from "./lib/cloudgrid-cn.js";
|
|
93
105
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/tokens/base.json
CHANGED
|
@@ -2021,5 +2021,18 @@
|
|
|
2021
2021
|
}
|
|
2022
2022
|
}
|
|
2023
2023
|
}
|
|
2024
|
+
},
|
|
2025
|
+
"data": {
|
|
2026
|
+
"$description": "The colours a chart paints its data in, as distinct from the brand hues they come from (#332,\nfounder ruling 2026-10-19). A mark that carries a value must hold 3:1 against its ground (WCAG\n1.4.11), and the brand cyan does not on a light one:\n\n #60e9f0 on the card #ffffff : 1.46:1\n #60e9f0 on the page ground #f1f1f6 : 1.29:1\n\nSo data gets its own token, which flips per surface, and the brand cyan keeps its value\neverywhere else. The first series needs none: it is --cg-text-accent, which already flips\n(purple, white, lime).",
|
|
2027
|
+
"data-cyan": {
|
|
2028
|
+
"$value": "#0a959b",
|
|
2029
|
+
"$type": "color",
|
|
2030
|
+
"$description": "The second data series (StackedBar's Output part). The brand cyan's hue, walked down in OKLCH\nlightness (L 0.862 to 0.610, chroma 0.118 to 0.102 to stay in gamut, hue -160.1) until the\nlightest ground a chart sits on clears 3:1 with margin, the practice --cg-accent's note records:\n\n #0a959b on the card #ffffff : 3.63:1\n #0a959b on the page ground #f1f1f6 : 3.22:1\n #0a959b on --cg-neutral-50 #f4f6f8 : 3.35:1\n\nThe first passing step on that ray, #039ba1, cleared the page ground by 0.01; this one holds\n0.22. Inside the panel and ink scopes it is the brand cyan itself, which already clears\n(4.01:1 on #5a47f0, 10.92:1 on #222222). A data colour, never text.",
|
|
2031
|
+
"$extensions": {
|
|
2032
|
+
"io.cloudgrid": {
|
|
2033
|
+
"css": "--cg-data-cyan"
|
|
2034
|
+
}
|
|
2035
|
+
}
|
|
2036
|
+
}
|
|
2024
2037
|
}
|
|
2025
2038
|
}
|
|
@@ -359,5 +359,18 @@
|
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
+
},
|
|
363
|
+
"data": {
|
|
364
|
+
"$description": "data: ink's answer is the brand cyan itself.",
|
|
365
|
+
"data-cyan": {
|
|
366
|
+
"$value": "{brand.tertiary}",
|
|
367
|
+
"$type": "color",
|
|
368
|
+
"$description": "The brand cyan: 10.92:1 on ink #222222.",
|
|
369
|
+
"$extensions": {
|
|
370
|
+
"io.cloudgrid": {
|
|
371
|
+
"css": "--cg-data-cyan"
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
}
|
|
362
375
|
}
|
|
363
376
|
}
|
|
@@ -345,5 +345,18 @@
|
|
|
345
345
|
}
|
|
346
346
|
}
|
|
347
347
|
}
|
|
348
|
+
},
|
|
349
|
+
"data": {
|
|
350
|
+
"$description": "data: the panel's answer is the brand cyan itself.",
|
|
351
|
+
"data-cyan": {
|
|
352
|
+
"$value": "{brand.tertiary}",
|
|
353
|
+
"$type": "color",
|
|
354
|
+
"$description": "The brand cyan: 4.01:1 on the panel's #5a47f0, so the data shade is not needed here.",
|
|
355
|
+
"$extensions": {
|
|
356
|
+
"io.cloudgrid": {
|
|
357
|
+
"css": "--cg-data-cyan"
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
}
|
|
348
361
|
}
|
|
349
362
|
}
|
package/dist/tokens.css
CHANGED
|
@@ -1597,6 +1597,31 @@
|
|
|
1597
1597
|
"Secondary2 30" style, which is the nearest thing in the same set to the two
|
|
1598
1598
|
above. Founder may veto (#196). */
|
|
1599
1599
|
--cg-kind-agent: #d1c9ff;
|
|
1600
|
+
|
|
1601
|
+
/* ---- data ----
|
|
1602
|
+
The colours a chart paints its data in, as distinct from the brand hues they come from (#332,
|
|
1603
|
+
founder ruling 2026-10-19). A mark that carries a value must hold 3:1 against its ground (WCAG
|
|
1604
|
+
1.4.11), and the brand cyan does not on a light one:
|
|
1605
|
+
|
|
1606
|
+
#60e9f0 on the card #ffffff : 1.46:1
|
|
1607
|
+
#60e9f0 on the page ground #f1f1f6 : 1.29:1
|
|
1608
|
+
|
|
1609
|
+
So data gets its own token, which flips per surface, and the brand cyan keeps its value
|
|
1610
|
+
everywhere else. The first series needs none: it is --cg-text-accent, which already flips
|
|
1611
|
+
(purple, white, lime). */
|
|
1612
|
+
/*
|
|
1613
|
+
The second data series (StackedBar's Output part). The brand cyan's hue, walked down in OKLCH
|
|
1614
|
+
lightness (L 0.862 to 0.610, chroma 0.118 to 0.102 to stay in gamut, hue -160.1) until the
|
|
1615
|
+
lightest ground a chart sits on clears 3:1 with margin, the practice --cg-accent's note records:
|
|
1616
|
+
|
|
1617
|
+
#0a959b on the card #ffffff : 3.63:1
|
|
1618
|
+
#0a959b on the page ground #f1f1f6 : 3.22:1
|
|
1619
|
+
#0a959b on --cg-neutral-50 #f4f6f8 : 3.35:1
|
|
1620
|
+
|
|
1621
|
+
The first passing step on that ray, #039ba1, cleared the page ground by 0.01; this one holds
|
|
1622
|
+
0.22. Inside the panel and ink scopes it is the brand cyan itself, which already clears
|
|
1623
|
+
(4.01:1 on #5a47f0, 10.92:1 on #222222). A data colour, never text. */
|
|
1624
|
+
--cg-data-cyan: #0a959b;
|
|
1600
1625
|
}
|
|
1601
1626
|
|
|
1602
1627
|
[data-cg-surface='panel'] {
|
|
@@ -1715,6 +1740,12 @@
|
|
|
1715
1740
|
than as a grey cast on it. */
|
|
1716
1741
|
--cg-shadow-tile: 0 1px 2px rgba(24, 12, 110, 0.16), 0 6px 16px -4px rgba(24, 12, 110, 0.26);
|
|
1717
1742
|
--cg-shadow-tile-hover: 0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42);
|
|
1743
|
+
|
|
1744
|
+
/* ---- data ----
|
|
1745
|
+
data: the panel's answer is the brand cyan itself. */
|
|
1746
|
+
/*
|
|
1747
|
+
The brand cyan: 4.01:1 on the panel's #5a47f0, so the data shade is not needed here. */
|
|
1748
|
+
--cg-data-cyan: var(--cg-tertiary);
|
|
1718
1749
|
}
|
|
1719
1750
|
|
|
1720
1751
|
[data-cg-surface='ink'] {
|
|
@@ -1812,4 +1843,9 @@
|
|
|
1812
1843
|
does not inherit the panel's violet. */
|
|
1813
1844
|
--cg-shadow-tile: var(--cg-shadow-card);
|
|
1814
1845
|
--cg-shadow-tile-hover: var(--cg-shadow-hover);
|
|
1846
|
+
|
|
1847
|
+
/* ---- data ----
|
|
1848
|
+
data: ink's answer is the brand cyan itself. */
|
|
1849
|
+
/* The brand cyan: 10.92:1 on ink #222222. */
|
|
1850
|
+
--cg-data-cyan: var(--cg-tertiary);
|
|
1815
1851
|
}
|
package/dist/tokens.json
CHANGED
|
@@ -211,7 +211,8 @@
|
|
|
211
211
|
"--cg-hover": "rgba(34, 34, 34, 0.045)",
|
|
212
212
|
"--cg-kind-inspiration": "#fae4b3",
|
|
213
213
|
"--cg-kind-app": "#dffbfc",
|
|
214
|
-
"--cg-kind-agent": "#d1c9ff"
|
|
214
|
+
"--cg-kind-agent": "#d1c9ff",
|
|
215
|
+
"--cg-data-cyan": "#0a959b"
|
|
215
216
|
},
|
|
216
217
|
"panel": {
|
|
217
218
|
"--cg-text-primary": "#ffffff",
|
|
@@ -249,7 +250,8 @@
|
|
|
249
250
|
"--cg-danger-strong": "var(--cg-text-primary)",
|
|
250
251
|
"--cg-hover": "rgba(255, 255, 255, 0.10)",
|
|
251
252
|
"--cg-shadow-tile": "0 1px 2px rgba(24, 12, 110, 0.16), 0 6px 16px -4px rgba(24, 12, 110, 0.26)",
|
|
252
|
-
"--cg-shadow-tile-hover": "0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42)"
|
|
253
|
+
"--cg-shadow-tile-hover": "0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42)",
|
|
254
|
+
"--cg-data-cyan": "var(--cg-tertiary)"
|
|
253
255
|
},
|
|
254
256
|
"ink": {
|
|
255
257
|
"--cg-text-primary": "#ffffff",
|
|
@@ -289,7 +291,8 @@
|
|
|
289
291
|
"--cg-danger-strong": "var(--cg-text-primary)",
|
|
290
292
|
"--cg-hover": "rgba(255, 255, 255, 0.06)",
|
|
291
293
|
"--cg-shadow-tile": "var(--cg-shadow-card)",
|
|
292
|
-
"--cg-shadow-tile-hover": "var(--cg-shadow-hover)"
|
|
294
|
+
"--cg-shadow-tile-hover": "var(--cg-shadow-hover)",
|
|
295
|
+
"--cg-data-cyan": "var(--cg-tertiary)"
|
|
293
296
|
}
|
|
294
297
|
}
|
|
295
298
|
}
|
package/dist/ui/card.d.ts
CHANGED
|
@@ -1,9 +1,30 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* `example` (#334, Figma 10789:8587): the card shows illustrative values for a
|
|
4
|
+
* feature that is not built yet. Everything in `CardContent` is set in the
|
|
5
|
+
* strong muted rung (`--cg-text-muted-strong`); the header, and anything that
|
|
6
|
+
* paints its own colour (a chart's bars), is untouched. There is no "Example
|
|
7
|
+
* data" line, by founder ruling: the card says it is a preview with a
|
|
8
|
+
* `ComingSoonTag` in `CardAction`. A `StatTile` inside paints its own ink, so
|
|
9
|
+
* give it `example` too.
|
|
10
|
+
*/
|
|
11
|
+
declare function Card({ className, size, example, ...props }: React.ComponentProps<"div"> & {
|
|
3
12
|
size?: "default" | "sm";
|
|
13
|
+
example?: boolean;
|
|
4
14
|
}): React.JSX.Element;
|
|
5
15
|
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
6
|
-
|
|
16
|
+
/**
|
|
17
|
+
* The title's face. `heading` (the default, unchanged) is `font-heading`, the
|
|
18
|
+
* display face, Tanker, which is capitals by design. `body` is the brand's
|
|
19
|
+
* running-text face (`font-body`, Space Grotesk) in whatever case the words
|
|
20
|
+
* are written, which is what the App page v2 frames draw ("Creation Details",
|
|
21
|
+
* "Most used by", "Views over time"; founder ruling 2026-10-19). Only the face
|
|
22
|
+
* changes; size, leading and weight are the title's own.
|
|
23
|
+
*/
|
|
24
|
+
export type CardTitleFace = "heading" | "body";
|
|
25
|
+
declare function CardTitle({ face, className, ...props }: React.ComponentProps<"div"> & {
|
|
26
|
+
face?: CardTitleFace;
|
|
27
|
+
}): React.JSX.Element;
|
|
7
28
|
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
29
|
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
9
30
|
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
package/dist/ui/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;GAQG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAa9E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAA;AAE9C,iBAAS,SAAS,CAAC,EACjB,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,aAAa,CAAA;CAAE,qBAcxD;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
|
package/dist/ui/card.js
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { cn } from "../lib/cloudgrid-cn.js";
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
/**
|
|
5
|
+
* `example` (#334, Figma 10789:8587): the card shows illustrative values for a
|
|
6
|
+
* feature that is not built yet. Everything in `CardContent` is set in the
|
|
7
|
+
* strong muted rung (`--cg-text-muted-strong`); the header, and anything that
|
|
8
|
+
* paints its own colour (a chart's bars), is untouched. There is no "Example
|
|
9
|
+
* data" line, by founder ruling: the card says it is a preview with a
|
|
10
|
+
* `ComingSoonTag` in `CardAction`. A `StatTile` inside paints its own ink, so
|
|
11
|
+
* give it `example` too.
|
|
12
|
+
*/
|
|
13
|
+
function Card({ className, size = "default", example, ...props }) {
|
|
14
|
+
return (_jsx("div", { "data-slot": "card", "data-size": size, "data-example": example ? "" : undefined, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-body-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
|
|
6
15
|
}
|
|
7
16
|
function CardHeader({ className, ...props }) {
|
|
8
17
|
return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));
|
|
9
18
|
}
|
|
10
|
-
function CardTitle({ className, ...props }) {
|
|
11
|
-
return (_jsx("div", { "data-slot": "card-title",
|
|
19
|
+
function CardTitle({ face = "heading", className, ...props }) {
|
|
20
|
+
return (_jsx("div", { "data-slot": "card-title", "data-face": face === "body" ? "body" : undefined, className: cn(face === "body"
|
|
21
|
+
? "font-body text-body-md leading-snug font-medium group-data-[size=sm]/card:text-body-sm"
|
|
22
|
+
: "font-heading text-body-md leading-snug font-medium group-data-[size=sm]/card:text-body-sm", className), ...props }));
|
|
12
23
|
}
|
|
13
24
|
function CardDescription({ className, ...props }) {
|
|
14
25
|
return (_jsx("div", { "data-slot": "card-description", className: cn("text-body-sm text-muted-foreground", className), ...props }));
|
|
@@ -17,7 +28,7 @@ function CardAction({ className, ...props }) {
|
|
|
17
28
|
return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
|
|
18
29
|
}
|
|
19
30
|
function CardContent({ className, ...props }) {
|
|
20
|
-
return (_jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props }));
|
|
31
|
+
return (_jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing) group-data-example/card:text-faint-strong", className), ...props }));
|
|
21
32
|
}
|
|
22
33
|
function CardFooter({ className, ...props }) {
|
|
23
34
|
return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)", className), ...props }));
|
package/dist/ui/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;GAQG;AACH,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,GAAG,KAAK,EACqE;IAC7E,OAAO,CACL,2BACY,MAAM,eACL,IAAI,kBACD,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACtC,SAAS,EAAE,EAAE,CACX,2ZAA2Z,EAC3Z,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wPAAwP,EACxP,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAYD,SAAS,SAAS,CAAC,EACjB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACL,2BACY,YAAY,eACX,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,SAAS,EAAE,EAAE,CACX,IAAI,KAAK,MAAM;YACb,CAAC,CAAC,wFAAwF;YAC1F,CAAC,CAAC,2FAA2F,EAC/F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KACrF,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
|
package/dist/ui/drawer.d.ts
CHANGED
|
@@ -50,9 +50,19 @@ import { type VariantProps } from "class-variance-authority";
|
|
|
50
50
|
* three of the five shipped drawers, `max-w-lg` on the newest. #694's own frame
|
|
51
51
|
* is 525 of 1600, which is `lg` to the nearest rung.
|
|
52
52
|
*
|
|
53
|
-
* There
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* There was deliberately no third rung until a frame needed one: a wider one
|
|
54
|
+
* with nothing behind it would have been a worker inventing a brand decision.
|
|
55
|
+
*
|
|
56
|
+
* xl 1152px max-w-6xl
|
|
57
|
+
*
|
|
58
|
+
* The App page v2 side panel (#331, Figma 10789:8587, founder-approved
|
|
59
|
+
* 2026-10-18) is the frame: "Creation Details" opened over My Creations,
|
|
60
|
+
* 1143px of a 1600px design, holding the App page's own sidebar and its
|
|
61
|
+
* content. That is the designer's "about 1143px", and `max-w-6xl` is the
|
|
62
|
+
* Tailwind rung 9px from it, chosen over an arbitrary `max-w-[1143px]` for the
|
|
63
|
+
* reason `md` and `lg` are rungs: a drawer width is a step on a ladder, not a
|
|
64
|
+
* measurement copied to the pixel. Below 1152px it fills the screen like the
|
|
65
|
+
* other two.
|
|
56
66
|
*
|
|
57
67
|
* `size` is the INLINE width and applies to `left` and `right` only. A bottom
|
|
58
68
|
* sheet is full width, which is what `PlugSheet` already does.
|
|
@@ -142,7 +152,7 @@ declare const drawerViewportVariants: (props?: ({
|
|
|
142
152
|
*/
|
|
143
153
|
declare const drawerPopupVariants: (props?: ({
|
|
144
154
|
side?: "bottom" | "left" | "right" | null | undefined;
|
|
145
|
-
size?: "lg" | "md" | null | undefined;
|
|
155
|
+
size?: "lg" | "md" | "xl" | null | undefined;
|
|
146
156
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
147
157
|
declare function Drawer({ modal, ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
|
|
148
158
|
declare function DrawerTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
|
|
@@ -174,13 +184,23 @@ declare function DrawerContent({ side, size, container, className, children, ...
|
|
|
174
184
|
* `aria-labelledby` needs no wiring: `DrawerTitle` is Base UI's `Dialog.Title`,
|
|
175
185
|
* which registers its own id on the popup. Passing `title` rather than leaving it
|
|
176
186
|
* to the caller is what guarantees every drawer has one.
|
|
187
|
+
*
|
|
188
|
+
* `actions` (#331) is the row of controls the App page side panel draws between
|
|
189
|
+
* its title and the close glyph: Visibility, Open app, the menu, and Full
|
|
190
|
+
* screen. They sit in the title row, close is always last, and the row wraps
|
|
191
|
+
* when the sheet is narrower than its contents. Leave it out and the header
|
|
192
|
+
* renders exactly what it did before.
|
|
177
193
|
*/
|
|
178
|
-
declare function DrawerHeader({ title, description, closeLabel, showCloseButton, className, children, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
|
|
194
|
+
declare function DrawerHeader({ title, description, closeLabel, showCloseButton, actions, titleFace, className, children, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
|
|
179
195
|
title: React.ReactNode;
|
|
180
196
|
description?: React.ReactNode;
|
|
181
197
|
/** The close button's accessible name. "Close user details" beats "Close". */
|
|
182
198
|
closeLabel?: string;
|
|
183
199
|
showCloseButton?: boolean;
|
|
200
|
+
/** Controls in the title row, before the close button. */
|
|
201
|
+
actions?: React.ReactNode;
|
|
202
|
+
/** The title's face; see `DrawerTitle`. "body" for the App page's sentence-case title. */
|
|
203
|
+
titleFace?: DrawerTitleFace;
|
|
184
204
|
}): React.JSX.Element;
|
|
185
205
|
/**
|
|
186
206
|
* The scrolling half.
|
|
@@ -202,7 +222,18 @@ declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">
|
|
|
202
222
|
* text reads as part of the text.
|
|
203
223
|
*/
|
|
204
224
|
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
205
|
-
|
|
225
|
+
/**
|
|
226
|
+
* The title's face. `heading` (the default, unchanged) is `font-heading`, the
|
|
227
|
+
* display face, Tanker, which is capitals by design. `body` is the brand's
|
|
228
|
+
* running-text face (`font-body`, Space Grotesk) in whatever case the words
|
|
229
|
+
* are written, which is what the App page v2 frames draw ("Creation Details",
|
|
230
|
+
* "Most used by", "Views over time"; founder ruling 2026-10-19). Only the face
|
|
231
|
+
* changes; size, leading and weight are the title's own.
|
|
232
|
+
*/
|
|
233
|
+
export type DrawerTitleFace = "heading" | "body";
|
|
234
|
+
declare function DrawerTitle({ face, className, ...props }: DialogPrimitive.Title.Props & {
|
|
235
|
+
face?: DrawerTitleFace;
|
|
236
|
+
}): React.JSX.Element;
|
|
206
237
|
declare function DrawerDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
|
|
207
238
|
export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerPopupVariants, drawerViewportVariants, };
|
|
208
239
|
//# sourceMappingURL=drawer.d.ts.map
|
package/dist/ui/drawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/drawer.js
CHANGED
|
@@ -55,9 +55,19 @@ import { CloseIcon } from "../blocks/icons.js";
|
|
|
55
55
|
* three of the five shipped drawers, `max-w-lg` on the newest. #694's own frame
|
|
56
56
|
* is 525 of 1600, which is `lg` to the nearest rung.
|
|
57
57
|
*
|
|
58
|
-
* There
|
|
59
|
-
*
|
|
60
|
-
*
|
|
58
|
+
* There was deliberately no third rung until a frame needed one: a wider one
|
|
59
|
+
* with nothing behind it would have been a worker inventing a brand decision.
|
|
60
|
+
*
|
|
61
|
+
* xl 1152px max-w-6xl
|
|
62
|
+
*
|
|
63
|
+
* The App page v2 side panel (#331, Figma 10789:8587, founder-approved
|
|
64
|
+
* 2026-10-18) is the frame: "Creation Details" opened over My Creations,
|
|
65
|
+
* 1143px of a 1600px design, holding the App page's own sidebar and its
|
|
66
|
+
* content. That is the designer's "about 1143px", and `max-w-6xl` is the
|
|
67
|
+
* Tailwind rung 9px from it, chosen over an arbitrary `max-w-[1143px]` for the
|
|
68
|
+
* reason `md` and `lg` are rungs: a drawer width is a step on a ladder, not a
|
|
69
|
+
* measurement copied to the pixel. Below 1152px it fills the screen like the
|
|
70
|
+
* other two.
|
|
61
71
|
*
|
|
62
72
|
* `size` is the INLINE width and applies to `left` and `right` only. A bottom
|
|
63
73
|
* sheet is full width, which is what `PlugSheet` already does.
|
|
@@ -172,6 +182,7 @@ const drawerPopupVariants = cva([
|
|
|
172
182
|
size: {
|
|
173
183
|
md: "max-w-md",
|
|
174
184
|
lg: "max-w-lg",
|
|
185
|
+
xl: "max-w-6xl",
|
|
175
186
|
},
|
|
176
187
|
},
|
|
177
188
|
compoundVariants: [
|
|
@@ -179,6 +190,7 @@ const drawerPopupVariants = cva([
|
|
|
179
190
|
// edge the inline axis is the whole screen.
|
|
180
191
|
{ side: "bottom", size: "md", class: "max-w-none" },
|
|
181
192
|
{ side: "bottom", size: "lg", class: "max-w-none" },
|
|
193
|
+
{ side: "bottom", size: "xl", class: "max-w-none" },
|
|
182
194
|
],
|
|
183
195
|
defaultVariants: {
|
|
184
196
|
side: "right",
|
|
@@ -235,9 +247,19 @@ function DrawerContent({ side = "right", size = "md", container, className, chil
|
|
|
235
247
|
* `aria-labelledby` needs no wiring: `DrawerTitle` is Base UI's `Dialog.Title`,
|
|
236
248
|
* which registers its own id on the popup. Passing `title` rather than leaving it
|
|
237
249
|
* to the caller is what guarantees every drawer has one.
|
|
250
|
+
*
|
|
251
|
+
* `actions` (#331) is the row of controls the App page side panel draws between
|
|
252
|
+
* its title and the close glyph: Visibility, Open app, the menu, and Full
|
|
253
|
+
* screen. They sit in the title row, close is always last, and the row wraps
|
|
254
|
+
* when the sheet is narrower than its contents. Leave it out and the header
|
|
255
|
+
* renders exactly what it did before.
|
|
238
256
|
*/
|
|
239
|
-
function DrawerHeader({ title, description, closeLabel = "Close", showCloseButton = true, className, children, ...props }) {
|
|
240
|
-
return (_jsxs("div", { "data-slot": "drawer-header", className: cn("flex shrink-0 flex-col gap-2 px-6 pt-5 pb-4", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(DrawerTitle, { children: title }),
|
|
257
|
+
function DrawerHeader({ title, description, closeLabel = "Close", showCloseButton = true, actions, titleFace = "heading", className, children, ...props }) {
|
|
258
|
+
return (_jsxs("div", { "data-slot": "drawer-header", className: cn("flex shrink-0 flex-col gap-2 px-6 pt-5 pb-4", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(DrawerTitle, { face: titleFace, children: title }), actions ? (_jsx("div", { "data-slot": "drawer-actions",
|
|
259
|
+
// ms-auto keeps the row against the close glyph when it wraps;
|
|
260
|
+
// -mt-1 is the close button's own lift, so the controls and the
|
|
261
|
+
// glyph share the title's line.
|
|
262
|
+
className: "-mt-1 ms-auto flex flex-wrap items-center justify-end gap-3", children: actions })) : null, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "drawer-close", render: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "-mt-1 -mr-1.5" }), children: [_jsx(CloseIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] }), description ? _jsx(DrawerDescription, { children: description }) : null, children] }));
|
|
241
263
|
}
|
|
242
264
|
/**
|
|
243
265
|
* The scrolling half.
|
|
@@ -263,8 +285,10 @@ function DrawerBody({ className, ...props }) {
|
|
|
263
285
|
function DrawerFooter({ className, ...props }) {
|
|
264
286
|
return (_jsx("div", { "data-slot": "drawer-footer", className: cn("flex shrink-0 flex-wrap items-center justify-end gap-2 border-t border-hairline px-6 py-4", className), ...props }));
|
|
265
287
|
}
|
|
266
|
-
function DrawerTitle({ className, ...props }) {
|
|
267
|
-
return (_jsx(DialogPrimitive.Title, { "data-slot": "drawer-title",
|
|
288
|
+
function DrawerTitle({ face = "heading", className, ...props }) {
|
|
289
|
+
return (_jsx(DialogPrimitive.Title, { "data-slot": "drawer-title", "data-face": face === "body" ? "body" : undefined, className: cn(face === "body"
|
|
290
|
+
? "font-body text-body-lg leading-none font-medium"
|
|
291
|
+
: "font-heading text-body-lg leading-none font-medium", className), ...props }));
|
|
268
292
|
}
|
|
269
293
|
function DrawerDescription({ className, ...props }) {
|
|
270
294
|
return (_jsx(DialogPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-caption text-body", className), ...props }));
|
package/dist/ui/drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAiB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,qBAUF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}
|
package/dist/ui/input-group.js
CHANGED
|
@@ -23,7 +23,9 @@ const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justif
|
|
|
23
23
|
},
|
|
24
24
|
});
|
|
25
25
|
function InputGroupAddon({ className, align = "inline-start", ...props }) {
|
|
26
|
-
return (
|
|
26
|
+
return (
|
|
27
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- a pointer convenience that focuses the input; the input itself is the keyboard target
|
|
28
|
+
_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
|
|
27
29
|
if (e.target.closest("button")) {
|
|
28
30
|
return;
|
|
29
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,olCAAolC,EACplC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,uBAAuB,GAAG,GAAG,CACjC,8PAA8P,EAC9P;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,cAAc,EACZ,sEAAsE;YACxE,YAAY,EACV,qEAAqE;YACvE,aAAa,EACX,mGAAmG;YACrG,WAAW,EACT,kGAAkG;SACrG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,cAAc;KACtB;CACF,CACF,CAAA;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,GAAG,cAAc,EACtB,GAAG,KAAK,EACmE;IAC3E,OAAO,
|
|
1
|
+
{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
|