@mono-lit/helper 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/control-tooltip-7vegYmq3.js +678 -0
  2. package/dist/{tooltip-FCMRUSLi.js → control-tooltip-C3rA_nSH.js} +12 -119
  3. package/dist/{data-source-controller-Cf_sMxEh.js → data-source-controller-C6C4ej_M.js} +1 -1
  4. package/dist/{data-source-options-Bk-UoaZV.js → data-source-options-Cz9fVLK8.js} +3 -2
  5. package/dist/{data-source-read-Cuqw3LcP.js → data-source-read-i6CYSUEl.js} +2 -1
  6. package/dist/{excel-DtRpxmxs.js → excel-BPdDt06G.js} +1 -1
  7. package/dist/{export-B91P6J1y.js → export-DgomqI_3.js} +2 -2
  8. package/dist/export.js +2 -2
  9. package/dist/{field-icons-FmyBWa0g.js → field-icons-t8rXRCKs.js} +50 -1
  10. package/dist/field-tooltip-FyMi9vNM.js +266 -0
  11. package/dist/field-tooltip.css_raw-DEctHXKm.js +270 -0
  12. package/dist/field-validation-CHHQi1zl.js +170 -0
  13. package/dist/field-validation.css_raw-B3Iu33rS.js +178 -0
  14. package/dist/index.js +4 -3
  15. package/dist/{index.node-dvrNviMx.js → index.node-DzCuvHLg.js} +1 -1
  16. package/dist/index.node.js +4 -3
  17. package/dist/input-format-GrRCJBqV.js +251 -0
  18. package/dist/input.css_raw-CQu2fAsU.js +5 -0
  19. package/dist/{mono-data-grid-BHlo1IgR.js → mono-data-grid-KDpu4d4_.js} +5 -4
  20. package/dist/{mono-form-controller-IYn0MuUQ.js → mono-form-controller-BkMR8g14.js} +18 -3
  21. package/dist/{reactive-DFCdZbH9.js → normalize-error-BmLbgANw.js} +1 -48
  22. package/dist/nuxt.js +36 -8
  23. package/dist/{popup-portal-HWhkd7oy.js → popup-portal-C8ttHDRX.js} +17 -1
  24. package/dist/{popup-stack-De05Y-mJ.js → popup-stack-C64WCuXq.js} +21 -1
  25. package/dist/src/components/accordion/accordion-core.d.ts +4 -1
  26. package/dist/src/components/accordion/mono-accordion.shadow.d.ts +4 -1
  27. package/dist/src/components/date/date-core.d.ts +3 -0
  28. package/dist/src/components/date/date-types.d.ts +36 -1
  29. package/dist/src/components/drawer/drawer-core.d.ts +1 -0
  30. package/dist/src/components/dropdown-table/dropdown-table-core.d.ts +3 -0
  31. package/dist/src/components/dropdown-table/dropdown-table-types.d.ts +31 -0
  32. package/dist/src/components/form/form-types.d.ts +23 -5
  33. package/dist/src/components/input/index.d.ts +2 -2
  34. package/dist/src/components/input/index.shadow.d.ts +2 -2
  35. package/dist/src/components/input/input-core.d.ts +23 -3
  36. package/dist/src/components/input/input-types.d.ts +84 -9
  37. package/dist/src/components/input/mono-input.d.ts +3 -2
  38. package/dist/src/components/input/mono-input.shadow.d.ts +3 -2
  39. package/dist/src/components/modal/modal-core.d.ts +1 -0
  40. package/dist/src/components/otp/index.d.ts +5 -0
  41. package/dist/src/components/otp/index.shadow.d.ts +6 -0
  42. package/dist/src/components/otp/mono-otp.d.ts +32 -0
  43. package/dist/src/components/otp/mono-otp.shadow.d.ts +30 -0
  44. package/dist/src/components/otp/otp-core.d.ts +91 -0
  45. package/dist/src/components/otp/otp-types.d.ts +161 -0
  46. package/dist/src/components/otp/otp-utils.d.ts +41 -0
  47. package/dist/src/components/select/select-core.d.ts +3 -0
  48. package/dist/src/components/select/select-types.d.ts +31 -0
  49. package/dist/src/components/slider/index.d.ts +5 -0
  50. package/dist/src/components/slider/index.shadow.d.ts +6 -0
  51. package/dist/src/components/slider/mono-slider.d.ts +33 -0
  52. package/dist/src/components/slider/mono-slider.shadow.d.ts +29 -0
  53. package/dist/src/components/slider/slider-core.d.ts +77 -0
  54. package/dist/src/components/slider/slider-math.d.ts +102 -0
  55. package/dist/src/components/slider/slider-types.d.ts +188 -0
  56. package/dist/src/components/tag-input/tag-input-core.d.ts +3 -0
  57. package/dist/src/components/tag-input/tag-input-types.d.ts +31 -0
  58. package/dist/src/components/textarea/textarea-core.d.ts +3 -0
  59. package/dist/src/components/textarea/textarea-types.d.ts +31 -0
  60. package/dist/src/composables/field-bubble.d.ts +34 -0
  61. package/dist/src/composables/field-icons.d.ts +10 -0
  62. package/dist/src/composables/field-tooltip.d.ts +52 -0
  63. package/dist/src/composables/field-validation.d.ts +58 -0
  64. package/dist/src/composables/popup-portal.d.ts +12 -0
  65. package/dist/src/composables/popup-stack.d.ts +21 -0
  66. package/dist/src/entries/index.d.ts +1 -1
  67. package/dist/src/entries/index.node.d.ts +1 -1
  68. package/dist/src/nuxt/index.d.ts +2 -2
  69. package/dist/src/nuxt/ssr-lit/index.d.ts +4 -0
  70. package/dist/ssr-lit/runtime/components/LitWrapper.vue +11 -0
  71. package/dist/ssr-lit/runtime/components/LitWrapperClient.vue +11 -0
  72. package/dist/ssr-lit/runtime/components/LitWrapperServer.vue +38 -0
  73. package/dist/ssr-lit/runtime/plugins/antiFouc.server.js +25 -0
  74. package/dist/ssr-lit/runtime/plugins/hydrateSupport.client.js +4 -0
  75. package/dist/ssr-lit/runtime/plugins/polyfill.client.js +9 -0
  76. package/dist/ssr-lit/runtime/utils/customElements.js +11 -0
  77. package/dist/ssr-lit/runtime/utils/litElementRenderer.js +28 -0
  78. package/dist/{styles-D-ergrfR.js → styles-BODNpZV1.js} +1 -1
  79. package/dist/tooltip-Drekihf5.js +102 -0
  80. package/dist/tooltip-loader-3U9FTOXj.js +20 -0
  81. package/dist/tooltip-loader-Dcp9AUZn.js +23 -0
  82. package/dist/tooltip.js +3 -1
  83. package/dist/ui/accordion.js +16 -3
  84. package/dist/ui/alert.js +2 -2
  85. package/dist/ui/breadcrumb.js +1 -1
  86. package/dist/ui/button-dropdown.js +1 -1
  87. package/dist/ui/chart.js +1 -1
  88. package/dist/ui/date.js +66 -5
  89. package/dist/ui/drawer.js +11 -2
  90. package/dist/ui/dropdown-table.js +60 -5
  91. package/dist/ui/dropdown.js +3 -2
  92. package/dist/ui/file-upload.js +1 -1
  93. package/dist/ui/form.js +1 -1
  94. package/dist/ui/index.css +8857 -3974
  95. package/dist/ui/input.js +362 -260
  96. package/dist/ui/menu.js +1 -1
  97. package/dist/ui/modal.js +11 -2
  98. package/dist/ui/otp.js +835 -0
  99. package/dist/ui/select.js +67 -3
  100. package/dist/ui/shadow/accordion.js +31 -4
  101. package/dist/ui/shadow/alert.js +1 -1
  102. package/dist/ui/shadow/button-dropdown.js +1 -1
  103. package/dist/ui/shadow/chart.js +4 -4
  104. package/dist/ui/shadow/date.js +67 -6
  105. package/dist/ui/shadow/drawer.js +11 -2
  106. package/dist/ui/shadow/dropdown-table.js +62 -7
  107. package/dist/ui/shadow/dropdown.js +3 -2
  108. package/dist/ui/shadow/input.js +367 -261
  109. package/dist/ui/shadow/modal.js +11 -2
  110. package/dist/ui/shadow/otp.js +842 -0
  111. package/dist/ui/shadow/select.js +71 -6
  112. package/dist/ui/shadow/sidebar.js +2 -2
  113. package/dist/ui/shadow/slider.js +1082 -0
  114. package/dist/ui/shadow/table.js +6 -6
  115. package/dist/ui/shadow/tag-input.js +72 -7
  116. package/dist/ui/shadow/textarea.js +63 -2
  117. package/dist/ui/sidebar.js +2 -2
  118. package/dist/ui/slider.js +1079 -0
  119. package/dist/ui/table.js +2 -2
  120. package/dist/ui/tag-input.js +67 -3
  121. package/dist/ui/textarea.js +62 -1
  122. package/dist/ui/theme/luma.css +505 -466
  123. package/dist/ui/theme/lyra.css +505 -466
  124. package/dist/ui/theme/maia.css +501 -466
  125. package/dist/ui/theme/mira.css +505 -466
  126. package/dist/ui/theme/nova.css +503 -466
  127. package/dist/ui/theme/one.css +742 -699
  128. package/dist/ui/theme/rhea.css +506 -466
  129. package/dist/ui/theme/sera.css +507 -466
  130. package/dist/ui/theme/vega.css +495 -466
  131. package/dist/{vite-DcyRlTTf.js → vite-CivRCJaf.js} +2 -0
  132. package/dist/vite.js +1 -1
  133. package/dist/vue.d.ts +10 -0
  134. package/package.json +30 -15
  135. package/dist/input.css_raw-CGESifay.js +0 -5
