@happyvertical/smrt-ui 0.55.16 → 0.55.18
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/AGENTS.md +14 -0
- package/README.md +75 -0
- package/dist/components/calendar/Calendar.svelte +59 -56
- package/dist/components/calendar/CalendarView.svelte +80 -77
- package/dist/components/calendar/DayView.svelte +39 -36
- package/dist/components/chat/MessageBubble.svelte +26 -23
- package/dist/components/chat/ReactionPicker.svelte +12 -9
- package/dist/components/chat/TypingIndicator.svelte +12 -9
- package/dist/components/data/CollectionList.svelte +11 -8
- package/dist/components/data/CollectionToolbar.svelte +5 -2
- package/dist/components/data/DataTable.svelte +74 -59
- package/dist/components/data/ListSortSelect.svelte +8 -5
- package/dist/components/data/SortableHeader.svelte +10 -7
- package/dist/components/display/ConfidenceBadge.svelte +11 -8
- package/dist/components/display/CurrencyDisplay.svelte +7 -4
- package/dist/components/display/DateDisplay.svelte +6 -3
- package/dist/components/display/Icon.svelte +4 -1
- package/dist/components/display/StatusBadge.svelte +9 -6
- package/dist/components/feedback/Alert.svelte +12 -8
- package/dist/components/feedback/ConfirmDialog.svelte +13 -10
- package/dist/components/feedback/LoadingOverlay.svelte +37 -34
- package/dist/components/feedback/Meter.svelte +4 -1
- package/dist/components/feedback/Modal.svelte +26 -21
- package/dist/components/feedback/PhoneSheet.svelte +6 -3
- package/dist/components/feedback/Progress.svelte +8 -5
- package/dist/components/feedback/ProgressBar.svelte +13 -10
- package/dist/components/feedback/Spinner.svelte +4 -1
- package/dist/components/feedback/ToastViewport.svelte +18 -15
- package/dist/components/feedback/WorkingStrip.svelte +6 -3
- package/dist/components/forms/CameraCapture.svelte +8 -5
- package/dist/components/forms/Checkbox.svelte +11 -8
- package/dist/components/forms/Combobox.svelte +5 -2
- package/dist/components/forms/DatePicker.svelte +7 -2
- package/dist/components/forms/DictationButton.svelte +17 -14
- package/dist/components/forms/DictationStatus.svelte +12 -9
- package/dist/components/forms/ErrorSummary.svelte +4 -1
- package/dist/components/forms/FieldLabel.svelte +9 -6
- package/dist/components/forms/Fieldset.svelte +4 -1
- package/dist/components/forms/FilePicker.svelte +5 -2
- package/dist/components/forms/Form.svelte +1 -1
- package/dist/components/forms/FormActionBar.svelte +4 -1
- package/dist/components/forms/FormGroup.svelte +6 -3
- package/dist/components/forms/Input.svelte +22 -15
- package/dist/components/forms/InputGroup.svelte +6 -3
- package/dist/components/forms/Listbox.svelte +5 -2
- package/dist/components/forms/MultiSelect.svelte +4 -1
- package/dist/components/forms/Radio.svelte +9 -6
- package/dist/components/forms/RadioGroup.svelte +5 -2
- package/dist/components/forms/RangeSlider.svelte +5 -2
- package/dist/components/forms/RelationInput.svelte +7 -4
- package/dist/components/forms/SearchInput.svelte +7 -4
- package/dist/components/forms/SegmentedControl.svelte +6 -3
- package/dist/components/forms/Select.svelte +20 -13
- package/dist/components/forms/SignaturePad.svelte +8 -5
- package/dist/components/forms/Slider.svelte +5 -2
- package/dist/components/forms/StagedControlReview.svelte +15 -12
- package/dist/components/forms/Switch.svelte +8 -5
- package/dist/components/forms/TagsInput.svelte +5 -2
- package/dist/components/forms/Textarea.svelte +20 -13
- package/dist/components/forms/TimePicker.svelte +7 -2
- package/dist/components/forms/Toggle.svelte +14 -11
- package/dist/components/forms/ToggleButton.svelte +5 -2
- package/dist/components/layout/ActionGroup.svelte +4 -1
- package/dist/components/layout/Container.svelte +4 -1
- package/dist/components/layout/EmptyState.svelte +11 -8
- package/dist/components/layout/Footer.svelte +4 -1
- package/dist/components/layout/Grid.svelte +13 -10
- package/dist/components/layout/Header.svelte +4 -1
- package/dist/components/layout/Masthead.svelte +4 -1
- package/dist/components/layout/PageHeader.svelte +12 -9
- package/dist/components/layout/PageLayout.svelte +3 -0
- package/dist/components/layout/SummaryCard.svelte +9 -6
- package/dist/components/memberships/MembershipCard.svelte +5 -2
- package/dist/components/memberships/MembershipList.svelte +5 -2
- package/dist/components/nav/FilterChips.svelte +13 -10
- package/dist/components/nav/Tabs.svelte +75 -41
- package/dist/components/permissions/PermissionPicker.svelte +5 -2
- package/dist/components/roles/RoleBadge.svelte +8 -5
- package/dist/components/roles/RoleSelector.svelte +22 -19
- package/dist/components/theme/ThemeProvider.svelte +7 -4
- package/dist/components/ui/Accordion.svelte +4 -1
- package/dist/components/ui/AccordionItem.svelte +5 -2
- package/dist/components/ui/Avatar.svelte +10 -7
- package/dist/components/ui/Badge.svelte +6 -2
- package/dist/components/ui/Button.svelte +49 -37
- package/dist/components/ui/Card.svelte +18 -14
- package/dist/components/ui/Chip.svelte +41 -14
- package/dist/components/ui/Disclosure.svelte +5 -2
- package/dist/components/ui/Dropdown.svelte +33 -25
- package/dist/components/ui/IconToggle.svelte +12 -9
- package/dist/components/ui/IconToggle.svelte.d.ts +1 -1
- package/dist/components/ui/IconToggle.svelte.d.ts.map +1 -1
- package/dist/components/ui/IconToggleGroup.svelte +8 -5
- package/dist/components/ui/Pagination.svelte +11 -8
- package/dist/components/ui/Popover.svelte +9 -6
- package/dist/components/ui/Skeleton.svelte +10 -7
- package/dist/components/ui/Tooltip.svelte +13 -9
- package/dist/components/ui/Tree.svelte +12 -9
- package/dist/styles/layers.css +8 -0
- package/dist/styles/layers.d.ts +9 -0
- package/dist/styles/layers.d.ts.map +1 -0
- package/dist/styles/layers.js +8 -0
- package/dist/styles/tokens.css +27 -69
- package/dist/styles/unstyled.css +65 -0
- package/dist/svelte/playground/BaseControlsPreview.svelte +3 -0
- package/dist/svelte/playground/CalendarPreview.svelte +5 -2
- package/dist/svelte/playground/CapturePreview.svelte +3 -0
- package/dist/svelte/playground/CodeSelectorsPreview.svelte +3 -0
- package/dist/svelte/playground/CollectionsPreview.svelte +3 -0
- package/dist/svelte/playground/DataTablePreview.svelte +3 -0
- package/dist/svelte/playground/FeedbackPreview.svelte +3 -0
- package/dist/svelte/playground/InteractiveControlsPreview.svelte +3 -0
- package/dist/svelte/playground/StylelessPreview.svelte +110 -0
- package/dist/svelte/playground/StylelessPreview.svelte.d.ts +4 -0
- package/dist/svelte/playground/StylelessPreview.svelte.d.ts.map +1 -0
- package/dist/svelte/playground.d.ts.map +1 -1
- package/dist/svelte/playground.js +10 -0
- package/dist/test-support/setup.js +9 -0
- package/dist/theme/ThemeProvider.svelte +3 -0
- package/dist/themes/CUSTOM_THEME_GUIDE.md +40 -0
- package/dist/themes/README.md +151 -0
- package/dist/themes/ThemeProvider.svelte +181 -12
- package/dist/themes/ThemeProvider.svelte.d.ts +7 -2
- package/dist/themes/ThemeProvider.svelte.d.ts.map +1 -1
- package/dist/themes/components/ColorSchemeToggle.svelte +17 -14
- package/dist/themes/components/ThemeSwitcher.svelte +14 -11
- package/dist/themes/create-theme.d.ts +22 -1
- package/dist/themes/create-theme.d.ts.map +1 -1
- package/dist/themes/create-theme.js +100 -9
- package/dist/themes/css-generator.d.ts.map +1 -1
- package/dist/themes/css-generator.js +20 -20
- package/dist/themes/derive.d.ts +31 -0
- package/dist/themes/derive.d.ts.map +1 -0
- package/dist/themes/derive.js +183 -0
- package/dist/themes/glass/index.d.ts.map +1 -1
- package/dist/themes/glass/index.js +127 -14
- package/dist/themes/happyvertical/index.d.ts.map +1 -1
- package/dist/themes/happyvertical/index.js +101 -20
- package/dist/themes/index.d.ts +2 -2
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +1 -1
- package/dist/themes/material/index.d.ts.map +1 -1
- package/dist/themes/material/index.js +129 -28
- package/dist/themes/required-tokens.generated.json +201 -0
- package/dist/themes/shared.d.ts +35 -0
- package/dist/themes/shared.d.ts.map +1 -1
- package/dist/themes/shared.js +32 -0
- package/dist/themes/smrt/index.d.ts +3 -0
- package/dist/themes/smrt/index.d.ts.map +1 -1
- package/dist/themes/smrt/index.js +108 -26
- package/dist/themes/studio/index.d.ts.map +1 -1
- package/dist/themes/studio/index.js +116 -40
- package/dist/themes/styles/base.css +229 -1
- package/dist/themes/styles/glass.css +107 -20
- package/dist/themes/styles/happyvertical.css +111 -15
- package/dist/themes/styles/material.css +127 -35
- package/dist/themes/styles/smrt.css +126 -31
- package/dist/themes/styles/studio.css +132 -37
- package/dist/themes/theme-script.d.ts +3 -1
- package/dist/themes/theme-script.d.ts.map +1 -1
- package/dist/themes/theme-script.js +7 -2
- package/dist/themes/types.d.ts +118 -6
- package/dist/themes/types.d.ts.map +1 -1
- package/dist/utils/theme/typography.d.ts +21 -21
- package/dist/utils/theme/typography.js +21 -21
- package/package.json +8 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
@layer smrt.reset, smrt.structure, smrt.theme;/**
|
|
2
3
|
* Studio Theme CSS
|
|
3
4
|
*
|
|
4
5
|
* Static CSS file for Studio theme.
|
|
@@ -26,6 +27,10 @@
|
|
|
26
27
|
--smrt-color-on-tertiary: #ffffff;
|
|
27
28
|
--smrt-color-tertiary-container: #f3e8fd;
|
|
28
29
|
--smrt-color-on-tertiary-container: #6b12b8;
|
|
30
|
+
--smrt-color-info: #9334e6;
|
|
31
|
+
--smrt-color-on-info: #ffffff;
|
|
32
|
+
--smrt-color-info-container: #f3e8fd;
|
|
33
|
+
--smrt-color-on-info-container: #6b12b8;
|
|
29
34
|
--smrt-color-error: #d93025;
|
|
30
35
|
--smrt-color-on-error: #ffffff;
|
|
31
36
|
--smrt-color-error-container: #fce8e6;
|
|
@@ -61,31 +66,31 @@
|
|
|
61
66
|
--smrt-typography-display-large-size: 3rem;
|
|
62
67
|
--smrt-typography-display-large-line-height: 1.1;
|
|
63
68
|
--smrt-typography-display-large-weight: 400;
|
|
64
|
-
--smrt-typography-display-large-tracking: -0.
|
|
69
|
+
--smrt-typography-display-large-tracking: -0.02em;
|
|
65
70
|
--smrt-typography-display-large-font-family: var(--smrt-font-family);
|
|
66
71
|
--smrt-typography-display-large-font: 400 3rem/1.1 var(--smrt-font-family);
|
|
67
72
|
--smrt-typography-display-medium-size: 2.5rem;
|
|
68
73
|
--smrt-typography-display-medium-line-height: 1.15;
|
|
69
74
|
--smrt-typography-display-medium-weight: 400;
|
|
70
|
-
--smrt-typography-display-medium-tracking: -0.
|
|
75
|
+
--smrt-typography-display-medium-tracking: -0.015em;
|
|
71
76
|
--smrt-typography-display-medium-font-family: var(--smrt-font-family);
|
|
72
77
|
--smrt-typography-display-medium-font: 400 2.5rem/1.15 var(--smrt-font-family);
|
|
73
78
|
--smrt-typography-display-small-size: 2rem;
|
|
74
79
|
--smrt-typography-display-small-line-height: 1.2;
|
|
75
80
|
--smrt-typography-display-small-weight: 400;
|
|
76
|
-
--smrt-typography-display-small-tracking: -0.
|
|
81
|
+
--smrt-typography-display-small-tracking: -0.01em;
|
|
77
82
|
--smrt-typography-display-small-font-family: var(--smrt-font-family);
|
|
78
83
|
--smrt-typography-display-small-font: 400 2rem/1.2 var(--smrt-font-family);
|
|
79
84
|
--smrt-typography-headline-large-size: 1.75rem;
|
|
80
85
|
--smrt-typography-headline-large-line-height: 1.25;
|
|
81
86
|
--smrt-typography-headline-large-weight: 400;
|
|
82
|
-
--smrt-typography-headline-large-tracking: 0;
|
|
87
|
+
--smrt-typography-headline-large-tracking: -0.01em;
|
|
83
88
|
--smrt-typography-headline-large-font-family: var(--smrt-font-family);
|
|
84
89
|
--smrt-typography-headline-large-font: 400 1.75rem/1.25 var(--smrt-font-family);
|
|
85
90
|
--smrt-typography-headline-medium-size: 1.5rem;
|
|
86
91
|
--smrt-typography-headline-medium-line-height: 1.3;
|
|
87
92
|
--smrt-typography-headline-medium-weight: 400;
|
|
88
|
-
--smrt-typography-headline-medium-tracking: 0;
|
|
93
|
+
--smrt-typography-headline-medium-tracking: -0.005em;
|
|
89
94
|
--smrt-typography-headline-medium-font-family: var(--smrt-font-family);
|
|
90
95
|
--smrt-typography-headline-medium-font: 400 1.5rem/1.3 var(--smrt-font-family);
|
|
91
96
|
--smrt-typography-headline-small-size: 1.25rem;
|
|
@@ -133,13 +138,13 @@
|
|
|
133
138
|
--smrt-typography-label-large-size: 0.875rem;
|
|
134
139
|
--smrt-typography-label-large-line-height: 1.5;
|
|
135
140
|
--smrt-typography-label-large-weight: 500;
|
|
136
|
-
--smrt-typography-label-large-tracking: 0.
|
|
141
|
+
--smrt-typography-label-large-tracking: 0.01em;
|
|
137
142
|
--smrt-typography-label-large-font-family: var(--smrt-font-family);
|
|
138
143
|
--smrt-typography-label-large-font: 500 0.875rem/1.5 var(--smrt-font-family);
|
|
139
144
|
--smrt-typography-label-medium-size: 0.75rem;
|
|
140
145
|
--smrt-typography-label-medium-line-height: 1.5;
|
|
141
146
|
--smrt-typography-label-medium-weight: 500;
|
|
142
|
-
--smrt-typography-label-medium-tracking: 0.
|
|
147
|
+
--smrt-typography-label-medium-tracking: 0.02em;
|
|
143
148
|
--smrt-typography-label-medium-font-family: var(--smrt-font-family);
|
|
144
149
|
--smrt-typography-label-medium-font: 500 0.75rem/1.5 var(--smrt-font-family);
|
|
145
150
|
--smrt-typography-label-small-size: 0.6875rem;
|
|
@@ -189,12 +194,12 @@
|
|
|
189
194
|
--smrt-radius-medium: 0.5rem;
|
|
190
195
|
--smrt-radius-large: 0.75rem;
|
|
191
196
|
--smrt-radius-extra-large: 1rem;
|
|
192
|
-
--smrt-elevation-0:
|
|
193
|
-
--smrt-elevation-1: inset 0 0 0 1px
|
|
194
|
-
--smrt-elevation-2: 0 1px 2px 0
|
|
195
|
-
--smrt-elevation-3: 0 2px
|
|
196
|
-
--smrt-elevation-4: 0
|
|
197
|
-
--smrt-elevation-5: 0
|
|
197
|
+
--smrt-elevation-0: 0 0 0 0 transparent;
|
|
198
|
+
--smrt-elevation-1: inset 0 0 0 1px var(--smrt-hairline-color);
|
|
199
|
+
--smrt-elevation-2: 0 1px 2px 0 color-mix(in srgb, var(--smrt-shadow-color) 10%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--smrt-shadow-color) 8%, transparent);
|
|
200
|
+
--smrt-elevation-3: 0 1px 2px 0 color-mix(in srgb, var(--smrt-shadow-color) 12%, transparent), 0 4px 8px -3px color-mix(in srgb, var(--smrt-shadow-color) 10%, transparent);
|
|
201
|
+
--smrt-elevation-4: 0 2px 3px 0 color-mix(in srgb, var(--smrt-shadow-color) 12%, transparent), 0 8px 16px -4px color-mix(in srgb, var(--smrt-shadow-color) 12%, transparent);
|
|
202
|
+
--smrt-elevation-5: 0 2px 4px 0 color-mix(in srgb, var(--smrt-shadow-color) 14%, transparent), 0 16px 32px -8px color-mix(in srgb, var(--smrt-shadow-color) 16%, transparent);
|
|
198
203
|
--smrt-duration-instant: 0ms;
|
|
199
204
|
--smrt-duration-fast: 100ms;
|
|
200
205
|
--smrt-duration-normal: 200ms;
|
|
@@ -232,6 +237,48 @@
|
|
|
232
237
|
--smrt-z-index-toast: 1500;
|
|
233
238
|
--smrt-z-index-tooltip: 1600;
|
|
234
239
|
--smrt-z-index-loading: 1700;
|
|
240
|
+
--smrt-surface-ground: #ffffff;
|
|
241
|
+
--smrt-surface-panel: #ffffff;
|
|
242
|
+
--smrt-surface-control: #f6f7f8;
|
|
243
|
+
--smrt-surface-raised: #ffffff;
|
|
244
|
+
--smrt-surface-sunken: #f1f3f4;
|
|
245
|
+
--smrt-surface-overlay: rgba(0, 0, 0, 0.5);
|
|
246
|
+
--smrt-hairline-color: color-mix(in srgb, var(--smrt-color-on-surface) 12%, transparent);
|
|
247
|
+
--smrt-hairline-strong-color: color-mix(in srgb, var(--smrt-color-on-surface) 32%, transparent);
|
|
248
|
+
--smrt-hairline: 1px solid var(--smrt-hairline-color);
|
|
249
|
+
--smrt-hairline-strong: 1px solid var(--smrt-hairline-strong-color);
|
|
250
|
+
--smrt-inset-highlight: inset 0 1px 0 transparent;
|
|
251
|
+
--smrt-state-hover: 0.06;
|
|
252
|
+
--smrt-state-pressed: 0.10;
|
|
253
|
+
--smrt-state-selected: 0.10;
|
|
254
|
+
--smrt-state-focus: 0.10;
|
|
255
|
+
--smrt-state-dragged: 0.14;
|
|
256
|
+
--smrt-state-disabled: 0.38;
|
|
257
|
+
--smrt-shadow-color: rgb(60 64 67);
|
|
258
|
+
--smrt-control-radius: 0.375rem;
|
|
259
|
+
--smrt-control-radius-small: var(--smrt-radius-sm);
|
|
260
|
+
--smrt-control-height: 2.5rem;
|
|
261
|
+
--smrt-control-height-small: 2rem;
|
|
262
|
+
--smrt-control-weight: 500;
|
|
263
|
+
--smrt-control-border: var(--smrt-hairline-strong);
|
|
264
|
+
--smrt-focus-ring-color: var(--smrt-color-primary);
|
|
265
|
+
--smrt-focus-ring-width: 2px;
|
|
266
|
+
--smrt-focus-ring-offset: 2px;
|
|
267
|
+
--smrt-accent-color: var(--smrt-color-primary);
|
|
268
|
+
--smrt-selection-background: var(--smrt-color-primary-container);
|
|
269
|
+
--smrt-selection-color: var(--smrt-color-on-primary-container);
|
|
270
|
+
--smrt-caret-color: var(--smrt-color-primary);
|
|
271
|
+
--smrt-scrollbar-thumb: var(--smrt-hairline-strong-color);
|
|
272
|
+
--smrt-scrollbar-track: transparent;
|
|
273
|
+
--smrt-glass-blur: 0px;
|
|
274
|
+
--smrt-glass-saturation: 100%;
|
|
275
|
+
--smrt-glass-surface: var(--smrt-surface-panel);
|
|
276
|
+
--smrt-glass-surface-strong: var(--smrt-surface-raised);
|
|
277
|
+
--smrt-glass-border: var(--smrt-hairline-color);
|
|
278
|
+
--smrt-glass-border-opacity: 1;
|
|
279
|
+
--smrt-glass-background-opacity: 1;
|
|
280
|
+
--smrt-duration-scheme: var(--smrt-duration-medium1);
|
|
281
|
+
--smrt-font-feature-settings: normal;
|
|
235
282
|
}
|
|
236
283
|
|
|
237
284
|
[data-theme="studio"][data-color-scheme="dark"] {
|
|
@@ -253,6 +300,10 @@
|
|
|
253
300
|
--smrt-color-on-tertiary: #3e1385;
|
|
254
301
|
--smrt-color-tertiary-container: #6b12b8;
|
|
255
302
|
--smrt-color-on-tertiary-container: #f3e8fd;
|
|
303
|
+
--smrt-color-info: #c58af9;
|
|
304
|
+
--smrt-color-on-info: #3e1385;
|
|
305
|
+
--smrt-color-info-container: #6b12b8;
|
|
306
|
+
--smrt-color-on-info-container: #f3e8fd;
|
|
256
307
|
--smrt-color-error: #f28b82;
|
|
257
308
|
--smrt-color-on-error: #5c150c;
|
|
258
309
|
--smrt-color-error-container: #a50e0e;
|
|
@@ -265,18 +316,18 @@
|
|
|
265
316
|
--smrt-color-on-success: #0d3b1f;
|
|
266
317
|
--smrt-color-success-container: #137333;
|
|
267
318
|
--smrt-color-on-success-container: #e6f4ea;
|
|
268
|
-
--smrt-color-surface: #
|
|
319
|
+
--smrt-color-surface: #131416;
|
|
269
320
|
--smrt-color-on-surface: #e8eaed;
|
|
270
|
-
--smrt-color-surface-variant: #
|
|
321
|
+
--smrt-color-surface-variant: #1c1d20;
|
|
271
322
|
--smrt-color-on-surface-variant: #9aa0a6;
|
|
272
|
-
--smrt-color-surface-container: #
|
|
273
|
-
--smrt-color-surface-container-low: #
|
|
274
|
-
--smrt-color-surface-container-high: #
|
|
275
|
-
--smrt-color-surface-container-highest: #
|
|
276
|
-
--smrt-color-surface-container-lowest: #
|
|
277
|
-
--smrt-color-surface-dim: #
|
|
278
|
-
--smrt-color-surface-bright: #
|
|
279
|
-
--smrt-color-background: #
|
|
323
|
+
--smrt-color-surface-container: #1a1b1e;
|
|
324
|
+
--smrt-color-surface-container-low: #16171a;
|
|
325
|
+
--smrt-color-surface-container-high: #202124;
|
|
326
|
+
--smrt-color-surface-container-highest: #292a2d;
|
|
327
|
+
--smrt-color-surface-container-lowest: #0e0f10;
|
|
328
|
+
--smrt-color-surface-dim: #0e0f10;
|
|
329
|
+
--smrt-color-surface-bright: #2b2c2f;
|
|
330
|
+
--smrt-color-background: #131416;
|
|
280
331
|
--smrt-color-on-background: #e8eaed;
|
|
281
332
|
--smrt-color-outline: #8c8e92;
|
|
282
333
|
--smrt-color-outline-variant: #3c4043;
|
|
@@ -288,31 +339,31 @@
|
|
|
288
339
|
--smrt-typography-display-large-size: 3rem;
|
|
289
340
|
--smrt-typography-display-large-line-height: 1.1;
|
|
290
341
|
--smrt-typography-display-large-weight: 400;
|
|
291
|
-
--smrt-typography-display-large-tracking: -0.
|
|
342
|
+
--smrt-typography-display-large-tracking: -0.02em;
|
|
292
343
|
--smrt-typography-display-large-font-family: var(--smrt-font-family);
|
|
293
344
|
--smrt-typography-display-large-font: 400 3rem/1.1 var(--smrt-font-family);
|
|
294
345
|
--smrt-typography-display-medium-size: 2.5rem;
|
|
295
346
|
--smrt-typography-display-medium-line-height: 1.15;
|
|
296
347
|
--smrt-typography-display-medium-weight: 400;
|
|
297
|
-
--smrt-typography-display-medium-tracking: -0.
|
|
348
|
+
--smrt-typography-display-medium-tracking: -0.015em;
|
|
298
349
|
--smrt-typography-display-medium-font-family: var(--smrt-font-family);
|
|
299
350
|
--smrt-typography-display-medium-font: 400 2.5rem/1.15 var(--smrt-font-family);
|
|
300
351
|
--smrt-typography-display-small-size: 2rem;
|
|
301
352
|
--smrt-typography-display-small-line-height: 1.2;
|
|
302
353
|
--smrt-typography-display-small-weight: 400;
|
|
303
|
-
--smrt-typography-display-small-tracking: -0.
|
|
354
|
+
--smrt-typography-display-small-tracking: -0.01em;
|
|
304
355
|
--smrt-typography-display-small-font-family: var(--smrt-font-family);
|
|
305
356
|
--smrt-typography-display-small-font: 400 2rem/1.2 var(--smrt-font-family);
|
|
306
357
|
--smrt-typography-headline-large-size: 1.75rem;
|
|
307
358
|
--smrt-typography-headline-large-line-height: 1.25;
|
|
308
359
|
--smrt-typography-headline-large-weight: 400;
|
|
309
|
-
--smrt-typography-headline-large-tracking: 0;
|
|
360
|
+
--smrt-typography-headline-large-tracking: -0.01em;
|
|
310
361
|
--smrt-typography-headline-large-font-family: var(--smrt-font-family);
|
|
311
362
|
--smrt-typography-headline-large-font: 400 1.75rem/1.25 var(--smrt-font-family);
|
|
312
363
|
--smrt-typography-headline-medium-size: 1.5rem;
|
|
313
364
|
--smrt-typography-headline-medium-line-height: 1.3;
|
|
314
365
|
--smrt-typography-headline-medium-weight: 400;
|
|
315
|
-
--smrt-typography-headline-medium-tracking: 0;
|
|
366
|
+
--smrt-typography-headline-medium-tracking: -0.005em;
|
|
316
367
|
--smrt-typography-headline-medium-font-family: var(--smrt-font-family);
|
|
317
368
|
--smrt-typography-headline-medium-font: 400 1.5rem/1.3 var(--smrt-font-family);
|
|
318
369
|
--smrt-typography-headline-small-size: 1.25rem;
|
|
@@ -360,13 +411,13 @@
|
|
|
360
411
|
--smrt-typography-label-large-size: 0.875rem;
|
|
361
412
|
--smrt-typography-label-large-line-height: 1.5;
|
|
362
413
|
--smrt-typography-label-large-weight: 500;
|
|
363
|
-
--smrt-typography-label-large-tracking: 0.
|
|
414
|
+
--smrt-typography-label-large-tracking: 0.01em;
|
|
364
415
|
--smrt-typography-label-large-font-family: var(--smrt-font-family);
|
|
365
416
|
--smrt-typography-label-large-font: 500 0.875rem/1.5 var(--smrt-font-family);
|
|
366
417
|
--smrt-typography-label-medium-size: 0.75rem;
|
|
367
418
|
--smrt-typography-label-medium-line-height: 1.5;
|
|
368
419
|
--smrt-typography-label-medium-weight: 500;
|
|
369
|
-
--smrt-typography-label-medium-tracking: 0.
|
|
420
|
+
--smrt-typography-label-medium-tracking: 0.02em;
|
|
370
421
|
--smrt-typography-label-medium-font-family: var(--smrt-font-family);
|
|
371
422
|
--smrt-typography-label-medium-font: 500 0.75rem/1.5 var(--smrt-font-family);
|
|
372
423
|
--smrt-typography-label-small-size: 0.6875rem;
|
|
@@ -416,12 +467,12 @@
|
|
|
416
467
|
--smrt-radius-medium: 0.5rem;
|
|
417
468
|
--smrt-radius-large: 0.75rem;
|
|
418
469
|
--smrt-radius-extra-large: 1rem;
|
|
419
|
-
--smrt-elevation-0:
|
|
420
|
-
--smrt-elevation-1: inset 0 0 0 1px
|
|
421
|
-
--smrt-elevation-2: 0 1px 2px 0
|
|
422
|
-
--smrt-elevation-3: 0 2px
|
|
423
|
-
--smrt-elevation-4: 0
|
|
424
|
-
--smrt-elevation-5: 0
|
|
470
|
+
--smrt-elevation-0: 0 0 0 0 transparent;
|
|
471
|
+
--smrt-elevation-1: inset 0 0 0 1px var(--smrt-hairline-color);
|
|
472
|
+
--smrt-elevation-2: var(--smrt-inset-highlight), 0 1px 2px 0 color-mix(in srgb, var(--smrt-shadow-color) 28%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--smrt-shadow-color) 20%, transparent);
|
|
473
|
+
--smrt-elevation-3: var(--smrt-inset-highlight), 0 1px 2px 0 color-mix(in srgb, var(--smrt-shadow-color) 30%, transparent), 0 4px 8px -3px color-mix(in srgb, var(--smrt-shadow-color) 24%, transparent);
|
|
474
|
+
--smrt-elevation-4: var(--smrt-inset-highlight), 0 2px 3px 0 color-mix(in srgb, var(--smrt-shadow-color) 32%, transparent), 0 8px 16px -4px color-mix(in srgb, var(--smrt-shadow-color) 28%, transparent);
|
|
475
|
+
--smrt-elevation-5: var(--smrt-inset-highlight), 0 2px 4px 0 color-mix(in srgb, var(--smrt-shadow-color) 34%, transparent), 0 16px 32px -8px color-mix(in srgb, var(--smrt-shadow-color) 32%, transparent);
|
|
425
476
|
--smrt-duration-instant: 0ms;
|
|
426
477
|
--smrt-duration-fast: 100ms;
|
|
427
478
|
--smrt-duration-normal: 200ms;
|
|
@@ -459,9 +510,52 @@
|
|
|
459
510
|
--smrt-z-index-toast: 1500;
|
|
460
511
|
--smrt-z-index-tooltip: 1600;
|
|
461
512
|
--smrt-z-index-loading: 1700;
|
|
513
|
+
--smrt-surface-ground: #131416;
|
|
514
|
+
--smrt-surface-panel: #131416;
|
|
515
|
+
--smrt-surface-control: #1c1d20;
|
|
516
|
+
--smrt-surface-raised: #292a2d;
|
|
517
|
+
--smrt-surface-sunken: #0e0f10;
|
|
518
|
+
--smrt-surface-overlay: rgba(0, 0, 0, 0.7);
|
|
519
|
+
--smrt-hairline-color: color-mix(in srgb, var(--smrt-color-on-surface) 14%, transparent);
|
|
520
|
+
--smrt-hairline-strong-color: color-mix(in srgb, var(--smrt-color-on-surface) 32%, transparent);
|
|
521
|
+
--smrt-hairline: 1px solid var(--smrt-hairline-color);
|
|
522
|
+
--smrt-hairline-strong: 1px solid var(--smrt-hairline-strong-color);
|
|
523
|
+
--smrt-inset-highlight: inset 0 1px 0 rgb(255 255 255 / 0.05);
|
|
524
|
+
--smrt-state-hover: 0.06;
|
|
525
|
+
--smrt-state-pressed: 0.10;
|
|
526
|
+
--smrt-state-selected: 0.10;
|
|
527
|
+
--smrt-state-focus: 0.10;
|
|
528
|
+
--smrt-state-dragged: 0.14;
|
|
529
|
+
--smrt-state-disabled: 0.38;
|
|
530
|
+
--smrt-shadow-color: rgb(0 0 0);
|
|
531
|
+
--smrt-control-radius: 0.375rem;
|
|
532
|
+
--smrt-control-radius-small: var(--smrt-radius-sm);
|
|
533
|
+
--smrt-control-height: 2.5rem;
|
|
534
|
+
--smrt-control-height-small: 2rem;
|
|
535
|
+
--smrt-control-weight: 500;
|
|
536
|
+
--smrt-control-border: var(--smrt-hairline-strong);
|
|
537
|
+
--smrt-focus-ring-color: var(--smrt-color-primary);
|
|
538
|
+
--smrt-focus-ring-width: 2px;
|
|
539
|
+
--smrt-focus-ring-offset: 2px;
|
|
540
|
+
--smrt-accent-color: var(--smrt-color-primary);
|
|
541
|
+
--smrt-selection-background: var(--smrt-color-primary-container);
|
|
542
|
+
--smrt-selection-color: var(--smrt-color-on-primary-container);
|
|
543
|
+
--smrt-caret-color: var(--smrt-color-primary);
|
|
544
|
+
--smrt-scrollbar-thumb: var(--smrt-hairline-strong-color);
|
|
545
|
+
--smrt-scrollbar-track: transparent;
|
|
546
|
+
--smrt-glass-blur: 0px;
|
|
547
|
+
--smrt-glass-saturation: 100%;
|
|
548
|
+
--smrt-glass-surface: var(--smrt-surface-panel);
|
|
549
|
+
--smrt-glass-surface-strong: var(--smrt-surface-raised);
|
|
550
|
+
--smrt-glass-border: var(--smrt-hairline-color);
|
|
551
|
+
--smrt-glass-border-opacity: 1;
|
|
552
|
+
--smrt-glass-background-opacity: 1;
|
|
553
|
+
--smrt-duration-scheme: var(--smrt-duration-medium1);
|
|
554
|
+
--smrt-font-feature-settings: normal;
|
|
462
555
|
}
|
|
463
556
|
|
|
464
557
|
/* Studio utility classes for flat design */
|
|
558
|
+
@layer smrt.theme {
|
|
465
559
|
.smrt-flat {
|
|
466
560
|
box-shadow: none;
|
|
467
561
|
border: 1px solid var(--smrt-color-outline);
|
|
@@ -482,6 +576,7 @@
|
|
|
482
576
|
outline: 2px solid var(--smrt-color-primary);
|
|
483
577
|
outline-offset: 2px;
|
|
484
578
|
}
|
|
579
|
+
}
|
|
485
580
|
|
|
486
581
|
/*
|
|
487
582
|
* Material-3 vocabulary aliases + helper tokens (issue #1431).
|
|
@@ -42,7 +42,9 @@ export interface ThemeScriptOptions {
|
|
|
42
42
|
* Returns the JS body (no `<script>` tags) of a pre-paint bootstrap that
|
|
43
43
|
* mirrors ThemeProvider's persistence: reads the stored config, resolves
|
|
44
44
|
* 'system' via matchMedia, then stamps `data-theme`, `data-color-scheme`,
|
|
45
|
-
* the `dark` class, and `color-scheme` style on <html
|
|
45
|
+
* the `dark` class, and `color-scheme` style on <html>, plus `data-contrast`
|
|
46
|
+
* (`standard|more|forced`, from the persisted preference and
|
|
47
|
+
* `prefers-contrast`/`forced-colors`) and `data-density` (persisted only). Variable values are
|
|
46
48
|
* delivered by the static stylesheets selected by those attributes, so the
|
|
47
49
|
* persisted preset/scheme paints correctly before hydration with no inline
|
|
48
50
|
* variable payload.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../../src/themes/theme-script.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG3D,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC;AASD
|
|
1
|
+
{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../../src/themes/theme-script.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG3D,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC;AASD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAuBpE"}
|
|
@@ -39,7 +39,9 @@ function inlineJSON(value) {
|
|
|
39
39
|
* Returns the JS body (no `<script>` tags) of a pre-paint bootstrap that
|
|
40
40
|
* mirrors ThemeProvider's persistence: reads the stored config, resolves
|
|
41
41
|
* 'system' via matchMedia, then stamps `data-theme`, `data-color-scheme`,
|
|
42
|
-
* the `dark` class, and `color-scheme` style on <html
|
|
42
|
+
* the `dark` class, and `color-scheme` style on <html>, plus `data-contrast`
|
|
43
|
+
* (`standard|more|forced`, from the persisted preference and
|
|
44
|
+
* `prefers-contrast`/`forced-colors`) and `data-density` (persisted only). Variable values are
|
|
43
45
|
* delivered by the static stylesheets selected by those attributes, so the
|
|
44
46
|
* persisted preset/scheme paints correctly before hydration with no inline
|
|
45
47
|
* variable payload.
|
|
@@ -59,5 +61,8 @@ export function themeScript(options = {}) {
|
|
|
59
61
|
// Keep this dependency-free and ES5-ish: it runs inline in every browser
|
|
60
62
|
// before any framework code. Must stay in sync with
|
|
61
63
|
// ThemeProvider.svelte's loadPersistedConfig()/resolvedScheme.
|
|
62
|
-
|
|
64
|
+
const read = persist
|
|
65
|
+
? `try{var raw=localStorage.getItem(${inlineJSON(storageKey)});if(raw){var d=JSON.parse(raw);if(d&&typeof d==='object'){var s=d.colorScheme;if(s==='light'||s==='dark'||s==='system')scheme=s;if(typeof d.preset==='string'&&presets.indexOf(d.preset)!==-1)preset=d.preset;if(d.density==='comfortable'||d.density==='touch')den=d.density;if(d.contrast==='standard'||d.contrast==='more')con=d.contrast;}}}catch(_){}`
|
|
66
|
+
: '';
|
|
67
|
+
return `(function(){try{var presets=${inlineJSON(presetNames)},scheme=${inlineJSON(fallback)},preset=${inlineJSON(preset)},den,con,m=function(q){return window.matchMedia(q).matches};${read}if(scheme==='system')scheme=m('(prefers-color-scheme: dark)')?'dark':'light';var forced=m('(forced-colors: active)'),el=document.documentElement;el.setAttribute('data-theme',preset);el.setAttribute('data-color-scheme',scheme);el.setAttribute('data-contrast',forced?'forced':con==='more'||(con!=='standard'&&m('(prefers-contrast: more)'))?'more':'standard');if(forced)el.setAttribute('data-forced-colors','');if(den)el.setAttribute('data-density',den);el.classList.toggle('dark',scheme==='dark');el.style.colorScheme=scheme;}catch(_){}})();`;
|
|
63
68
|
}
|
package/dist/themes/types.d.ts
CHANGED
|
@@ -10,6 +10,12 @@ export type ThemePreset = 'material' | 'glass' | 'studio' | 'smrt' | 'happyverti
|
|
|
10
10
|
export type ColorScheme = 'light' | 'dark' | 'system';
|
|
11
11
|
/** Resolved color scheme (never 'system') */
|
|
12
12
|
export type ResolvedScheme = 'light' | 'dark';
|
|
13
|
+
/** Control target density */
|
|
14
|
+
export type ThemeDensity = 'comfortable' | 'touch';
|
|
15
|
+
/** Contrast preference accepted by ThemeProvider (`auto` follows the OS) */
|
|
16
|
+
export type ContrastPreference = 'auto' | 'standard' | 'more';
|
|
17
|
+
/** Resolved contrast level; `forced` means `forced-colors: active` */
|
|
18
|
+
export type ResolvedContrast = 'standard' | 'more' | 'forced';
|
|
13
19
|
/** Border radius scale */
|
|
14
20
|
export type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
15
21
|
/**
|
|
@@ -29,6 +35,11 @@ export interface ColorPalette {
|
|
|
29
35
|
onTertiary: string;
|
|
30
36
|
tertiaryContainer: string;
|
|
31
37
|
onTertiaryContainer: string;
|
|
38
|
+
/** Info family; a palette that omits it inherits its tertiary family. */
|
|
39
|
+
info?: string;
|
|
40
|
+
onInfo?: string;
|
|
41
|
+
infoContainer?: string;
|
|
42
|
+
onInfoContainer?: string;
|
|
32
43
|
error: string;
|
|
33
44
|
onError: string;
|
|
34
45
|
errorContainer: string;
|
|
@@ -165,18 +176,93 @@ export interface EasingScale {
|
|
|
165
176
|
emphasizedDecelerate: string;
|
|
166
177
|
emphasizedAccelerate: string;
|
|
167
178
|
}
|
|
179
|
+
/** A pair of values that depend on the resolved colour scheme. */
|
|
180
|
+
export interface PerScheme<T> {
|
|
181
|
+
light: T;
|
|
182
|
+
dark: T;
|
|
183
|
+
}
|
|
184
|
+
/** Surface ladder (`--smrt-surface-*`), from the page ground up to overlays. */
|
|
185
|
+
export interface SurfaceLadder {
|
|
186
|
+
/** Page ground behind everything. */
|
|
187
|
+
ground: string;
|
|
188
|
+
/** Panels, cards, sidebars sitting on the ground. */
|
|
189
|
+
panel: string;
|
|
190
|
+
/** Input and control fills. */
|
|
191
|
+
control: string;
|
|
192
|
+
/** Menus, popovers, dialogs lifted above panels. */
|
|
193
|
+
raised: string;
|
|
194
|
+
/** Wells and inset regions recessed below panels. */
|
|
195
|
+
sunken: string;
|
|
196
|
+
/** Modal scrim colour. */
|
|
197
|
+
overlay: string;
|
|
198
|
+
}
|
|
199
|
+
/** Edge tokens (`--smrt-hairline-*`, `--smrt-inset-highlight`). */
|
|
200
|
+
export interface HairlineTokens {
|
|
201
|
+
/** Quiet divider colour. */
|
|
202
|
+
color: string;
|
|
203
|
+
/** Stronger edge colour (control borders). */
|
|
204
|
+
strongColor: string;
|
|
205
|
+
/** `box-shadow` value for the top inner light line (`none` on light). */
|
|
206
|
+
insetHighlight: string;
|
|
207
|
+
}
|
|
208
|
+
/** Interaction state-layer opacities (unitless, 0 to 1). */
|
|
209
|
+
export interface StateLayers {
|
|
210
|
+
hover: string;
|
|
211
|
+
pressed: string;
|
|
212
|
+
selected: string;
|
|
213
|
+
focus: string;
|
|
214
|
+
dragged: string;
|
|
215
|
+
disabled: string;
|
|
216
|
+
}
|
|
217
|
+
/** Shared control geometry (`--smrt-control-*`). */
|
|
218
|
+
export interface ControlTokens {
|
|
219
|
+
radius: string;
|
|
220
|
+
radiusSmall: string;
|
|
221
|
+
height: string;
|
|
222
|
+
heightSmall: string;
|
|
223
|
+
weight: string;
|
|
224
|
+
border: string;
|
|
225
|
+
}
|
|
226
|
+
/** Focus ring (`--smrt-focus-ring-*`). */
|
|
227
|
+
export interface FocusRingTokens {
|
|
228
|
+
color: string;
|
|
229
|
+
width: string;
|
|
230
|
+
offset: string;
|
|
231
|
+
}
|
|
232
|
+
/** Native browser chrome colours. */
|
|
233
|
+
export interface NativeChromeTokens {
|
|
234
|
+
accent: string;
|
|
235
|
+
selectionBackground: string;
|
|
236
|
+
selectionColor: string;
|
|
237
|
+
caret: string;
|
|
238
|
+
scrollbarThumb: string;
|
|
239
|
+
scrollbarTrack: string;
|
|
240
|
+
}
|
|
241
|
+
/** Translucent glass surfaces (`--smrt-glass-surface*`, `--smrt-glass-border`). */
|
|
242
|
+
export interface GlassSurfaces {
|
|
243
|
+
surface: string;
|
|
244
|
+
surfaceStrong: string;
|
|
245
|
+
border: string;
|
|
246
|
+
}
|
|
168
247
|
/**
|
|
169
|
-
* Glass effect configuration
|
|
248
|
+
* Glass effect configuration. Every theme has one: non-glass themes use the
|
|
249
|
+
* opaque default (`blur: 0px`, `saturation: 100%`, opaque surfaces) so
|
|
250
|
+
* components can always consume the glass tokens.
|
|
170
251
|
*/
|
|
171
252
|
export interface GlassEffects {
|
|
172
253
|
/** Backdrop blur amount */
|
|
173
254
|
blur: string;
|
|
174
255
|
/** Saturation adjustment */
|
|
175
256
|
saturation: string;
|
|
176
|
-
/**
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
|
|
257
|
+
/** Per-scheme surfaces; defaults to opaque panel/raised colours. */
|
|
258
|
+
surfaces?: PerScheme<GlassSurfaces>;
|
|
259
|
+
/**
|
|
260
|
+
* @deprecated Emitted as `--smrt-glass-border-opacity` for one release so
|
|
261
|
+
* consumers that read it keep working; the border colour is `surfaces.border`.
|
|
262
|
+
*/
|
|
263
|
+
borderOpacity?: string;
|
|
264
|
+
/** @deprecated Emitted as `--smrt-glass-background-opacity`; use `surfaces`. */
|
|
265
|
+
backgroundOpacity?: string;
|
|
180
266
|
}
|
|
181
267
|
/**
|
|
182
268
|
* Complete theme definition
|
|
@@ -209,8 +295,26 @@ export interface Theme {
|
|
|
209
295
|
duration: DurationScale;
|
|
210
296
|
/** Transition easings */
|
|
211
297
|
easing: EasingScale;
|
|
212
|
-
/** Glass effects (for glass
|
|
298
|
+
/** Glass effects (opaque for non-glass themes) */
|
|
213
299
|
glass?: GlassEffects;
|
|
300
|
+
/** Surface ladder per scheme (derived from the palette when absent) */
|
|
301
|
+
surfaces?: PerScheme<SurfaceLadder>;
|
|
302
|
+
/** Hairline edges per scheme (derived from on-surface when absent) */
|
|
303
|
+
hairlines?: PerScheme<HairlineTokens>;
|
|
304
|
+
/** State-layer opacities (M3-like defaults when absent) */
|
|
305
|
+
states?: StateLayers;
|
|
306
|
+
/** `--smrt-shadow-color` per scheme, an `rgb(r g b)` colour */
|
|
307
|
+
shadowColor?: PerScheme<string>;
|
|
308
|
+
/** Control geometry (derived from the radius scale when absent) */
|
|
309
|
+
controls?: Partial<ControlTokens>;
|
|
310
|
+
/** Focus ring (primary, 2px, 2px offset when absent) */
|
|
311
|
+
focus?: Partial<FocusRingTokens>;
|
|
312
|
+
/** Native chrome per scheme (primary-derived when absent) */
|
|
313
|
+
native?: PerScheme<NativeChromeTokens>;
|
|
314
|
+
/** `--smrt-duration-scheme`, the scheme crossfade duration */
|
|
315
|
+
schemeDuration?: string;
|
|
316
|
+
/** `--smrt-font-feature-settings`, e.g. `"tnum" 1, "cv11" 1` */
|
|
317
|
+
fontFeatureSettings?: string;
|
|
214
318
|
/** Primary font family */
|
|
215
319
|
fontFamily: string;
|
|
216
320
|
/**
|
|
@@ -233,6 +337,10 @@ export interface ThemeConfig {
|
|
|
233
337
|
primaryColor?: string;
|
|
234
338
|
/** Border radius preference */
|
|
235
339
|
borderRadius?: BorderRadius;
|
|
340
|
+
/** Default control target density; persisted alongside preset/scheme/radius */
|
|
341
|
+
density?: ThemeDensity;
|
|
342
|
+
/** Contrast preference; `auto` follows `prefers-contrast` (persisted when explicit) */
|
|
343
|
+
contrast?: ContrastPreference;
|
|
236
344
|
/** Custom CSS variable overrides */
|
|
237
345
|
overrides?: Record<string, string>;
|
|
238
346
|
/** Persist theme preference */
|
|
@@ -256,6 +364,10 @@ export interface ThemeState {
|
|
|
256
364
|
resolvedScheme: ResolvedScheme;
|
|
257
365
|
/** Whether dark mode is active */
|
|
258
366
|
isDark: boolean;
|
|
367
|
+
/** Resolved contrast level (`forced` when `forced-colors: active`) */
|
|
368
|
+
contrast: ResolvedContrast;
|
|
369
|
+
/** True for one `--smrt-duration-scheme` after the resolved scheme changes post-mount */
|
|
370
|
+
isChangingScheme: boolean;
|
|
259
371
|
/** Full theme configuration */
|
|
260
372
|
config: ThemeConfig;
|
|
261
373
|
/** Current active theme object */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/themes/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,8BAA8B;AAC9B,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,OAAO,GACP,QAAQ,GACR,MAAM,GACN,eAAe,CAAC;AAEpB,wBAAwB;AACxB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,0BAA0B;AAC1B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvE;;;GAGG;AACH,MAAM,WAAW,YAAY;IAE3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAG7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAG5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IAGvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IAGvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAGd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,eAAe,CAAC;IAC9B,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,aAAa,EAAE,eAAe,CAAC;IAC/B,cAAc,EAAE,eAAe,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/themes/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export declare const typographyTokens: {
|
|
2
2
|
'--smrt-font-family': string;
|
|
3
|
-
'--
|
|
4
|
-
'--
|
|
5
|
-
'--
|
|
6
|
-
'--
|
|
7
|
-
'--
|
|
8
|
-
'--
|
|
9
|
-
'--
|
|
10
|
-
'--
|
|
11
|
-
'--
|
|
12
|
-
'--
|
|
13
|
-
'--
|
|
14
|
-
'--
|
|
15
|
-
'--
|
|
16
|
-
'--
|
|
17
|
-
'--
|
|
3
|
+
'--smrt-typography-display-large-font': string;
|
|
4
|
+
'--smrt-typography-display-medium-font': string;
|
|
5
|
+
'--smrt-typography-display-small-font': string;
|
|
6
|
+
'--smrt-typography-headline-large-font': string;
|
|
7
|
+
'--smrt-typography-headline-medium-font': string;
|
|
8
|
+
'--smrt-typography-headline-small-font': string;
|
|
9
|
+
'--smrt-typography-title-large-font': string;
|
|
10
|
+
'--smrt-typography-title-medium-font': string;
|
|
11
|
+
'--smrt-typography-title-small-font': string;
|
|
12
|
+
'--smrt-typography-label-large-font': string;
|
|
13
|
+
'--smrt-typography-label-medium-font': string;
|
|
14
|
+
'--smrt-typography-label-small-font': string;
|
|
15
|
+
'--smrt-typography-body-large-font': string;
|
|
16
|
+
'--smrt-typography-body-medium-font': string;
|
|
17
|
+
'--smrt-typography-body-small-font': string;
|
|
18
18
|
};
|
|
19
19
|
export declare const elevationTokens: {
|
|
20
|
-
'--
|
|
21
|
-
'--
|
|
22
|
-
'--
|
|
23
|
-
'--
|
|
24
|
-
'--
|
|
25
|
-
'--
|
|
20
|
+
'--smrt-elevation-0': string;
|
|
21
|
+
'--smrt-elevation-1': string;
|
|
22
|
+
'--smrt-elevation-2': string;
|
|
23
|
+
'--smrt-elevation-3': string;
|
|
24
|
+
'--smrt-elevation-4': string;
|
|
25
|
+
'--smrt-elevation-5': string;
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=typography.d.ts.map
|