@godxjp/ui 28.13.0 → 30.0.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/agent/START-HERE.md +29 -10
- package/agent/components/Anchor.json +6 -1
- package/agent/components/AppShell.json +1 -1
- package/agent/components/AreaChart.json +19 -1
- package/agent/components/BarChart.json +11 -1
- package/agent/components/Cascader.json +1 -1
- package/agent/components/CompactBarTrend.json +1 -1
- package/agent/components/DataState.json +1 -1
- package/agent/components/DataTable.json +4 -4
- package/agent/components/FormField.json +1 -1
- package/agent/components/InfiniteQueryState.json +1 -1
- package/agent/components/Input.json +1 -1
- package/agent/components/LineChart.json +20 -2
- package/agent/components/ListRow.json +1 -1
- package/agent/components/Masonry.json +1 -1
- package/agent/components/MasterDetail.json +1 -1
- package/agent/components/PasswordStrength.json +1 -1
- package/agent/components/PermissionMatrix.json +1 -1
- package/agent/components/Select.json +1 -0
- package/agent/components/Sidebar.json +1 -1
- package/agent/components/Table.json +8 -3
- package/agent/components/ThemeScope.json +49 -0
- package/agent/components/Topbar.json +1 -0
- package/agent/components/TopbarItem.json +2 -1
- package/agent/components/Transfer.json +1 -1
- package/agent/components/TreeSelect.json +1 -1
- package/agent/components/UploadCropDialog.json +1 -1
- package/agent/components/formatDate.json +1 -1
- package/agent/components-index.json +5 -0
- package/agent/components.json +138 -30
- package/agent/index.json +19 -9
- package/agent/llms.txt +10 -10
- package/agent/patterns/tenant-brand-color.json +28 -0
- package/agent/patterns-index.json +27 -0
- package/agent/patterns.json +28 -0
- package/agent/rules.json +15 -0
- package/agent/tokens.json +5055 -1060
- package/dist/app/index.d.ts +3 -0
- package/dist/app/index.js +3 -0
- package/dist/app/tenant-theme.d.ts +80 -0
- package/dist/app/tenant-theme.js +154 -0
- package/dist/app/theme-axes.d.ts +14 -1
- package/dist/app/theme-axes.js +24 -31
- package/dist/components/charts/chart-cartesian.d.ts +5 -1
- package/dist/components/charts/chart-cartesian.js +15 -8
- package/dist/components/data-display/badge.d.ts +1 -1
- package/dist/components/data-display/badge.js +21 -3
- package/dist/components/data-display/carousel.js +4 -4
- package/dist/components/data-display/data-table.js +13 -2
- package/dist/components/data-display/permission-matrix.js +1 -1
- package/dist/components/data-display/table.d.ts +11 -2
- package/dist/components/data-display/table.js +19 -3
- package/dist/components/data-entry/control-appearance.d.ts +12 -6
- package/dist/components/data-entry/control-appearance.js +1 -1
- package/dist/components/data-entry/select.js +4 -3
- package/dist/components/feedback/dialog.js +6 -3
- package/dist/components/feedback/overlay-header-tone.d.ts +7 -0
- package/dist/components/feedback/overlay-header-tone.js +4 -4
- package/dist/components/feedback/sheet.d.ts +1 -1
- package/dist/components/feedback/sheet.js +6 -9
- package/dist/components/feedback/sonner.js +16 -3
- package/dist/components/general/button.js +22 -5
- package/dist/components/layout/affix.js +15 -1
- package/dist/components/layout/sidebar.js +7 -1
- package/dist/components/navigation/anchor.d.ts +1 -1
- package/dist/components/navigation/anchor.js +5 -4
- package/dist/components/navigation/app-setting-picker.js +1 -1
- package/dist/components/navigation/pagination.js +1 -1
- package/dist/components/navigation/tabs.js +15 -2
- package/dist/components/query/infinite-query-state.d.ts +22 -6
- package/dist/contracts/measurement.json +1 -1
- package/dist/lib/control-styles.d.ts +31 -11
- package/dist/lib/control-styles.js +6 -6
- package/dist/lib/overlay-portal.d.ts +20 -0
- package/dist/lib/overlay-portal.js +93 -0
- package/dist/props/components/app.prop.d.ts +12 -0
- package/dist/props/components/charts.prop.d.ts +30 -0
- package/dist/props/components/index.d.ts +1 -1
- package/dist/props/components/navigation.prop.d.ts +21 -2
- package/dist/props/components/query.prop.d.ts +36 -2
- package/dist/props/registry.d.ts +46 -1
- package/dist/props/registry.js +38 -3
- package/dist/styles/alert-layout.css +39 -19
- package/dist/styles/badge-layout.css +11 -7
- package/dist/styles/base.css +14 -5
- package/dist/styles/card-layout.css +29 -16
- package/dist/styles/chart-layout.css +27 -5
- package/dist/styles/control.css +225 -103
- package/dist/styles/data-display-layout.css +178 -76
- package/dist/styles/data-entry-layout.css +35 -99
- package/dist/styles/dialog-layout.css +58 -28
- package/dist/styles/float-button-layout.css +5 -5
- package/dist/styles/focus-ring.css +11 -7
- package/dist/styles/layout.css +53 -25
- package/dist/styles/logo-layout.css +3 -3
- package/dist/styles/motion.css +2 -2
- package/dist/styles/navigation-layout.css +117 -44
- package/dist/styles/shell-layout.css +90 -124
- package/dist/styles/table-layout.css +66 -24
- package/dist/styles/text-layout.css +13 -4
- package/dist/styles/toggle.css +9 -3
- package/dist/tokens/components/actions.css +1 -1
- package/dist/tokens/components/attachments.css +4 -4
- package/dist/tokens/components/badge.css +4 -4
- package/dist/tokens/components/banner.css +1 -1
- package/dist/tokens/components/callout.css +1 -1
- package/dist/tokens/components/card.css +13 -8
- package/dist/tokens/components/chart.css +11 -2
- package/dist/tokens/components/chat-bubble.css +2 -2
- package/dist/tokens/components/control.css +41 -22
- package/dist/tokens/components/conversations.css +2 -1
- package/dist/tokens/components/data-display.css +23 -18
- package/dist/tokens/components/data-entry.css +1 -1
- package/dist/tokens/components/descriptions.css +2 -2
- package/dist/tokens/components/draggable-panel.css +2 -2
- package/dist/tokens/components/feedback.css +29 -9
- package/dist/tokens/components/float-button.css +1 -1
- package/dist/tokens/components/legal-document.css +2 -2
- package/dist/tokens/components/logo.css +2 -2
- package/dist/tokens/components/mega-menu.css +6 -4
- package/dist/tokens/components/navigation.css +27 -13
- package/dist/tokens/components/segmented.css +11 -6
- package/dist/tokens/components/separator.css +1 -1
- package/dist/tokens/components/shell.css +24 -10
- package/dist/tokens/components/table.css +13 -5
- package/dist/tokens/components/thought-chain.css +2 -2
- package/dist/tokens/components/toggle.css +3 -1
- package/dist/tokens/components/tree.css +3 -1
- package/dist/tokens/components/upload.css +8 -8
- package/dist/tokens/components/welcome.css +1 -1
- package/dist/tokens/foundation.css +30 -3
- package/docs/COMPOSITION-VS-COMPONENT.md +31 -0
- package/docs/CUSTOMER-THEMING.md +637 -1
- package/docs/FRAME-COVERAGE-REPORT.md +3 -2
- package/docs/GLASSMORPHISM-STANDARD.md +196 -0
- package/docs/THEME-API-COVERAGE.md +538 -0
- package/docs/TOKEN-RESOLUTION.md +195 -0
- package/docs/TOKENS.md +63 -24
- package/docs/asset-modules.d.ts +7 -0
- package/docs/data-display/charts.tsx +80 -0
- package/docs/data-display/data-table/index.tsx +30 -0
- package/docs/data-display/popover.tsx +1 -1
- package/docs/data-display/table.tsx +52 -0
- package/docs/feedback/sheet.tsx +10 -10
- package/docs/foundation/density.tsx +4 -4
- package/docs/i18n/messages/en.json +506 -0
- package/docs/i18n/messages/ja.json +506 -0
- package/docs/i18n/messages/vi.json +506 -0
- package/docs/layout/account-chip.tsx +2 -2
- package/docs/layout/responsive-grid.tsx +1 -1
- package/docs/navigation/toolbar.tsx +20 -12
- package/docs/providers/theme-scope.tsx +186 -0
- package/docs/showcase/caimono-price-comparison.tsx +911 -0
- package/docs/showcase/case4-login.tsx +2 -2
- package/docs/showcase/permission-matrix.tsx +13 -5
- package/docs/showcase/table-pagination.tsx +2 -1
- package/docs/showcase/tenant-brand-color.tsx +338 -0
- package/docs/showcase/theme-lab.tsx +2125 -0
- package/docs/themes/flat.css +462 -0
- package/docs/themes/glassmorphism.css +958 -0
- package/docs/themes/index.ts +219 -0
- package/docs/themes/neubrutalism.css +475 -0
- package/package.json +4 -3
- package/scripts/explain-token.mjs +382 -0
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--conversations-item-height: var(--band-height-md);
|
|
9
9
|
--conversations-item-gap: var(--space-inline-sm);
|
|
10
10
|
--conversations-item-padding-inline: var(--space-inline-sm);
|
|
11
|
-
--conversations-item-radius:
|
|
11
|
+
--conversations-item-radius: initial;
|
|
12
12
|
--conversations-item-font-size: var(
|
|
13
13
|
--font-size-xs,
|
|
14
14
|
calc(var(--font-size-base) / var(--font-size-ratio))
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
--conversations-item-color: initial;
|
|
18
18
|
--conversations-item-active-background: initial;
|
|
19
|
+
--conversations-item-active-background-alpha: initial;
|
|
19
20
|
--conversations-item-active-color: initial;
|
|
20
21
|
--conversations-item-active-font-weight: var(--font-weight-medium);
|
|
21
22
|
|
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
--accordion-chevron-size: var(--icon-size-md);
|
|
6
6
|
--carousel-arrow-icon-size: var(--icon-size-md);
|
|
7
7
|
|
|
8
|
+
--carousel-arrow-inset-block-start: initial;
|
|
9
|
+
--carousel-dots-block-size: 0px;
|
|
10
|
+
|
|
8
11
|
--accordion-focus-ring-offset: 2px;
|
|
9
12
|
--carousel-dot-focus-ring-offset: 2px;
|
|
10
13
|
--progress-label-font-size: var(
|
|
@@ -19,7 +22,7 @@
|
|
|
19
22
|
);
|
|
20
23
|
--code-block-line-height: var(--line-height-normal);
|
|
21
24
|
--code-block-space-inset: var(--space-3);
|
|
22
|
-
--code-block-radius:
|
|
25
|
+
--code-block-radius: initial;
|
|
23
26
|
--code-block-max-height-sm: 12rem;
|
|
24
27
|
--code-block-max-height-md: 20rem;
|
|
25
28
|
--code-block-max-height-lg: 32rem;
|
|
@@ -46,22 +49,23 @@
|
|
|
46
49
|
--prose-heading-space-block-start: var(--space-6);
|
|
47
50
|
--prose-list-space-inline: var(--space-6);
|
|
48
51
|
--prose-list-item-space: var(--space-1);
|
|
49
|
-
--prose-quote-border-width:
|
|
52
|
+
--prose-quote-border-width: initial;
|
|
50
53
|
--prose-quote-space-inline: var(--space-3);
|
|
51
54
|
--prose-code-font-size: calc(1em / var(--font-size-ratio));
|
|
52
55
|
--prose-code-space-inline: var(--space-1);
|
|
53
|
-
--prose-code-radius:
|
|
56
|
+
--prose-code-radius: initial;
|
|
54
57
|
|
|
55
58
|
--prose-link-color: initial;
|
|
56
59
|
|
|
57
60
|
--prose-link-decoration-line: underline;
|
|
58
|
-
--prose-image-radius:
|
|
61
|
+
--prose-image-radius: initial;
|
|
59
62
|
--timeline-note-font-size: var(
|
|
60
63
|
--font-size-xs,
|
|
61
64
|
calc(var(--font-size-base) / var(--font-size-ratio))
|
|
62
65
|
);
|
|
63
66
|
|
|
64
67
|
--avatar-background: initial;
|
|
68
|
+
--avatar-background-alpha: initial;
|
|
65
69
|
|
|
66
70
|
--avatar-tint: transparent;
|
|
67
71
|
|
|
@@ -93,7 +97,7 @@
|
|
|
93
97
|
|
|
94
98
|
--avatar-glyph-size-lg: calc(var(--icon-size-lg) * var(--scaling));
|
|
95
99
|
|
|
96
|
-
--avatar-square-radius:
|
|
100
|
+
--avatar-square-radius: initial;
|
|
97
101
|
--avatar-square-size: var(--control-height);
|
|
98
102
|
--avatar-square-background: initial;
|
|
99
103
|
--avatar-square-foreground: initial;
|
|
@@ -105,10 +109,10 @@
|
|
|
105
109
|
--avatar-presence-size: 30%;
|
|
106
110
|
--avatar-presence-min-size: var(--space-2);
|
|
107
111
|
--avatar-presence-inset: 0;
|
|
108
|
-
--avatar-presence-ring-width:
|
|
109
|
-
--avatar-presence-stroke-width:
|
|
112
|
+
--avatar-presence-ring-width: initial;
|
|
113
|
+
--avatar-presence-stroke-width: initial;
|
|
110
114
|
--avatar-presence-bar-inline-size: 56%;
|
|
111
|
-
--avatar-presence-bar-block-size:
|
|
115
|
+
--avatar-presence-bar-block-size: initial;
|
|
112
116
|
--avatar-presence-ring-color: initial;
|
|
113
117
|
--avatar-presence-online-color: initial;
|
|
114
118
|
--avatar-presence-away-color: initial;
|
|
@@ -116,10 +120,11 @@
|
|
|
116
120
|
--avatar-presence-offline-color: initial;
|
|
117
121
|
|
|
118
122
|
--progress-track-background: initial;
|
|
123
|
+
--progress-track-background-alpha: initial;
|
|
119
124
|
--progress-fill-background: initial;
|
|
120
125
|
|
|
121
126
|
--progress-breakdown-block-size: 1.375rem;
|
|
122
|
-
--progress-breakdown-radius:
|
|
127
|
+
--progress-breakdown-radius: initial;
|
|
123
128
|
|
|
124
129
|
--progress-meter-block-size: 0.5rem;
|
|
125
130
|
--progress-meter-block-size-sm: 0.25rem;
|
|
@@ -127,7 +132,7 @@
|
|
|
127
132
|
|
|
128
133
|
--progress-ring-size: 2.75rem;
|
|
129
134
|
--progress-ring-size-sm: 2rem;
|
|
130
|
-
--progress-ring-border-width:
|
|
135
|
+
--progress-ring-border-width: initial;
|
|
131
136
|
|
|
132
137
|
--progress-ring-label-font-size: initial;
|
|
133
138
|
|
|
@@ -142,7 +147,7 @@
|
|
|
142
147
|
--swatch-size: 1rem;
|
|
143
148
|
--swatch-radius: 0.125rem;
|
|
144
149
|
|
|
145
|
-
--swatch-border-width:
|
|
150
|
+
--swatch-border-width: initial;
|
|
146
151
|
|
|
147
152
|
--swatch-border-color: initial;
|
|
148
153
|
|
|
@@ -162,15 +167,15 @@
|
|
|
162
167
|
--thumbnail-block-size-sm: 4rem;
|
|
163
168
|
--thumbnail-block-size: 6rem;
|
|
164
169
|
--thumbnail-block-size-lg: 10rem;
|
|
165
|
-
--thumbnail-border-width:
|
|
166
|
-
--thumbnail-radius:
|
|
170
|
+
--thumbnail-border-width: initial;
|
|
171
|
+
--thumbnail-radius: initial;
|
|
167
172
|
|
|
168
173
|
--timeline-dot-done-background: initial;
|
|
169
174
|
--timeline-dot-done-foreground: initial;
|
|
170
175
|
--timeline-dot-current-background: initial;
|
|
171
176
|
--timeline-line-completed-background: initial;
|
|
172
177
|
|
|
173
|
-
--timeline-dot-current-ring-width:
|
|
178
|
+
--timeline-dot-current-ring-width: initial;
|
|
174
179
|
|
|
175
180
|
--qr-code-foreground: 0 0% 0%;
|
|
176
181
|
--qr-code-background: 0 0% 100%;
|
|
@@ -198,9 +203,9 @@
|
|
|
198
203
|
);
|
|
199
204
|
--timeline-grid-event-gap: var(--space-1);
|
|
200
205
|
--timeline-grid-event-space-inset: var(--space-1);
|
|
201
|
-
--timeline-grid-event-radius:
|
|
202
|
-
--timeline-grid-event-border-width:
|
|
203
|
-
--timeline-grid-now-width:
|
|
206
|
+
--timeline-grid-event-radius: initial;
|
|
207
|
+
--timeline-grid-event-border-width: initial;
|
|
208
|
+
--timeline-grid-now-width: initial;
|
|
204
209
|
|
|
205
210
|
--timeline-grid-line-color: initial;
|
|
206
211
|
--timeline-grid-event-color: initial;
|
|
@@ -232,7 +237,7 @@
|
|
|
232
237
|
|
|
233
238
|
--range-timeline-grid-color: initial;
|
|
234
239
|
|
|
235
|
-
--range-timeline-grid-width:
|
|
240
|
+
--range-timeline-grid-width: initial;
|
|
236
241
|
|
|
237
242
|
--range-timeline-muted-column-background: initial;
|
|
238
243
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--branch-scope-picker-subset-gap: 0.5rem;
|
|
18
18
|
--branch-scope-picker-subset-padding-inline: 1rem;
|
|
19
19
|
|
|
20
|
-
--branch-scope-picker-subset-border-width:
|
|
20
|
+
--branch-scope-picker-subset-border-width: initial;
|
|
21
21
|
|
|
22
22
|
--branch-scope-picker-list-max-height: 16rem;
|
|
23
23
|
}
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
--descriptions-row-border: none;
|
|
22
22
|
--descriptions-row-min-height: auto;
|
|
23
23
|
|
|
24
|
-
--descriptions-border-width:
|
|
25
|
-
--descriptions-border-radius:
|
|
24
|
+
--descriptions-border-width: initial;
|
|
25
|
+
--descriptions-border-radius: initial;
|
|
26
26
|
|
|
27
27
|
--descriptions-cell-padding-y: var(--space-2);
|
|
28
28
|
--descriptions-cell-padding-x: var(--space-3);
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
--draggable-panel-block-size: auto;
|
|
19
19
|
--draggable-panel-max-block-size: 70vh;
|
|
20
20
|
|
|
21
|
-
--draggable-panel-radius:
|
|
21
|
+
--draggable-panel-radius: initial;
|
|
22
22
|
--draggable-panel-shadow: var(--shadow-lg);
|
|
23
|
-
--draggable-panel-border-width:
|
|
23
|
+
--draggable-panel-border-width: initial;
|
|
24
24
|
|
|
25
25
|
--draggable-panel-bar-padding: var(--space-2) var(--space-3);
|
|
26
26
|
--draggable-panel-bar-gap: var(--space-2);
|
|
@@ -4,9 +4,14 @@
|
|
|
4
4
|
--sheet-width-default: 22.5rem;
|
|
5
5
|
|
|
6
6
|
--sheet-overlay-background: initial;
|
|
7
|
+
|
|
7
8
|
--sheet-overlay-alpha: 40%;
|
|
8
9
|
|
|
9
|
-
--sheet-
|
|
10
|
+
--sheet-overlay-backdrop-blur-size: initial;
|
|
11
|
+
|
|
12
|
+
--sheet-surface-background: initial;
|
|
13
|
+
|
|
14
|
+
--sheet-shadow: initial;
|
|
10
15
|
--sheet-header-space-gap: 0.375rem;
|
|
11
16
|
--sheet-title-block-space-gap: var(--space-1);
|
|
12
17
|
--sheet-title-row-space-gap: var(--space-3);
|
|
@@ -26,8 +31,13 @@
|
|
|
26
31
|
--dialog-width-default: 32rem;
|
|
27
32
|
--dialog-viewport-inset: 1.5rem;
|
|
28
33
|
--dialog-overlay-background: initial;
|
|
34
|
+
|
|
29
35
|
--dialog-overlay-alpha: 60%;
|
|
30
36
|
|
|
37
|
+
--dialog-overlay-backdrop-blur-size: initial;
|
|
38
|
+
|
|
39
|
+
--dialog-surface-background: initial;
|
|
40
|
+
|
|
31
41
|
--dialog-space-x: var(--space-chrome-x);
|
|
32
42
|
--dialog-space-y: var(--space-chrome-y);
|
|
33
43
|
--dialog-space-inset: var(--dialog-space-y) var(--dialog-space-x);
|
|
@@ -50,7 +60,7 @@
|
|
|
50
60
|
|
|
51
61
|
--dialog-step-up-error-font-size: var(--font-size-sm, var(--font-size-base));
|
|
52
62
|
|
|
53
|
-
--alert-radius:
|
|
63
|
+
--alert-radius: initial;
|
|
54
64
|
--alert-space-inset: var(--space-section-active);
|
|
55
65
|
--alert-space-gap: var(--space-inline-md);
|
|
56
66
|
--alert-inner-space-gap: var(--space-stack-sm);
|
|
@@ -64,7 +74,7 @@
|
|
|
64
74
|
--alert-bg-alpha: 0.05;
|
|
65
75
|
--alert-border-alpha: 0.3;
|
|
66
76
|
|
|
67
|
-
--banner-border-block-end-width:
|
|
77
|
+
--banner-border-block-end-width: initial;
|
|
68
78
|
--banner-space-block: var(--space-3);
|
|
69
79
|
|
|
70
80
|
--banner-space-inline: var(--space-page-active-x);
|
|
@@ -90,7 +100,7 @@
|
|
|
90
100
|
--skeleton-row-gap: var(--space-stack-sm);
|
|
91
101
|
--skeleton-cell-gap: var(--space-inline-lg);
|
|
92
102
|
--skeleton-card-inset: var(--space-section-active);
|
|
93
|
-
--skeleton-radius:
|
|
103
|
+
--skeleton-radius: initial;
|
|
94
104
|
|
|
95
105
|
--skeleton-background: initial;
|
|
96
106
|
|
|
@@ -102,7 +112,7 @@
|
|
|
102
112
|
--skeleton-stat-value-width: 8rem;
|
|
103
113
|
--skeleton-stat-caption-width: 5rem;
|
|
104
114
|
|
|
105
|
-
--skeleton-element-radius:
|
|
115
|
+
--skeleton-element-radius: initial;
|
|
106
116
|
--skeleton-button-width-ratio: 2;
|
|
107
117
|
--skeleton-input-width-ratio: 5;
|
|
108
118
|
|
|
@@ -126,29 +136,39 @@
|
|
|
126
136
|
--tooltip-max-width: 20rem;
|
|
127
137
|
--tooltip-space-inline: var(--space-2);
|
|
128
138
|
--tooltip-space-block: var(--space-1);
|
|
129
|
-
--tooltip-radius:
|
|
139
|
+
--tooltip-radius: initial;
|
|
130
140
|
--tooltip-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
|
|
131
141
|
|
|
132
|
-
--tooltip-shadow:
|
|
142
|
+
--tooltip-shadow: initial;
|
|
143
|
+
|
|
144
|
+
--tooltip-backdrop-blur-size: initial;
|
|
133
145
|
|
|
134
146
|
--tooltip-background: initial;
|
|
135
147
|
--tooltip-foreground: initial;
|
|
136
148
|
--tooltip-border-color: initial;
|
|
149
|
+
--tooltip-border-color-alpha: initial;
|
|
137
150
|
|
|
138
151
|
--popover-width: 18rem;
|
|
139
152
|
--popover-space-inset: var(--space-4);
|
|
140
|
-
--popover-radius:
|
|
141
|
-
|
|
153
|
+
--popover-radius: initial;
|
|
154
|
+
|
|
155
|
+
--popover-shadow: initial;
|
|
156
|
+
|
|
157
|
+
--popover-backdrop-blur-size: initial;
|
|
142
158
|
--popover-header-space-gap: var(--space-1);
|
|
143
159
|
--popover-header-font-size: var(--font-size-sm, var(--font-size-base));
|
|
144
160
|
|
|
145
161
|
--popover-surface-background: initial;
|
|
146
162
|
--popover-surface-foreground: initial;
|
|
147
163
|
--popover-surface-border-color: initial;
|
|
164
|
+
--popover-surface-border-color-alpha: initial;
|
|
148
165
|
|
|
149
166
|
--popover-surface-inline-size: initial;
|
|
150
167
|
|
|
151
168
|
--toast-icon-size: var(--icon-size-md);
|
|
152
169
|
|
|
170
|
+
--toast-background: initial;
|
|
171
|
+
--toast-backdrop-blur-size: initial;
|
|
172
|
+
|
|
153
173
|
--toast-mobile-offset: 16px;
|
|
154
174
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--float-button-shadow: var(--shadow-lg);
|
|
23
23
|
|
|
24
24
|
--float-button-group-gap: var(--space-stack-md);
|
|
25
|
-
--float-button-group-radius:
|
|
25
|
+
--float-button-group-radius: initial;
|
|
26
26
|
|
|
27
27
|
--float-button-badge-background: initial;
|
|
28
28
|
--float-button-badge-foreground: hsl(var(--destructive-foreground));
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--legal-document-toc-max-height: calc(100dvh - var(--space-12));
|
|
14
14
|
--legal-document-toc-gap: var(--space-1);
|
|
15
15
|
--legal-document-toc-item-padding: var(--space-1) var(--space-2);
|
|
16
|
-
--legal-document-toc-item-radius:
|
|
16
|
+
--legal-document-toc-item-radius: initial;
|
|
17
17
|
--legal-document-toc-title-font-size: var(
|
|
18
18
|
--font-size-2xs,
|
|
19
19
|
calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
calc(var(--font-size-base) / var(--font-size-ratio))
|
|
24
24
|
);
|
|
25
25
|
|
|
26
|
-
--legal-document-toc-marker-width:
|
|
26
|
+
--legal-document-toc-marker-width: initial;
|
|
27
27
|
|
|
28
28
|
--legal-document-nav-gap: var(--space-4);
|
|
29
29
|
--legal-document-header-gap: var(--space-2);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
:root {
|
|
3
|
-
--logo-radius:
|
|
3
|
+
--logo-radius: initial;
|
|
4
4
|
--logo-size-xs: 1.25rem;
|
|
5
5
|
--logo-size-sm: 1.5rem;
|
|
6
6
|
--logo-size-md: 1.75rem;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
--logo-wordmark-font-family: initial;
|
|
57
57
|
--logo-wordmark-color: initial;
|
|
58
58
|
|
|
59
|
-
--logo-divider-width:
|
|
59
|
+
--logo-divider-width: initial;
|
|
60
60
|
--logo-divider-height: 1em;
|
|
61
61
|
--logo-divider-alpha: 0.25;
|
|
62
62
|
--logo-divider-color: initial;
|
|
@@ -6,12 +6,13 @@
|
|
|
6
6
|
--mega-menu-trigger-height: var(--control-height);
|
|
7
7
|
--mega-menu-trigger-padding-x: var(--space-3);
|
|
8
8
|
--mega-menu-trigger-gap: var(--space-inline-sm);
|
|
9
|
-
--mega-menu-trigger-radius:
|
|
9
|
+
--mega-menu-trigger-radius: initial;
|
|
10
10
|
--mega-menu-trigger-font-size: var(--font-size-sm, var(--font-size-base));
|
|
11
11
|
--mega-menu-trigger-foreground: hsl(var(--foreground));
|
|
12
12
|
--mega-menu-trigger-background: transparent;
|
|
13
13
|
|
|
14
14
|
--mega-menu-trigger-hover-background: initial;
|
|
15
|
+
--mega-menu-trigger-hover-background-alpha: initial;
|
|
15
16
|
--mega-menu-trigger-hover-foreground: initial;
|
|
16
17
|
--mega-menu-trigger-open-background: initial;
|
|
17
18
|
--mega-menu-trigger-open-foreground: initial;
|
|
@@ -22,8 +23,8 @@
|
|
|
22
23
|
--mega-menu-panel-background: hsl(var(--popover));
|
|
23
24
|
--mega-menu-panel-foreground: hsl(var(--popover-foreground));
|
|
24
25
|
--mega-menu-panel-border-color: hsl(var(--border));
|
|
25
|
-
--mega-menu-panel-border-width:
|
|
26
|
-
--mega-menu-panel-radius:
|
|
26
|
+
--mega-menu-panel-border-width: initial;
|
|
27
|
+
--mega-menu-panel-radius: initial;
|
|
27
28
|
--mega-menu-panel-padding: var(--space-6);
|
|
28
29
|
--mega-menu-panel-shadow: var(--shadow-md);
|
|
29
30
|
--mega-menu-panel-offset: 0px;
|
|
@@ -51,10 +52,11 @@
|
|
|
51
52
|
--mega-menu-link-gap: var(--space-inline-sm);
|
|
52
53
|
--mega-menu-link-padding-x: var(--space-2);
|
|
53
54
|
--mega-menu-link-padding-y: var(--space-2);
|
|
54
|
-
--mega-menu-link-radius:
|
|
55
|
+
--mega-menu-link-radius: initial;
|
|
55
56
|
--mega-menu-link-font-size: var(--font-size-sm, var(--font-size-base));
|
|
56
57
|
--mega-menu-link-foreground: hsl(var(--foreground));
|
|
57
58
|
--mega-menu-link-hover-background: initial;
|
|
59
|
+
--mega-menu-link-hover-background-alpha: initial;
|
|
58
60
|
--mega-menu-link-hover-foreground: initial;
|
|
59
61
|
--mega-menu-link-current-foreground: initial;
|
|
60
62
|
--mega-menu-link-description-font-size: var(
|
|
@@ -53,6 +53,11 @@
|
|
|
53
53
|
--tabs-list-max-inline-size: 100%;
|
|
54
54
|
--tabs-list-overflow: auto;
|
|
55
55
|
|
|
56
|
+
--tabs-list-background: initial;
|
|
57
|
+
--tabs-list-background-alpha: initial;
|
|
58
|
+
--tabs-trigger-active-background: initial;
|
|
59
|
+
--tabs-trigger-active-background-alpha: initial;
|
|
60
|
+
|
|
56
61
|
--tabs-placement-responsive-breakpoint-width: 48rem;
|
|
57
62
|
|
|
58
63
|
--tabs-indicator-background: initial;
|
|
@@ -92,13 +97,17 @@
|
|
|
92
97
|
--tabs-card-list-radius: 0px;
|
|
93
98
|
--tabs-card-list-space-inset: 0px;
|
|
94
99
|
--tabs-card-list-space-gap: var(--space-1);
|
|
95
|
-
|
|
96
|
-
--tabs-card-
|
|
100
|
+
|
|
101
|
+
--tabs-card-radius: var(--radius-md, calc(var(--radius) / var(--radius-ratio)));
|
|
102
|
+
--tabs-card-rail-border-width: initial;
|
|
97
103
|
--tabs-card-background: initial;
|
|
104
|
+
--tabs-card-background-alpha: initial;
|
|
98
105
|
|
|
99
106
|
--tabs-panel-background: initial;
|
|
100
|
-
--tabs-panel-
|
|
101
|
-
--tabs-panel-
|
|
107
|
+
--tabs-panel-background-alpha: initial;
|
|
108
|
+
--tabs-panel-border-width: var(--tabs-card-rail-border-width, var(--stroke-hairline));
|
|
109
|
+
|
|
110
|
+
--tabs-panel-radius: initial;
|
|
102
111
|
--tabs-panel-space-inset: var(--space-4);
|
|
103
112
|
|
|
104
113
|
--tabs-count-min-width: var(--space-4);
|
|
@@ -111,25 +120,27 @@
|
|
|
111
120
|
--tabs-count-card-background: initial;
|
|
112
121
|
--tabs-count-color: initial;
|
|
113
122
|
--tabs-count-active-background: initial;
|
|
123
|
+
--tabs-count-active-background-alpha: initial;
|
|
114
124
|
--tabs-count-active-color: initial;
|
|
115
|
-
--tabs-count-forced-outline-width:
|
|
125
|
+
--tabs-count-forced-outline-width: initial;
|
|
116
126
|
|
|
117
127
|
--tabs-bar-gap: var(--space-2);
|
|
118
128
|
--tabs-extra-gap: var(--space-2);
|
|
119
129
|
|
|
120
130
|
--tabs-overflow-size: var(--band-height-md);
|
|
121
|
-
--tabs-overflow-radius:
|
|
131
|
+
--tabs-overflow-radius: initial;
|
|
122
132
|
--tabs-overflow-icon-size: var(--control-icon-size);
|
|
123
133
|
--tabs-add-size: var(--band-height-md);
|
|
124
|
-
--tabs-add-radius:
|
|
134
|
+
--tabs-add-radius: initial;
|
|
125
135
|
--tabs-add-icon-size: var(--control-icon-size);
|
|
126
136
|
--tabs-trigger-icon-size: var(--control-icon-size);
|
|
127
137
|
--tabs-tab-remove-size: var(--band-height-xs);
|
|
128
|
-
--tabs-tab-remove-radius:
|
|
138
|
+
--tabs-tab-remove-radius: initial;
|
|
129
139
|
--tabs-tab-remove-icon-size: var(--icon-size-xs);
|
|
130
140
|
--tabs-tab-remove-space-inline-end: var(--space-1);
|
|
131
141
|
|
|
132
142
|
--menu-item-hover-background: initial;
|
|
143
|
+
--menu-item-hover-background-alpha: initial;
|
|
133
144
|
--menu-item-hover-foreground: initial;
|
|
134
145
|
|
|
135
146
|
--filter-bar-sticky-offset: 0px;
|
|
@@ -144,7 +155,7 @@
|
|
|
144
155
|
--filter-bar-section-gap: var(--space-2);
|
|
145
156
|
|
|
146
157
|
--menu-item-height: var(--band-height-md);
|
|
147
|
-
--menu-item-radius:
|
|
158
|
+
--menu-item-radius: initial;
|
|
148
159
|
--menu-item-space-inline: var(--space-2);
|
|
149
160
|
--menu-item-space-gap: var(--space-2);
|
|
150
161
|
--menu-item-font-size: var(--font-size-base);
|
|
@@ -158,6 +169,9 @@
|
|
|
158
169
|
|
|
159
170
|
--dropdown-content-min-width: 8rem;
|
|
160
171
|
|
|
172
|
+
--dropdown-content-background: initial;
|
|
173
|
+
--dropdown-content-backdrop-blur-size: initial;
|
|
174
|
+
|
|
161
175
|
--menu-content-width-sm: 12rem;
|
|
162
176
|
--menu-content-width-md: 16rem;
|
|
163
177
|
--menu-content-width-lg: 20rem;
|
|
@@ -169,8 +183,8 @@
|
|
|
169
183
|
--menu-separator-space-inline: calc(var(--space-1) * -1);
|
|
170
184
|
|
|
171
185
|
--steps-dot-size: 0.625rem;
|
|
172
|
-
--steps-dot-process-ring-width:
|
|
173
|
-
--steps-marker-border-width:
|
|
186
|
+
--steps-dot-process-ring-width: initial;
|
|
187
|
+
--steps-marker-border-width: initial;
|
|
174
188
|
--steps-marker-font-size: var(--font-size-sm, var(--font-size-base));
|
|
175
189
|
--steps-marker-icon-size: var(--icon-size-md);
|
|
176
190
|
--steps-wait-icon-size: var(--icon-size-xs);
|
|
@@ -196,10 +210,10 @@
|
|
|
196
210
|
--steps-nav-space-gap: var(--space-2);
|
|
197
211
|
--steps-nav-space-inline: var(--space-4);
|
|
198
212
|
--steps-nav-space-block: var(--space-3);
|
|
199
|
-
--steps-nav-radius:
|
|
213
|
+
--steps-nav-radius: initial;
|
|
200
214
|
--steps-nav-separator-size: var(--control-icon-size-sm);
|
|
201
215
|
|
|
202
|
-
--steps-progress-ring-width:
|
|
216
|
+
--steps-progress-ring-width: initial;
|
|
203
217
|
--steps-progress-track-color: initial;
|
|
204
218
|
|
|
205
219
|
--app-setting-picker-locale-width: 10rem;
|
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
--segmented-track-padding: calc(var(--space-1) / 2);
|
|
6
6
|
|
|
7
7
|
--segmented-track-background: initial;
|
|
8
|
+
--segmented-track-background-alpha: initial;
|
|
8
9
|
|
|
9
|
-
--segmented-track-radius:
|
|
10
|
-
--segmented-item-radius:
|
|
10
|
+
--segmented-track-radius: initial;
|
|
11
|
+
--segmented-item-radius: initial;
|
|
11
12
|
|
|
12
13
|
--segmented-item-padding-inline: calc(var(--control-padding-x) - 1px);
|
|
13
14
|
|
|
@@ -20,15 +21,19 @@
|
|
|
20
21
|
|
|
21
22
|
--segmented-item-gap: calc(var(--space-3) / 2);
|
|
22
23
|
|
|
23
|
-
--segmented-item-color:
|
|
24
|
-
--segmented-item-hover-color:
|
|
25
|
-
--segmented-item-selected-color:
|
|
24
|
+
--segmented-item-color: initial;
|
|
25
|
+
--segmented-item-hover-color: initial;
|
|
26
|
+
--segmented-item-selected-color: initial;
|
|
26
27
|
|
|
27
28
|
--segmented-item-hover-background: initial;
|
|
29
|
+
--segmented-item-hover-background-alpha: initial;
|
|
28
30
|
--segmented-item-active-background: var(--secondary);
|
|
31
|
+
--segmented-item-active-background-alpha: 100%;
|
|
29
32
|
|
|
30
33
|
--segmented-item-selected-background: initial;
|
|
31
|
-
--segmented-item-selected-
|
|
34
|
+
--segmented-item-selected-background-alpha: initial;
|
|
35
|
+
|
|
36
|
+
--segmented-item-selected-shadow: initial;
|
|
32
37
|
|
|
33
38
|
--segmented-item-selected-font-weight: var(--font-weight-medium);
|
|
34
39
|
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
--font-size-2xs,
|
|
37
37
|
calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
|
|
38
38
|
);
|
|
39
|
-
--org-switcher-meta-foreground:
|
|
39
|
+
--org-switcher-meta-foreground: initial;
|
|
40
40
|
--sidebar-nav-sub-font-size: var(
|
|
41
41
|
--font-size-xs,
|
|
42
42
|
calc(var(--font-size-base) / var(--font-size-ratio))
|
|
@@ -57,6 +57,8 @@
|
|
|
57
57
|
--font-size-xs,
|
|
58
58
|
calc(var(--font-size-base) / var(--font-size-ratio))
|
|
59
59
|
);
|
|
60
|
+
|
|
61
|
+
--sidebar-logo-mark-color: initial;
|
|
60
62
|
--sidebar-avatar-font-size: var(
|
|
61
63
|
--font-size-2xs,
|
|
62
64
|
calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
|
|
@@ -69,6 +71,16 @@
|
|
|
69
71
|
--sidebar-gradient: none;
|
|
70
72
|
--topbar-gradient: none;
|
|
71
73
|
|
|
74
|
+
--sidebar-surface-background: initial;
|
|
75
|
+
--sidebar-surface-background-alpha: initial;
|
|
76
|
+
|
|
77
|
+
--sidebar-backdrop-blur-size: initial;
|
|
78
|
+
|
|
79
|
+
--app-shell-bar-background: initial;
|
|
80
|
+
|
|
81
|
+
--app-shell-bar-backdrop-blur-size: initial;
|
|
82
|
+
--app-shell-nav-rail-background: initial;
|
|
83
|
+
|
|
72
84
|
--app-shell-viewport-inset: 0px;
|
|
73
85
|
--app-shell-bar-height: var(--band-height-2xl);
|
|
74
86
|
|
|
@@ -125,7 +137,7 @@
|
|
|
125
137
|
--sidebar-nav-item-padding-x: 0.625rem;
|
|
126
138
|
--sidebar-nav-gap: 2px;
|
|
127
139
|
|
|
128
|
-
--sidebar-nav-item-radius:
|
|
140
|
+
--sidebar-nav-item-radius: initial;
|
|
129
141
|
--sidebar-nav-scroll-padding: var(--space-3) var(--space-2);
|
|
130
142
|
--sidebar-section-gap: var(--space-4);
|
|
131
143
|
--sidebar-section-label-padding-x: var(--space-2);
|
|
@@ -150,9 +162,10 @@
|
|
|
150
162
|
--topbar-item-min-width: var(--control-height);
|
|
151
163
|
|
|
152
164
|
--topbar-item-radius: var(--radius-sharp);
|
|
153
|
-
--topbar-item-color:
|
|
165
|
+
--topbar-item-color: initial;
|
|
154
166
|
|
|
155
167
|
--topbar-item-hover-background: initial;
|
|
168
|
+
--topbar-item-hover-background-alpha: initial;
|
|
156
169
|
--topbar-item-hover-color: initial;
|
|
157
170
|
--topbar-item-active-background: var(--secondary);
|
|
158
171
|
|
|
@@ -204,14 +217,15 @@
|
|
|
204
217
|
--app-launcher-tile-padding: var(--space-2);
|
|
205
218
|
|
|
206
219
|
--app-launcher-tile-min-height: var(--control-height-comfortable);
|
|
207
|
-
--app-launcher-tile-radius:
|
|
208
|
-
--app-launcher-tile-color:
|
|
220
|
+
--app-launcher-tile-radius: initial;
|
|
221
|
+
--app-launcher-tile-color: initial;
|
|
209
222
|
--app-launcher-tile-hover-background: initial;
|
|
223
|
+
--app-launcher-tile-hover-background-alpha: initial;
|
|
210
224
|
--app-launcher-tile-hover-color: initial;
|
|
211
225
|
|
|
212
226
|
--app-launcher-tile-current-background: initial;
|
|
213
227
|
--app-launcher-mark-size: 2.5rem;
|
|
214
|
-
--app-launcher-mark-radius:
|
|
228
|
+
--app-launcher-mark-radius: initial;
|
|
215
229
|
--app-launcher-mark-background: var(--secondary);
|
|
216
230
|
--app-launcher-mark-foreground: var(--secondary-foreground);
|
|
217
231
|
--app-launcher-mark-font-size: var(--font-size-sm, var(--font-size-base));
|
|
@@ -223,7 +237,7 @@
|
|
|
223
237
|
--font-size-2xs,
|
|
224
238
|
calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
|
|
225
239
|
);
|
|
226
|
-
--app-launcher-group-label-color:
|
|
240
|
+
--app-launcher-group-label-color: initial;
|
|
227
241
|
--app-launcher-state-min-height: 8rem;
|
|
228
242
|
|
|
229
243
|
--app-launcher-launchpad-backdrop-background: initial;
|
|
@@ -239,7 +253,7 @@
|
|
|
239
253
|
--app-launcher-launchpad-grid-gap: var(--space-6);
|
|
240
254
|
--app-launcher-launchpad-tile-inline-size: 7.5rem;
|
|
241
255
|
--app-launcher-launchpad-tile-padding: var(--space-3);
|
|
242
|
-
--app-launcher-launchpad-tile-radius:
|
|
256
|
+
--app-launcher-launchpad-tile-radius: initial;
|
|
243
257
|
--app-launcher-launchpad-tile-gap: var(--space-3);
|
|
244
258
|
--app-launcher-launchpad-tile-hover-background: color-mix(
|
|
245
259
|
in srgb,
|
|
@@ -247,7 +261,7 @@
|
|
|
247
261
|
transparent
|
|
248
262
|
);
|
|
249
263
|
--app-launcher-launchpad-mark-size: 4rem;
|
|
250
|
-
--app-launcher-launchpad-mark-radius:
|
|
264
|
+
--app-launcher-launchpad-mark-radius: initial;
|
|
251
265
|
|
|
252
266
|
--app-launcher-launchpad-mark-background: color-mix(in srgb, hsl(var(--card)) 78%, transparent);
|
|
253
267
|
--app-launcher-launchpad-mark-border-color: color-mix(
|
|
@@ -358,7 +372,7 @@
|
|
|
358
372
|
);
|
|
359
373
|
--auth-shell-divider-label-line-height: calc(19 / 11);
|
|
360
374
|
--auth-shell-divider-rule-color: var(--border);
|
|
361
|
-
--auth-shell-divider-label-color:
|
|
375
|
+
--auth-shell-divider-label-color: initial;
|
|
362
376
|
--auth-identity-gap: 0.375rem;
|
|
363
377
|
--auth-requester-gap: 0.375rem;
|
|
364
378
|
--auth-requester-icon-size: var(--icon-size-md);
|