package/dist/ui/theme/luma.css CHANGED
@@ -1,469 +1,498 @@
1
- /* ============================================================
2
- The vega base — prepended to every Basecoat-style flavor at build time
3
- (vite.config.ts `mono-emit-flavor-themes` replaces `luma` with the
4
- flavor's name; `ui/theme/vega.css` is this block alone).
5
-
6
- ONE is @mono-lit/helper's DEFAULT flavor: `flavors/one.css` is imported by
7
- index.css on `:root`, so its font, radius ladder, shadows and ring are what
8
- a page starts with. A Basecoat style is a delta against vega, so before a
9
- style's own knobs apply, this resets everything ONE changed back to
10
- Basecoat's vega values (the same values the component CSS uses as
11
- fallbacks). Not a source of truth — every value here is vega's, as
12
- generated in src/data/theme/generated/tokens.css.
13
- ============================================================ */
14
- .theme-luma {
15
- font-family: var(--font-sans);
16
- /* vega's own family; an imported font sheet (@mono-lit/helper/ui/font/*.css) sets
17
- --mono-font-sans on :root and wins here, whichever theme is active */
18
- --font-sans: var(--mono-font-sans, "Geist Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
19
-
20
- --radius: 0.625rem;
21
- --mono-radius-sm: calc(var(--radius) - 4px);
22
- --mono-radius-md: calc(var(--radius) - 2px);
23
- --mono-radius-lg: var(--radius);
24
- --mono-radius-xl: calc(var(--radius) + 4px);
25
- --mono-radius-2xl: 1rem;
26
-
27
- --mono-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
28
- --mono-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
29
- --mono-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
30
- --mono-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
31
- --mono-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
32
-
33
- --mono-ease: cubic-bezier(0.4, 0, 0.2, 1);
34
- --mono-ease-out: cubic-bezier(0, 0, 0.2, 1);
35
- --mono-duration: 150ms;
36
- --mono-duration-fast: 100ms;
37
- --mono-duration-slow: 200ms;
38
-
39
- --mono-font-weight-normal: 400;
40
- --mono-font-weight-medium: 500;
41
- --mono-font-weight-semibold: 600;
42
- --mono-font-weight-bold: 700;
43
- --mono-label-font-weight: 500;
44
- --mono-title-font-weight: 500;
45
-
46
- --mono-border-width: 1px;
47
- --mono-ring-width: 3px;
48
- --mono-ring-alpha: 50%;
49
- --mono-ring-color: color-mix(in oklab, var(--ring) var(--mono-ring-alpha), transparent);
50
-
51
- /* ONE's public component knobs, neutralised: `initial` makes a custom
52
- property guaranteed-invalid, so the component's own var() fallback — the
53
- vega value — applies. Add a line here for every knob one.css sets. */
54
- --mono-button-font-weight: initial;
55
- --mono-button-text-transform: initial;
56
- --mono-button-letter-spacing: initial;
57
- --mono-button-md-radius: initial;
58
- --mono-button-xs-radius: initial;
59
- --mono-button-sm-radius: initial;
60
- --mono-button-md-padding-inline: initial;
61
- --mono-button-md-icon-padding: initial;
62
- --mono-button-sm-padding-inline: initial;
63
- --mono-button-sm-icon-padding: initial;
64
- --mono-button-lg-padding-inline: initial;
65
- --mono-button-lg-icon-padding: initial;
66
- --mono-button-outline-shadow: initial;
67
-
68
- /* dropdown-font */
69
- --mono-dropdown-font-lg: initial;
70
- --mono-dropdown-font-md: initial;
71
- --mono-dropdown-font-sm: initial;
72
- --mono-dropdown-font-xl: initial;
73
- --mono-dropdown-font-xs: initial;
74
- --mono-dropdown-font-xxl: initial;
75
-
76
- /* dropdown-max */
77
- --mono-dropdown-max-width-lg: initial;
78
- --mono-dropdown-max-width-md: initial;
79
- --mono-dropdown-max-width-sm: initial;
80
- --mono-dropdown-max-width-xl: initial;
81
- --mono-dropdown-max-width-xs: initial;
82
- --mono-dropdown-max-width-xxl: initial;
83
-
84
- /* dropdown-min */
85
- --mono-dropdown-min-width-lg: initial;
86
- --mono-dropdown-min-width-md: initial;
87
- --mono-dropdown-min-width-sm: initial;
88
- --mono-dropdown-min-width-xl: initial;
89
- --mono-dropdown-min-width-xs: initial;
90
- --mono-dropdown-min-width-xxl: initial;
91
-
92
- /* dropdown-pad */
93
- --mono-dropdown-pad-x-lg: initial;
94
- --mono-dropdown-pad-x-md: initial;
95
- --mono-dropdown-pad-x-sm: initial;
96
- --mono-dropdown-pad-x-xl: initial;
97
- --mono-dropdown-pad-x-xs: initial;
98
- --mono-dropdown-pad-x-xxl: initial;
99
- --mono-dropdown-pad-y-lg: initial;
100
- --mono-dropdown-pad-y-md: initial;
101
- --mono-dropdown-pad-y-sm: initial;
102
- --mono-dropdown-pad-y-xl: initial;
103
- --mono-dropdown-pad-y-xs: initial;
104
- --mono-dropdown-pad-y-xxl: initial;
105
-
106
- /* dropdown-radius */
107
- --mono-dropdown-radius: initial;
108
-
109
- /* dropdown-shadow */
110
- --mono-dropdown-shadow: initial;
111
-
112
- /* modal */
113
- --mono-modal-body-font-md: initial;
114
- --mono-modal-body-line-height: initial;
115
- --mono-modal-close-glyph: initial;
116
- --mono-modal-close-size-md: initial;
117
- --mono-modal-footer-gap-md: initial;
118
- --mono-modal-gap-md: initial;
119
- --mono-modal-header-gap-md: initial;
120
- --mono-modal-overlay-backdrop-filter: initial;
121
- --mono-modal-overlay-bg: initial;
122
- --mono-modal-pad-md: initial;
123
- --mono-modal-radius: initial;
124
- --mono-modal-shadow: initial;
125
- --mono-modal-title-font-md: initial;
126
- --mono-modal-title-weight: initial;
127
- --mono-modal-width: initial;
128
-
129
- /* drawer */
130
- --mono-drawer-body-font-md: initial;
131
- --mono-drawer-body-line-height: initial;
132
- --mono-drawer-close-glyph: initial;
133
- --mono-drawer-close-radius: initial;
134
- --mono-drawer-close-size-md: initial;
135
- --mono-drawer-duration: initial;
136
- --mono-drawer-ease: initial;
137
- --mono-drawer-footer-align: initial;
138
- --mono-drawer-footer-direction: initial;
139
- --mono-drawer-footer-gap-md: initial;
140
- --mono-drawer-footer-justify: initial;
141
- --mono-drawer-header-gap-md: initial;
142
- --mono-drawer-height: initial;
143
- --mono-drawer-overlay-backdrop-filter: initial;
144
- --mono-drawer-overlay-bg: initial;
145
- --mono-drawer-pad-md: initial;
146
- --mono-drawer-radius: initial;
147
- --mono-drawer-shadow: initial;
148
- --mono-drawer-title-font-md: initial;
149
- --mono-drawer-title-line-height: initial;
150
- --mono-drawer-title-tracking: initial;
151
- --mono-drawer-title-weight: initial;
152
- --mono-drawer-width: initial;
153
-
154
- /* nav */
155
- --mono-nav-border-lite: initial;
156
- --mono-nav-pad-x-comfortable: initial;
157
- --mono-nav-radius: initial;
158
- --mono-nav-ring-color: initial;
159
- --mono-nav-shadow: initial;
160
- --mono-nav-text-soft: initial;
161
-
162
- /* breadcrumb */
163
- --mono-breadcrumb-contained-pad-x: initial;
164
- --mono-breadcrumb-contained-pad-y: initial;
165
- --mono-breadcrumb-current-tracking: initial;
166
- --mono-breadcrumb-current-transform: initial;
167
- --mono-breadcrumb-current-weight: initial;
168
- --mono-breadcrumb-font-md: initial;
169
- --mono-breadcrumb-font-weight: initial;
170
- --mono-breadcrumb-gap-md: initial;
171
- --mono-breadcrumb-gap-wide-md: initial;
172
- --mono-breadcrumb-icon-size-md: initial;
173
- --mono-breadcrumb-pad-x: initial;
174
- --mono-breadcrumb-pad-y: initial;
175
- --mono-breadcrumb-radius-md: initial;
176
- --mono-breadcrumb-sep-font-md: initial;
177
-
178
- /* menu */
179
- --mono-menu-active-weight: initial;
180
- --mono-menu-font-comfortable: initial;
181
- --mono-menu-gap-comfortable: initial;
182
- --mono-menu-height-comfortable: initial;
183
- --mono-menu-icon-size-comfortable: initial;
184
- --mono-menu-pad-x-comfortable: initial;
185
- --mono-menu-pad-y-comfortable: initial;
186
- --mono-menu-radius-comfortable: initial;
187
- --mono-menu-subheader-pad-x: initial;
188
- --mono-menu-subheader-radius: initial;
189
- --mono-menu-subheader-tracking: initial;
190
- --mono-menu-subheader-transform: initial;
191
- --mono-menu-subheader-weight: initial;
192
- /* ONE paints the menu's hover itself and re-tints its active pill; a Basecoat
193
- flavour wants upstream's `--sidebar-accent` wash and the shared tint. */
194
- --mono-menu-hover-bg: initial;
195
- --mono-menu-hover-border-color: initial;
196
- --_mono-menu-active-tint-preset: initial;
197
-
198
- /* sidebar — ONE's shell signature is a deep brand-primary slab with muted
199
- white ink, written to the `-preset` tier so the `color` prop can still beat
200
- it. That tier is neutral ground the flavour layer has to clear too: left
201
- standing, every Basecoat flavour rendered the same navy slab instead of
202
- upstream's `--sidebar` / `--sidebar-foreground`, in light AND in dark. */
203
- --_mono-sidebar-surface-preset: initial;
204
- --_mono-sidebar-bg-preset: initial;
205
- --_mono-sidebar-text-preset: initial;
206
- --_mono-sidebar-text-soft-preset: initial;
207
- --_mono-sidebar-border-preset: initial;
208
- --_mono-sidebar-border-lite-preset: initial;
209
- --_mono-sidebar-accent-preset: initial;
210
- --mono-sidebar-surface-soft: initial;
211
- --mono-sidebar-gap-comfortable: initial;
212
-
213
- /* table */
214
- --mono-table-surface: initial;
215
- --mono-table-zebra: initial;
216
- --mono-table-border-lite: initial;
217
- --mono-table-head-bg: initial;
218
- --mono-table-group-bg: initial;
219
- --mono-table-group-hover-bg: initial;
220
- --mono-table-soft: initial;
221
- --mono-table-foot-bg: initial;
222
- --mono-table-cell-font: initial;
223
- --mono-table-ink-mid: initial;
224
- --mono-table-th-height: initial;
225
- --mono-table-th-pad-x: initial;
226
- --mono-table-th-font: initial;
227
- --mono-table-th-weight: initial;
228
- --mono-table-th-color: initial;
229
- --mono-table-th-transform: initial;
230
- --mono-table-th-tracking: initial;
231
- --mono-table-cell-pad: initial;
232
- --mono-table-font: initial;
233
- --mono-table-line-height: initial;
234
- --mono-table-radius: initial;
235
- --mono-table-panel-radius: initial;
236
- --mono-table-panel-shadow: initial;
237
- --mono-table-panel-ring: initial;
238
- --mono-table-panel-bg: initial;
239
- --mono-table-panel-color: initial;
240
- --mono-sidebar-pad-x-comfortable: initial;
241
- --mono-sidebar-pad-y-comfortable: initial;
242
- --mono-sidebar-radius: initial;
243
- --mono-sidebar-shadow: initial;
244
- --mono-sidebar-width: initial;
245
-
246
- /* tabs */
247
- --mono-tabs-badge-font: initial;
248
- --mono-tabs-badge-size: initial;
249
- --mono-tabs-font-weight: initial;
250
- --mono-tabs-height-md: initial;
251
- --mono-tabs-icon-size-md: initial;
252
- --mono-tabs-line-offset: initial;
253
- --mono-tabs-line-size: initial;
254
- --mono-tabs-line-track-color: initial;
255
- --mono-tabs-line-track-size: initial;
256
- --mono-tabs-padding-md: initial;
257
- --mono-tabs-radius-md: initial;
258
- --mono-tabs-tab-font-md: initial;
259
- --mono-tabs-tab-gap-md: initial;
260
- --mono-tabs-tab-pad-x-md: initial;
261
- --mono-tabs-tab-pad-y-md: initial;
262
- --mono-tabs-tab-radius-md: initial;
263
- --mono-tabs-text-transform: initial;
264
-
265
- /* accordion */
266
- --mono-accordion-arrow-size: initial;
267
- --mono-accordion-body-color: initial;
268
- --mono-accordion-body-font-md: initial;
269
- --mono-accordion-body-line-height: initial;
270
- --mono-accordion-description-font: initial;
271
- --mono-accordion-gap: initial;
272
- --mono-accordion-group-gap: initial;
273
- --mono-accordion-head-hover-tint: initial;
274
- --mono-accordion-open-bg: initial;
275
- --mono-accordion-open-border-color: initial;
276
- --mono-accordion-open-shadow: initial;
277
- --mono-accordion-pad-x-md: initial;
278
- --mono-accordion-pad-y-md: initial;
279
- /* ONE's full size ladder (see flavors/one.css) */
280
- --mono-accordion-pad-x-xs: initial;
281
- --mono-accordion-pad-y-xs: initial;
282
- --mono-accordion-pad-x-sm: initial;
283
- --mono-accordion-pad-y-sm: initial;
284
- --mono-accordion-pad-x-lg: initial;
285
- --mono-accordion-pad-y-lg: initial;
286
- --mono-accordion-pad-x-xl: initial;
287
- --mono-accordion-pad-y-xl: initial;
288
- --mono-accordion-pad-x-xxl: initial;
289
- --mono-accordion-pad-y-xxl: initial;
290
- --mono-accordion-title-font-xs: initial;
291
- --mono-accordion-title-font-sm: initial;
292
- --mono-accordion-title-font-lg: initial;
293
- --mono-accordion-title-font-xl: initial;
294
- --mono-accordion-title-font-xxl: initial;
295
- --mono-accordion-body-font-xs: initial;
296
- --mono-accordion-body-font-sm: initial;
297
- --mono-accordion-body-font-lg: initial;
298
- --mono-accordion-body-font-xl: initial;
299
- --mono-accordion-body-font-xxl: initial;
300
- --mono-accordion-radius: initial;
301
- --mono-accordion-shadow: initial;
302
- --mono-accordion-title-font-md: initial;
303
- --mono-accordion-title-hover-decoration: initial;
304
- --mono-accordion-title-weight: initial;
305
-
306
- /* button-dropdown */
307
- --mono-button-dropdown-gap: initial;
308
- --mono-button-dropdown-item-base-hover-bg: initial;
309
- --mono-button-dropdown-item-base-hover-color: initial;
310
- --mono-button-dropdown-item-radius: initial;
311
- --mono-button-dropdown-list-gap: initial;
312
- --mono-button-dropdown-min-width: initial;
313
- --mono-button-dropdown-padding: initial;
314
- --mono-button-dropdown-radius: initial;
315
- --mono-button-dropdown-ring-color: initial;
316
- --mono-button-dropdown-shadow: initial;
317
- --mono-button-dropdown-text: initial;
318
-
319
- /* chip */
320
- --mono-chip-dot-size: initial;
321
- --mono-chip-font-size-lg: initial;
322
- --mono-chip-font-size-md: initial;
323
- --mono-chip-font-size-sm: initial;
324
- --mono-chip-font-size-xl: initial;
325
- --mono-chip-font-size-xs: initial;
326
- --mono-chip-font-size-xxl: initial;
327
- --mono-chip-gap-lg: initial;
328
- --mono-chip-gap-md: initial;
329
- --mono-chip-gap-sm: initial;
330
- --mono-chip-gap-xl: initial;
331
- --mono-chip-gap-xs: initial;
332
- --mono-chip-gap-xxl: initial;
333
- --mono-chip-glyph-size-lg: initial;
334
- --mono-chip-glyph-size-md: initial;
335
- --mono-chip-glyph-size-sm: initial;
336
- --mono-chip-glyph-size-xl: initial;
337
- --mono-chip-glyph-size-xs: initial;
338
- --mono-chip-glyph-size-xxl: initial;
339
- --mono-chip-height-lg: initial;
340
- --mono-chip-height-md: initial;
341
- --mono-chip-height-sm: initial;
342
- --mono-chip-height-xl: initial;
343
- --mono-chip-height-xs: initial;
344
- --mono-chip-height-xxl: initial;
345
- --mono-chip-padding-x-lg: initial;
346
- --mono-chip-padding-x-md: initial;
347
- --mono-chip-padding-x-sm: initial;
348
- --mono-chip-padding-x-xl: initial;
349
- --mono-chip-padding-x-xs: initial;
350
- --mono-chip-padding-x-xxl: initial;
351
- /* the radius is written at the PRESET tier because the `rounded` prop drives
352
- the same value — a flavor setting the public `--mono-chip-radius` would
353
- out-rank the prop and freeze every chip at one shape */
354
- --_mono-chip-radius-preset: initial;
355
- --mono-chip-soft-bg: initial;
356
- --mono-chip-soft-border-color: initial;
357
-
358
- /* alert (what one.css sets) */
359
- --mono-alert-radius: initial;
360
- --mono-alert-padding-x: initial;
361
- --mono-alert-padding-y: initial;
362
- --mono-alert-font-size: initial;
363
- --mono-alert-title-weight: initial;
364
- --mono-alert-subtitle-font-size: initial;
365
-
366
- /* card */
367
- --mono-card-actions-gap-md: initial;
368
- --mono-card-gap-lg: initial;
369
- --mono-card-gap-md: initial;
370
- --mono-card-gap-sm: initial;
371
- --mono-card-gap-xl: initial;
372
- --mono-card-gap-xs: initial;
373
- --mono-card-gap-xxl: initial;
374
- --mono-card-header-gap-md: initial;
375
- --mono-card-padding-lg: initial;
376
- --mono-card-padding-md: initial;
377
- --mono-card-padding-sm: initial;
378
- --mono-card-padding-xl: initial;
379
- --mono-card-padding-xs: initial;
380
- --mono-card-padding-xxl: initial;
381
- /* ONE writes the card radius at the PRESET tier (the `rounded` prop drives
382
- the public knob, so a flavor that set it would out-rank the prop). That
383
- tier is a private, but it is still a declaration ONE makes on :root, so it
384
- needs the same twin as every public knob — without it vega and nova, the
385
- two flavors that do not set a card radius of their own, inherited ONE's
386
- rounded-lg where upstream .card is rounded-xl. */
387
- --_mono-card-radius-preset: initial;
388
- --mono-card-ring-color: initial;
389
- --mono-card-shadow-elevated: initial;
390
- --mono-card-subtitle-font-lg: initial;
391
- --mono-card-subtitle-font-md: initial;
392
- --mono-card-subtitle-font-sm: initial;
393
- --mono-card-subtitle-font-xl: initial;
394
- --mono-card-subtitle-font-xs: initial;
395
- --mono-card-subtitle-font-xxl: initial;
396
- --mono-card-subtitle-line-height: initial;
397
- --mono-card-title-font-lg: initial;
398
- --mono-card-title-font-md: initial;
399
- --mono-card-title-font-sm: initial;
400
- --mono-card-title-font-weight: initial;
401
- --mono-card-title-font-xl: initial;
402
- --mono-card-title-font-xs: initial;
403
- --mono-card-title-font-xxl: initial;
404
- --mono-card-title-line-height: initial;
405
-
406
- /* file-upload */
407
- --mono-file-upload-border-width: initial;
408
- --mono-file-upload-dropzone-bg: initial;
409
- --mono-file-upload-dropzone-gap: initial;
410
- --mono-file-upload-dropzone-padding: initial;
411
- --mono-file-upload-gap: initial;
412
- --mono-file-upload-icon-bg: initial;
413
- --mono-file-upload-icon-color: initial;
414
- --mono-file-upload-icon-glyph-size: initial;
415
- --mono-file-upload-icon-offset: initial;
416
- --mono-file-upload-icon-radius: initial;
417
- --mono-file-upload-icon-size: initial;
418
- --mono-file-upload-item-bg: initial;
419
- --mono-file-upload-item-border-color: initial;
420
- --mono-file-upload-item-gap: initial;
421
- --mono-file-upload-item-padding-x: initial;
422
- --mono-file-upload-item-padding-y: initial;
423
- --mono-file-upload-item-radius: initial;
424
- --mono-file-upload-label-font-weight: initial;
425
- --mono-file-upload-list-gap: initial;
426
- --mono-file-upload-message-color: initial;
427
- --mono-file-upload-message-font-size: initial;
428
- --mono-file-upload-message-line-height: initial;
429
- --mono-file-upload-meta-color: initial;
430
- --mono-file-upload-meta-font-size: initial;
431
- --mono-file-upload-meta-line-height: initial;
432
- --mono-file-upload-name-font-size: initial;
433
- --mono-file-upload-name-font-weight: initial;
434
- --mono-file-upload-name-line-height: initial;
435
- --mono-file-upload-radius: initial;
436
- --mono-file-upload-remove-radius: initial;
437
- --mono-file-upload-remove-size: initial;
438
- --mono-file-upload-subtext-color: initial;
439
- --mono-file-upload-subtext-font-size: initial;
440
- --mono-file-upload-subtext-line-height: initial;
441
- --mono-file-upload-thumb-bg: initial;
442
- --mono-file-upload-thumb-color: initial;
443
- --mono-file-upload-thumb-radius: initial;
444
- --mono-file-upload-thumb-size: initial;
445
- --mono-file-upload-title-font-size: initial;
446
- --mono-file-upload-title-font-weight: initial;
447
- --mono-file-upload-title-line-height: initial;
448
- --mono-file-upload-title-tracking: initial;
449
-
450
- /* chip */
451
- --mono-chip-font-weight: initial;
452
-
453
- /* switch */
454
- --mono-switch-thumb-shadow: initial;
455
-
456
- /* textarea */
457
- --mono-textarea-rows-lg: initial;
458
- --mono-textarea-rows-md: initial;
459
-
460
- --mono-control-height-xs: 1.5rem;
461
- --mono-control-height-sm: 2rem;
462
- --mono-control-height-md: 2.25rem;
463
- --mono-control-height-lg: 2.5rem;
464
- --mono-control-height-xl: 2.75rem;
465
- --mono-control-height-xxl: 3rem;
466
- }
1
+ /* ============================================================
2
+ The vega base — prepended to every Basecoat-style flavor at build time
3
+ (vite.config.ts `mono-emit-flavor-themes` replaces `luma` with the
4
+ flavor's name; `ui/theme/vega.css` is this block alone).
5
+
6
+ ONE is @mono-lit/helper's DEFAULT flavor: `flavors/one.css` is imported by
7
+ index.css on `:root`, so its font, radius ladder, shadows and ring are what
8
+ a page starts with. A Basecoat style is a delta against vega, so before a
9
+ style's own knobs apply, this resets everything ONE changed back to
10
+ Basecoat's vega values (the same values the component CSS uses as
11
+ fallbacks). Not a source of truth — every value here is vega's, as
12
+ generated in src/data/theme/generated/tokens.css.
13
+ ============================================================ */
14
+ .theme-luma {
15
+ font-family: var(--font-sans);
16
+ /* vega's own family; an imported font sheet (@mono-lit/helper/ui/font/*.css) sets
17
+ --mono-font-sans on :root and wins here, whichever theme is active */
18
+ --font-sans: var(--mono-font-sans, "Geist Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
19
+
20
+ --radius: 0.625rem;
21
+ --mono-radius-sm: calc(var(--radius) - 4px);
22
+ --mono-radius-md: calc(var(--radius) - 2px);
23
+ --mono-radius-lg: var(--radius);
24
+ --mono-radius-xl: calc(var(--radius) + 4px);
25
+ --mono-radius-2xl: 1rem;
26
+
27
+ --mono-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
28
+ --mono-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
29
+ --mono-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
30
+ --mono-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
31
+ --mono-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
32
+
33
+ --mono-ease: cubic-bezier(0.4, 0, 0.2, 1);
34
+ --mono-ease-out: cubic-bezier(0, 0, 0.2, 1);
35
+ --mono-duration: 150ms;
36
+ --mono-duration-fast: 100ms;
37
+ --mono-duration-slow: 200ms;
38
+
39
+ --mono-font-weight-normal: 400;
40
+ --mono-font-weight-medium: 500;
41
+ --mono-font-weight-semibold: 600;
42
+ --mono-font-weight-bold: 700;
43
+ --mono-label-font-weight: 500;
44
+ --mono-title-font-weight: 500;
45
+
46
+ --mono-border-width: 1px;
47
+ --mono-ring-width: 3px;
48
+ --mono-ring-alpha: 50%;
49
+ --mono-ring-color: color-mix(in oklab, var(--ring) var(--mono-ring-alpha), transparent);
50
+
51
+ /* ONE's public component knobs, neutralised: `initial` makes a custom
52
+ property guaranteed-invalid, so the component's own var() fallback — the
53
+ vega value — applies. Add a line here for every knob one.css sets. */
54
+ --mono-button-font-weight: initial;
55
+ --mono-button-text-transform: initial;
56
+ --mono-button-letter-spacing: initial;
57
+ --mono-button-md-radius: initial;
58
+ --mono-button-xs-radius: initial;
59
+ --mono-button-sm-radius: initial;
60
+ --mono-button-md-padding-inline: initial;
61
+ --mono-button-md-icon-padding: initial;
62
+ --mono-button-sm-padding-inline: initial;
63
+ --mono-button-sm-icon-padding: initial;
64
+ --mono-button-lg-padding-inline: initial;
65
+ --mono-button-lg-icon-padding: initial;
66
+ --mono-button-outline-shadow: initial;
67
+
68
+ /* dropdown-font */
69
+ --mono-dropdown-font-lg: initial;
70
+ --mono-dropdown-font-md: initial;
71
+ --mono-dropdown-font-sm: initial;
72
+ --mono-dropdown-font-xl: initial;
73
+ --mono-dropdown-font-xs: initial;
74
+ --mono-dropdown-font-xxl: initial;
75
+
76
+ /* dropdown-max */
77
+ --mono-dropdown-max-width-lg: initial;
78
+ --mono-dropdown-max-width-md: initial;
79
+ --mono-dropdown-max-width-sm: initial;
80
+ --mono-dropdown-max-width-xl: initial;
81
+ --mono-dropdown-max-width-xs: initial;
82
+ --mono-dropdown-max-width-xxl: initial;
83
+
84
+ /* dropdown-min */
85
+ --mono-dropdown-min-width-lg: initial;
86
+ --mono-dropdown-min-width-md: initial;
87
+ --mono-dropdown-min-width-sm: initial;
88
+ --mono-dropdown-min-width-xl: initial;
89
+ --mono-dropdown-min-width-xs: initial;
90
+ --mono-dropdown-min-width-xxl: initial;
91
+
92
+ /* dropdown-pad */
93
+ --mono-dropdown-pad-x-lg: initial;
94
+ --mono-dropdown-pad-x-md: initial;
95
+ --mono-dropdown-pad-x-sm: initial;
96
+ --mono-dropdown-pad-x-xl: initial;
97
+ --mono-dropdown-pad-x-xs: initial;
98
+ --mono-dropdown-pad-x-xxl: initial;
99
+ --mono-dropdown-pad-y-lg: initial;
100
+ --mono-dropdown-pad-y-md: initial;
101
+ --mono-dropdown-pad-y-sm: initial;
102
+ --mono-dropdown-pad-y-xl: initial;
103
+ --mono-dropdown-pad-y-xs: initial;
104
+ --mono-dropdown-pad-y-xxl: initial;
105
+
106
+ /* dropdown-radius */
107
+ --mono-dropdown-radius: initial;
108
+
109
+ /* dropdown-shadow */
110
+ --mono-dropdown-shadow: initial;
111
+
112
+ /* modal */
113
+ --mono-modal-body-font-md: initial;
114
+ --mono-modal-body-line-height: initial;
115
+ --mono-modal-close-glyph: initial;
116
+ --mono-modal-close-size-md: initial;
117
+ --mono-modal-footer-gap-md: initial;
118
+ --mono-modal-gap-md: initial;
119
+ --mono-modal-header-gap-md: initial;
120
+ --mono-modal-overlay-backdrop-filter: initial;
121
+ --mono-modal-overlay-bg: initial;
122
+ --mono-modal-pad-md: initial;
123
+ --mono-modal-radius: initial;
124
+ --mono-modal-shadow: initial;
125
+ --mono-modal-title-font-md: initial;
126
+ --mono-modal-title-weight: initial;
127
+ --mono-modal-width: initial;
128
+
129
+ /* drawer */
130
+ --mono-drawer-body-font-md: initial;
131
+ --mono-drawer-body-line-height: initial;
132
+ --mono-drawer-close-glyph: initial;
133
+ --mono-drawer-close-radius: initial;
134
+ --mono-drawer-close-size-md: initial;
135
+ --mono-drawer-duration: initial;
136
+ --mono-drawer-ease: initial;
137
+ --mono-drawer-footer-align: initial;
138
+ --mono-drawer-footer-direction: initial;
139
+ --mono-drawer-footer-gap-md: initial;
140
+ --mono-drawer-footer-justify: initial;
141
+ --mono-drawer-header-gap-md: initial;
142
+ --mono-drawer-height: initial;
143
+ --mono-drawer-overlay-backdrop-filter: initial;
144
+ --mono-drawer-overlay-bg: initial;
145
+ --mono-drawer-pad-md: initial;
146
+ --mono-drawer-radius: initial;
147
+ --mono-drawer-shadow: initial;
148
+ --mono-drawer-title-font-md: initial;
149
+ --mono-drawer-title-line-height: initial;
150
+ --mono-drawer-title-tracking: initial;
151
+ --mono-drawer-title-weight: initial;
152
+ --mono-drawer-width: initial;
153
+
154
+ /* nav */
155
+ --mono-nav-border-lite: initial;
156
+ --mono-nav-pad-x-comfortable: initial;
157
+ --mono-nav-radius: initial;
158
+ --mono-nav-ring-color: initial;
159
+ --mono-nav-shadow: initial;
160
+ --mono-nav-text-soft: initial;
161
+
162
+ /* breadcrumb */
163
+ --mono-breadcrumb-contained-pad-x: initial;
164
+ --mono-breadcrumb-contained-pad-y: initial;
165
+ --mono-breadcrumb-current-tracking: initial;
166
+ --mono-breadcrumb-current-transform: initial;
167
+ --mono-breadcrumb-current-weight: initial;
168
+ --mono-breadcrumb-font-md: initial;
169
+ --mono-breadcrumb-font-weight: initial;
170
+ --mono-breadcrumb-gap-md: initial;
171
+ --mono-breadcrumb-gap-wide-md: initial;
172
+ --mono-breadcrumb-icon-size-md: initial;
173
+ --mono-breadcrumb-pad-x: initial;
174
+ --mono-breadcrumb-pad-y: initial;
175
+ --mono-breadcrumb-radius-md: initial;
176
+ --mono-breadcrumb-sep-font-md: initial;
177
+
178
+ /* menu */
179
+ --mono-menu-active-weight: initial;
180
+ --mono-menu-font-comfortable: initial;
181
+ --mono-menu-gap-comfortable: initial;
182
+ --mono-menu-height-comfortable: initial;
183
+ --mono-menu-icon-size-comfortable: initial;
184
+ --mono-menu-pad-x-comfortable: initial;
185
+ --mono-menu-pad-y-comfortable: initial;
186
+ --mono-menu-radius-comfortable: initial;
187
+ --mono-menu-subheader-pad-x: initial;
188
+ --mono-menu-subheader-radius: initial;
189
+ --mono-menu-subheader-tracking: initial;
190
+ --mono-menu-subheader-transform: initial;
191
+ --mono-menu-subheader-weight: initial;
192
+ /* ONE paints the menu's hover itself and re-tints its active pill; a Basecoat
193
+ flavour wants upstream's `--sidebar-accent` wash and the shared tint. */
194
+ --mono-menu-hover-bg: initial;
195
+ --mono-menu-hover-border-color: initial;
196
+ --_mono-menu-active-tint-preset: initial;
197
+
198
+ /* sidebar — ONE's shell signature is a deep brand-primary slab with muted
199
+ white ink, written to the `-preset` tier so the `color` prop can still beat
200
+ it. That tier is neutral ground the flavour layer has to clear too: left
201
+ standing, every Basecoat flavour rendered the same navy slab instead of
202
+ upstream's `--sidebar` / `--sidebar-foreground`, in light AND in dark. */
203
+ --_mono-sidebar-surface-preset: initial;
204
+ --_mono-sidebar-bg-preset: initial;
205
+ --_mono-sidebar-text-preset: initial;
206
+ --_mono-sidebar-text-soft-preset: initial;
207
+ --_mono-sidebar-border-preset: initial;
208
+ --_mono-sidebar-border-lite-preset: initial;
209
+ --_mono-sidebar-accent-preset: initial;
210
+ --mono-sidebar-surface-soft: initial;
211
+ --mono-sidebar-gap-comfortable: initial;
212
+
213
+ /* table */
214
+ --mono-table-surface: initial;
215
+ --mono-table-zebra: initial;
216
+ --mono-table-border-lite: initial;
217
+ --mono-table-head-bg: initial;
218
+ --mono-table-group-bg: initial;
219
+ --mono-table-group-hover-bg: initial;
220
+ --mono-table-soft: initial;
221
+ --mono-table-foot-bg: initial;
222
+ --mono-table-cell-font: initial;
223
+ --mono-table-ink-mid: initial;
224
+ --mono-table-th-height: initial;
225
+ --mono-table-th-pad-x: initial;
226
+ --mono-table-th-font: initial;
227
+ --mono-table-th-weight: initial;
228
+ --mono-table-th-color: initial;
229
+ --mono-table-th-transform: initial;
230
+ --mono-table-th-tracking: initial;
231
+ --mono-table-cell-pad: initial;
232
+ --mono-table-font: initial;
233
+ --mono-table-line-height: initial;
234
+ --mono-table-radius: initial;
235
+ --mono-table-panel-radius: initial;
236
+ --mono-table-panel-shadow: initial;
237
+ --mono-table-panel-ring: initial;
238
+ --mono-table-panel-bg: initial;
239
+ --mono-table-panel-color: initial;
240
+ --mono-sidebar-pad-x-comfortable: initial;
241
+ --mono-sidebar-pad-y-comfortable: initial;
242
+ --mono-sidebar-radius: initial;
243
+ --mono-sidebar-shadow: initial;
244
+ --mono-sidebar-width: initial;
245
+
246
+ /* tabs */
247
+ --mono-tabs-badge-font: initial;
248
+ --mono-tabs-badge-size: initial;
249
+ --mono-tabs-font-weight: initial;
250
+ --mono-tabs-height-md: initial;
251
+ --mono-tabs-icon-size-md: initial;
252
+ --mono-tabs-line-offset: initial;
253
+ --mono-tabs-line-size: initial;
254
+ --mono-tabs-line-track-color: initial;
255
+ --mono-tabs-line-track-size: initial;
256
+ --mono-tabs-padding-md: initial;
257
+ --mono-tabs-radius-md: initial;
258
+ --mono-tabs-tab-font-md: initial;
259
+ --mono-tabs-tab-gap-md: initial;
260
+ --mono-tabs-tab-pad-x-md: initial;
261
+ --mono-tabs-tab-pad-y-md: initial;
262
+ --mono-tabs-tab-radius-md: initial;
263
+ --mono-tabs-text-transform: initial;
264
+
265
+ /* accordion */
266
+ --mono-accordion-arrow-size: initial;
267
+ --mono-accordion-body-color: initial;
268
+ --mono-accordion-body-font-md: initial;
269
+ --mono-accordion-body-line-height: initial;
270
+ --mono-accordion-description-font: initial;
271
+ --mono-accordion-gap: initial;
272
+ --mono-accordion-group-gap: initial;
273
+ --mono-accordion-head-hover-tint: initial;
274
+ --mono-accordion-open-bg: initial;
275
+ --mono-accordion-open-border-color: initial;
276
+ --mono-accordion-open-shadow: initial;
277
+ --mono-accordion-pad-x-md: initial;
278
+ --mono-accordion-pad-y-md: initial;
279
+ /* ONE's full size ladder (see flavors/one.css) */
280
+ --mono-accordion-pad-x-xs: initial;
281
+ --mono-accordion-pad-y-xs: initial;
282
+ --mono-accordion-pad-x-sm: initial;
283
+ --mono-accordion-pad-y-sm: initial;
284
+ --mono-accordion-pad-x-lg: initial;
285
+ --mono-accordion-pad-y-lg: initial;
286
+ --mono-accordion-pad-x-xl: initial;
287
+ --mono-accordion-pad-y-xl: initial;
288
+ --mono-accordion-pad-x-xxl: initial;
289
+ --mono-accordion-pad-y-xxl: initial;
290
+ --mono-accordion-title-font-xs: initial;
291
+ --mono-accordion-title-font-sm: initial;
292
+ --mono-accordion-title-font-lg: initial;
293
+ --mono-accordion-title-font-xl: initial;
294
+ --mono-accordion-title-font-xxl: initial;
295
+ --mono-accordion-body-font-xs: initial;
296
+ --mono-accordion-body-font-sm: initial;
297
+ --mono-accordion-body-font-lg: initial;
298
+ --mono-accordion-body-font-xl: initial;
299
+ --mono-accordion-body-font-xxl: initial;
300
+ --mono-accordion-radius: initial;
301
+ --mono-accordion-shadow: initial;
302
+ --mono-accordion-title-font-md: initial;
303
+ --mono-accordion-title-hover-decoration: initial;
304
+ --mono-accordion-title-weight: initial;
305
+
306
+ /* button-dropdown */
307
+ --mono-button-dropdown-gap: initial;
308
+ --mono-button-dropdown-item-base-hover-bg: initial;
309
+ --mono-button-dropdown-item-base-hover-color: initial;
310
+ --mono-button-dropdown-item-radius: initial;
311
+ --mono-button-dropdown-list-gap: initial;
312
+ --mono-button-dropdown-min-width: initial;
313
+ --mono-button-dropdown-padding: initial;
314
+ --mono-button-dropdown-radius: initial;
315
+ --mono-button-dropdown-ring-color: initial;
316
+ --mono-button-dropdown-shadow: initial;
317
+ --mono-button-dropdown-text: initial;
318
+
319
+ /* chip */
320
+ --mono-chip-dot-size: initial;
321
+ --mono-chip-font-size-lg: initial;
322
+ --mono-chip-font-size-md: initial;
323
+ --mono-chip-font-size-sm: initial;
324
+ --mono-chip-font-size-xl: initial;
325
+ --mono-chip-font-size-xs: initial;
326
+ --mono-chip-font-size-xxl: initial;
327
+ --mono-chip-gap-lg: initial;
328
+ --mono-chip-gap-md: initial;
329
+ --mono-chip-gap-sm: initial;
330
+ --mono-chip-gap-xl: initial;
331
+ --mono-chip-gap-xs: initial;
332
+ --mono-chip-gap-xxl: initial;
333
+ --mono-chip-glyph-size-lg: initial;
334
+ --mono-chip-glyph-size-md: initial;
335
+ --mono-chip-glyph-size-sm: initial;
336
+ --mono-chip-glyph-size-xl: initial;
337
+ --mono-chip-glyph-size-xs: initial;
338
+ --mono-chip-glyph-size-xxl: initial;
339
+ --mono-chip-height-lg: initial;
340
+ --mono-chip-height-md: initial;
341
+ --mono-chip-height-sm: initial;
342
+ --mono-chip-height-xl: initial;
343
+ --mono-chip-height-xs: initial;
344
+ --mono-chip-height-xxl: initial;
345
+ --mono-chip-padding-x-lg: initial;
346
+ --mono-chip-padding-x-md: initial;
347
+ --mono-chip-padding-x-sm: initial;
348
+ --mono-chip-padding-x-xl: initial;
349
+ --mono-chip-padding-x-xs: initial;
350
+ --mono-chip-padding-x-xxl: initial;
351
+ /* the radius is written at the PRESET tier because the `rounded` prop drives
352
+ the same value — a flavor setting the public `--mono-chip-radius` would
353
+ out-rank the prop and freeze every chip at one shape */
354
+ --_mono-chip-radius-preset: initial;
355
+ --mono-chip-soft-bg: initial;
356
+ --mono-chip-soft-border-color: initial;
357
+
358
+ /* alert (what one.css sets) */
359
+ --mono-alert-radius: initial;
360
+ --mono-alert-padding-x: initial;
361
+ --mono-alert-padding-y: initial;
362
+ --mono-alert-font-size: initial;
363
+ --mono-alert-title-weight: initial;
364
+ --mono-alert-subtitle-font-size: initial;
365
+
366
+ /* card */
367
+ --mono-card-actions-gap-md: initial;
368
+ --mono-card-gap-lg: initial;
369
+ --mono-card-gap-md: initial;
370
+ --mono-card-gap-sm: initial;
371
+ --mono-card-gap-xl: initial;
372
+ --mono-card-gap-xs: initial;
373
+ --mono-card-gap-xxl: initial;
374
+ --mono-card-header-gap-md: initial;
375
+ --mono-card-padding-lg: initial;
376
+ --mono-card-padding-md: initial;
377
+ --mono-card-padding-sm: initial;
378
+ --mono-card-padding-xl: initial;
379
+ --mono-card-padding-xs: initial;
380
+ --mono-card-padding-xxl: initial;
381
+ /* ONE writes the card radius at the PRESET tier (the `rounded` prop drives
382
+ the public knob, so a flavor that set it would out-rank the prop). That
383
+ tier is a private, but it is still a declaration ONE makes on :root, so it
384
+ needs the same twin as every public knob — without it vega and nova, the
385
+ two flavors that do not set a card radius of their own, inherited ONE's
386
+ rounded-lg where upstream .card is rounded-xl. */
387
+ --_mono-card-radius-preset: initial;
388
+ --mono-card-ring-color: initial;
389
+ --mono-card-shadow-elevated: initial;
390
+ --mono-card-subtitle-font-lg: initial;
391
+ --mono-card-subtitle-font-md: initial;
392
+ --mono-card-subtitle-font-sm: initial;
393
+ --mono-card-subtitle-font-xl: initial;
394
+ --mono-card-subtitle-font-xs: initial;
395
+ --mono-card-subtitle-font-xxl: initial;
396
+ --mono-card-subtitle-line-height: initial;
397
+ --mono-card-title-font-lg: initial;
398
+ --mono-card-title-font-md: initial;
399
+ --mono-card-title-font-sm: initial;
400
+ --mono-card-title-font-weight: initial;
401
+ --mono-card-title-font-xl: initial;
402
+ --mono-card-title-font-xs: initial;
403
+ --mono-card-title-font-xxl: initial;
404
+ --mono-card-title-line-height: initial;
405
+
406
+ /* file-upload */
407
+ --mono-file-upload-border-width: initial;
408
+ --mono-file-upload-dropzone-bg: initial;
409
+ --mono-file-upload-dropzone-gap: initial;
410
+ --mono-file-upload-dropzone-padding: initial;
411
+ --mono-file-upload-gap: initial;
412
+ --mono-file-upload-icon-bg: initial;
413
+ --mono-file-upload-icon-color: initial;
414
+ --mono-file-upload-icon-glyph-size: initial;
415
+ --mono-file-upload-icon-offset: initial;
416
+ --mono-file-upload-icon-radius: initial;
417
+ --mono-file-upload-icon-size: initial;
418
+ --mono-file-upload-item-bg: initial;
419
+ --mono-file-upload-item-border-color: initial;
420
+ --mono-file-upload-item-gap: initial;
421
+ --mono-file-upload-item-padding-x: initial;
422
+ --mono-file-upload-item-padding-y: initial;
423
+ --mono-file-upload-item-radius: initial;
424
+ --mono-file-upload-label-font-weight: initial;
425
+ --mono-file-upload-list-gap: initial;
426
+ --mono-file-upload-message-color: initial;
427
+ --mono-file-upload-message-font-size: initial;
428
+ --mono-file-upload-message-line-height: initial;
429
+ --mono-file-upload-meta-color: initial;
430
+ --mono-file-upload-meta-font-size: initial;
431
+ --mono-file-upload-meta-line-height: initial;
432
+ --mono-file-upload-name-font-size: initial;
433
+ --mono-file-upload-name-font-weight: initial;
434
+ --mono-file-upload-name-line-height: initial;
435
+ --mono-file-upload-radius: initial;
436
+ --mono-file-upload-remove-radius: initial;
437
+ --mono-file-upload-remove-size: initial;
438
+ --mono-file-upload-subtext-color: initial;
439
+ --mono-file-upload-subtext-font-size: initial;
440
+ --mono-file-upload-subtext-line-height: initial;
441
+ --mono-file-upload-thumb-bg: initial;
442
+ --mono-file-upload-thumb-color: initial;
443
+ --mono-file-upload-thumb-radius: initial;
444
+ --mono-file-upload-thumb-size: initial;
445
+ --mono-file-upload-title-font-size: initial;
446
+ --mono-file-upload-title-font-weight: initial;
447
+ --mono-file-upload-title-line-height: initial;
448
+ --mono-file-upload-title-tracking: initial;
449
+
450
+ /* chip */
451
+ --mono-chip-font-weight: initial;
452
+
453
+ /* switch */
454
+ --mono-switch-thumb-shadow: initial;
455
+
456
+ /* input type="range" */
457
+ --mono-input-range-gap: initial;
458
+ --mono-input-range-height: initial;
459
+ --mono-input-range-track-height: initial;
460
+ --mono-input-range-track-bg: initial;
461
+ --mono-input-range-fill: initial;
462
+ --mono-input-range-thumb-size: initial;
463
+ --mono-input-range-thumb-bg: initial;
464
+ --mono-input-range-thumb-border-width: initial;
465
+ --mono-input-range-thumb-border-color: initial;
466
+ --mono-input-range-thumb-ring-width: initial;
467
+ --mono-input-range-thumb-ring-color: initial;
468
+ --mono-input-range-thumb-shadow: initial;
469
+ --mono-input-range-ring-width: initial;
470
+ --mono-input-range-hover-ring-width: initial;
471
+ --mono-input-range-label-color: initial;
472
+ --mono-input-range-label-font-size: initial;
473
+ --mono-input-range-label-line-height: initial;
474
+ --mono-input-range-label-font-weight: initial;
475
+ --mono-input-range-value-color: initial;
476
+ --mono-input-range-value-font-family: initial;
477
+ --mono-input-range-value-font-weight: initial;
478
+
479
+ /* slider */
480
+ --mono-slider-fill: initial;
481
+ --mono-slider-tooltip-bg: initial;
482
+ --mono-slider-tooltip-color: initial;
483
+ --mono-slider-tooltip-font-family: initial;
484
+
485
+ /* textarea */
486
+ --mono-textarea-rows-lg: initial;
487
+ --mono-textarea-rows-md: initial;
488
+
489
+ --mono-control-height-xs: 1.5rem;
490
+ --mono-control-height-sm: 2rem;
491
+ --mono-control-height-md: 2.25rem;
492
+ --mono-control-height-lg: 2.5rem;
493
+ --mono-control-height-xl: 2.75rem;
494
+ --mono-control-height-xxl: 3rem;
495
+ }
467
496
 
468
497
  /* ============================================================
469
498
  Basecoat "luma" style (basecoat-css@1.0.2 styles/luma.css) as a
@@ -727,6 +756,16 @@
727
756
  --mono-table-panel-radius: var(--mono-radius-3xl);
728
757
  --mono-table-panel-shadow: var(--mono-shadow-lg);
729
758
  --mono-table-panel-ring: 0 0 0 1px color-mix(in oklab, var(--foreground) 5%, transparent);
759
+
760
+ /* input type="range" — basecoat@1.0.2 styles/luma.css .field > input[type='range'], .input[type='range'] —
761
+ h-5, track h-2 bg-input/90 rounded-full; thumb ring-black/10 ring-1 h-4 w-6 rounded-full bg-white shadow-md hover:ring-4. `currentColor` is the accent (the `color` prop). */
762
+ --mono-input-range-track-height: 0.5rem;
763
+ --mono-input-range-track-bg: color-mix(in oklab, var(--input) 90%, transparent);
764
+ --mono-input-range-thumb-width: 1.5rem;
765
+ --mono-input-range-thumb-border-width: 0px;
766
+ --mono-input-range-thumb-ring-width: 1px;
767
+ --mono-input-range-thumb-ring-color: rgb(0 0 0 / 0.1);
768
+ --mono-input-range-thumb-shadow: var(--mono-shadow-md);
730
769
  }
731
770
 
732
771
  :is(html, body, .mono-theme).dark .theme-luma,