@basic-ui/material 0.1.10 → 0.1.13

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 (102) hide show
  1. package/build/cjs/index.js +36 -31
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/AppBar/AppBar.d.ts +1 -1
  5. package/build/esm/AppBar/AppBarButton.d.ts +1 -1
  6. package/build/esm/Badge/Badge.d.ts +1 -1
  7. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  8. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
  9. package/build/esm/Button/BaseButton.d.ts +1 -1
  10. package/build/esm/Button/Button.d.ts +1 -1
  11. package/build/esm/Button/FilledButton.d.ts +1 -1
  12. package/build/esm/Button/FloatingActionButton.d.ts +7 -0
  13. package/build/esm/Button/FloatingActionButton.js +8 -0
  14. package/build/esm/Button/FloatingActionButton.js.map +1 -0
  15. package/build/esm/Button/OutlinedButton.d.ts +1 -3
  16. package/build/esm/Button/TransparentButton.d.ts +1 -1
  17. package/build/esm/CheckBox/CheckBox.d.ts +1 -1
  18. package/build/esm/CheckBox/CheckBoxIcon.d.ts +1 -1
  19. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  20. package/build/esm/Chip/ChipBase.d.ts +1 -1
  21. package/build/esm/Chip/ChoiceChip.d.ts +1 -1
  22. package/build/esm/ColorMode/ColorModeProvider.js +10 -3
  23. package/build/esm/ColorMode/ColorModeProvider.js.map +1 -1
  24. package/build/esm/Combobox/Combobox.d.ts +7 -7
  25. package/build/esm/Dialog/Dialog.d.ts +1 -1
  26. package/build/esm/Dialog/DialogBackdrop.d.ts +1 -1
  27. package/build/esm/Dialog/DialogContainer.d.ts +1 -1
  28. package/build/esm/Dialog/DialogSurface.d.ts +1 -1
  29. package/build/esm/Dialog/Scrim.d.ts +1 -1
  30. package/build/esm/Dialog/useDialogAnimation.js +1 -1
  31. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  32. package/build/esm/Divider/Divider.d.ts +1 -1
  33. package/build/esm/LineRipple/LineRipple.d.ts +1 -1
  34. package/build/esm/Link/Link.d.ts +1 -1
  35. package/build/esm/List/List.d.ts +1 -1
  36. package/build/esm/ListItem/ListItem.d.ts +1 -1
  37. package/build/esm/Menu/Menu.d.ts +4 -4
  38. package/build/esm/Paper/Paper.d.ts +1 -1
  39. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +1 -1
  40. package/build/esm/RadioButton/RadioGroup.d.ts +1 -1
  41. package/build/esm/Ripple/keyframes.js +0 -2
  42. package/build/esm/Ripple/keyframes.js.map +1 -1
  43. package/build/esm/Ripple/useRipple.js +4 -4
  44. package/build/esm/Ripple/useRipple.js.map +1 -1
  45. package/build/esm/Select/SelectIcon.d.ts +1 -1
  46. package/build/esm/SelectItem/SelectItem.d.ts +1 -1
  47. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +1 -1
  48. package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
  49. package/build/esm/Skeleton/DelayAppearance.d.ts +1 -1
  50. package/build/esm/Skeleton/Skeleton.d.ts +1 -1
  51. package/build/esm/Snackbar/Snackbar.d.ts +1 -1
  52. package/build/esm/Snackbar/Stack.d.ts +2 -0
  53. package/build/esm/Snackbar/Stack.js.map +1 -1
  54. package/build/esm/Switch/Switch.d.ts +1 -1
  55. package/build/esm/Tab/Tab.d.ts +1 -1
  56. package/build/esm/Tab/TabList.d.ts +1 -1
  57. package/build/esm/Tab/TabPanel.d.ts +1 -1
  58. package/build/esm/TabIndicator/TabIndicator.d.ts +1 -1
  59. package/build/esm/Table/Table.d.ts +1 -1
  60. package/build/esm/Table/TableBody.d.ts +1 -1
  61. package/build/esm/Table/TableCell.d.ts +1 -1
  62. package/build/esm/Table/TableHead.d.ts +1 -1
  63. package/build/esm/Table/TableRow.d.ts +1 -1
  64. package/build/esm/Text/Text.d.ts +1 -1
  65. package/build/esm/TextField/FilledContainer.d.ts +1 -1
  66. package/build/esm/TextField/HelperText.d.ts +1 -1
  67. package/build/esm/TextField/Input.d.ts +1 -1
  68. package/build/esm/TextField/OutlinedContainer.d.ts +1 -1
  69. package/build/esm/TextField/TextField.d.ts +1 -1
  70. package/build/esm/ThemeExplorer/ColorPicker.d.ts +8 -0
  71. package/build/esm/ThemeExplorer/ColorPicker.js +76 -0
  72. package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -0
  73. package/build/esm/ThemeExplorer/TextFieldColorPicker.d.ts +9 -0
  74. package/build/esm/ThemeExplorer/TextFieldColorPicker.js +100 -0
  75. package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -0
  76. package/build/esm/ThemeExplorer/ThemeColors.d.ts +5 -0
  77. package/build/esm/ThemeExplorer/ThemeColors.js +80 -0
  78. package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -0
  79. package/build/esm/ThemeExplorer/components.d.ts +31 -0
  80. package/build/esm/ThemeExplorer/components.js +184 -0
  81. package/build/esm/ThemeExplorer/components.js.map +1 -0
  82. package/build/esm/ThemeExplorer/makeColorScheme.d.ts +66 -0
  83. package/build/esm/ThemeExplorer/makeColorScheme.js +66 -0
  84. package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -0
  85. package/build/esm/ThemeExplorer/useDeferredColor.d.ts +3 -0
  86. package/build/esm/ThemeExplorer/useDeferredColor.js +11 -0
  87. package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -0
  88. package/build/esm/ThemeExplorer/useLocalStorageCachedState.d.ts +1 -0
  89. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +11 -0
  90. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -0
  91. package/build/esm/Tooltip/Tooltip.d.ts +1 -1
  92. package/build/esm/hooks/useAnimation.js +22 -21
  93. package/build/esm/hooks/useAnimation.js.map +1 -1
  94. package/build/esm/theme/useTheme.d.ts +1 -425
  95. package/build/tsconfig.tsbuildinfo +102 -142
  96. package/package.json +10 -8
  97. package/src/ColorMode/ColorModeProvider.tsx +9 -3
  98. package/src/Dialog/useDialogAnimation.tsx +1 -1
  99. package/src/Ripple/keyframes.ts +0 -2
  100. package/src/Ripple/useRipple.ts +6 -4
  101. package/src/Snackbar/Stack.tsx +1 -0
  102. package/src/hooks/useAnimation.ts +42 -32
@@ -3,428 +3,4 @@ declare module '@emotion/react' {
3
3
  interface Theme extends MaterialTheme {
4
4
  }
5
5
  }
6
- export declare function useTheme(): {
7
- googleFonts: string;
8
- colors: {
9
- background: string;
10
- surface: string;
11
- error: string;
12
- primary: string;
13
- secondary: string;
14
- muted: string;
15
- on: {
16
- primary: string;
17
- secondary: string;
18
- error: string;
19
- background: string;
20
- surface: string;
21
- muted: string;
22
- };
23
- modes: {
24
- dark: {
25
- text: string;
26
- background: string;
27
- surface: string;
28
- error: string;
29
- primary: string;
30
- secondary: string;
31
- muted: string;
32
- on: {
33
- primary: string;
34
- secondary: string;
35
- error: string;
36
- background: string;
37
- surface: string;
38
- muted: string;
39
- };
40
- };
41
- };
42
- };
43
- sizes: {
44
- icon: string;
45
- avatar: string;
46
- };
47
- radii: {
48
- none: number;
49
- default: string;
50
- large: string;
51
- circle: string;
52
- };
53
- shadows: {
54
- 0: string;
55
- 1: string;
56
- 2: string;
57
- 3: string;
58
- 4: string;
59
- 5: string;
60
- 6: string;
61
- 7: string;
62
- 8: string;
63
- 9: string;
64
- 10: string;
65
- 11: string;
66
- 12: string;
67
- 13: string;
68
- 14: string;
69
- 15: string;
70
- 16: string;
71
- 17: string;
72
- 18: string;
73
- 19: string;
74
- 20: string;
75
- 21: string;
76
- 22: string;
77
- 23: string;
78
- 24: string;
79
- };
80
- fonts: {
81
- body: string;
82
- heading: string;
83
- monospace: string;
84
- };
85
- fontSizes: {
86
- 0: string;
87
- 1: string;
88
- 2: string;
89
- 3: string;
90
- 4: string;
91
- 5: string;
92
- 6: string;
93
- 7: string;
94
- 8: string;
95
- 9: string;
96
- };
97
- fontWeights: {
98
- light: number;
99
- regular: number;
100
- medium: number;
101
- };
102
- lineHeights: {
103
- body: number;
104
- heading: number;
105
- };
106
- space: {
107
- 0: string;
108
- 1: string;
109
- 2: string;
110
- 3: string;
111
- 4: string;
112
- 5: string;
113
- 6: string;
114
- 7: string;
115
- 8: string;
116
- };
117
- text: {
118
- caps: {
119
- textTransform: string;
120
- fontFamily: string;
121
- lineHeight: string;
122
- letterSpacing: string;
123
- };
124
- heading: {
125
- fontFamily: string;
126
- lineHeight: string;
127
- };
128
- display: {
129
- fontFamily: string;
130
- lineHeight: string;
131
- };
132
- h1: {
133
- variant: string;
134
- fontWeight: string;
135
- fontSize: number;
136
- letterSpacing: string;
137
- };
138
- h2: {
139
- variant: string;
140
- fontWeight: string;
141
- fontSize: number;
142
- letterSpacing: string;
143
- };
144
- h3: {
145
- variant: string;
146
- fontWeight: string;
147
- fontSize: number;
148
- letterSpacing: string;
149
- };
150
- h4: {
151
- variant: string;
152
- fontWeight: string;
153
- fontSize: number;
154
- letterSpacing: string;
155
- };
156
- h5: {
157
- variant: string;
158
- fontWeight: string;
159
- fontSize: number;
160
- letterSpacing: string;
161
- };
162
- h6: {
163
- variant: string;
164
- fontWeight: string;
165
- fontSize: number;
166
- letterSpacing: string;
167
- };
168
- subtitle1: {
169
- variant: string;
170
- fontWeight: string;
171
- fontSize: number;
172
- letterSpacing: string;
173
- };
174
- subtitle2: {
175
- variant: string;
176
- fontWeight: string;
177
- fontSize: number;
178
- letterSpacing: string;
179
- };
180
- body1: {
181
- variant: string;
182
- fontWeight: string;
183
- fontSize: number;
184
- letterSpacing: string;
185
- };
186
- body2: {
187
- variant: string;
188
- fontWeight: string;
189
- fontSize: number;
190
- letterSpacing: string;
191
- };
192
- button: {
193
- variant: string;
194
- fontSize: number;
195
- fontWeight: string;
196
- letterSpacing: string;
197
- lineHeight: string;
198
- };
199
- caption: {
200
- variant: string;
201
- fontWeight: string;
202
- fontSize: number;
203
- letterSpacing: string;
204
- };
205
- overline: {
206
- variant: string;
207
- fontWeight: string;
208
- fontSize: number;
209
- letterSpacing: string;
210
- };
211
- };
212
- appbar: {
213
- variants: {
214
- base: {
215
- fontFamily: string;
216
- fontSize: number;
217
- };
218
- default: {
219
- variant: string;
220
- backgroundColor: string;
221
- color: string;
222
- };
223
- primary: {
224
- variant: string;
225
- backgroundColor: string;
226
- color: string;
227
- };
228
- secondary: {
229
- variant: string;
230
- backgroundColor: string;
231
- color: string;
232
- };
233
- transparent: {
234
- variant: string;
235
- backgroundColor: string;
236
- color: string;
237
- };
238
- };
239
- elevations: {
240
- default: {};
241
- elevated: {
242
- boxShadow: number;
243
- };
244
- };
245
- sizes: {
246
- default: {
247
- height: string;
248
- p: number;
249
- };
250
- dense: {
251
- height: string;
252
- };
253
- };
254
- };
255
- buttons: {
256
- variants: {
257
- base: {
258
- variant: string;
259
- borderRadius: string;
260
- boxShadow: string;
261
- py: number;
262
- px: number;
263
- height: string;
264
- cursor: string;
265
- outline: string;
266
- };
267
- text: {
268
- variant: string;
269
- px: number;
270
- };
271
- filled: {
272
- variant: string;
273
- };
274
- outlined: {
275
- variant: string;
276
- };
277
- fab: {
278
- variant: string;
279
- height: string;
280
- maxHeight: string;
281
- width: string;
282
- maxWidth: string;
283
- borderRadius: string;
284
- };
285
- 'fab-mini': {
286
- variant: string;
287
- height: string;
288
- maxHeight: string;
289
- width: string;
290
- maxWidth: string;
291
- px: number;
292
- };
293
- 'fab-extended': {
294
- variant: string;
295
- height: string;
296
- px: string;
297
- borderRadius: string;
298
- };
299
- icon: {
300
- variant: string;
301
- height: string;
302
- maxHeight: string;
303
- width: string;
304
- maxWidth: string;
305
- px: string;
306
- borderRadius: string;
307
- };
308
- };
309
- elevations: {
310
- none: {};
311
- contained: {
312
- transition: string;
313
- boxShadow: number;
314
- ':focus,:hover': {
315
- boxShadow: number;
316
- };
317
- ':active': {
318
- boxShadow: number;
319
- };
320
- '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
321
- boxShadow: number;
322
- };
323
- };
324
- floating: {
325
- transition: string;
326
- boxShadow: number;
327
- ':focus,:hover': {
328
- boxShadow: number;
329
- };
330
- ':active': {
331
- boxShadow: number;
332
- };
333
- '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
334
- boxShadow: number;
335
- };
336
- };
337
- };
338
- overlays: {
339
- transparent: {
340
- hover: {
341
- opacity: number;
342
- };
343
- focus: {
344
- opacity: number;
345
- };
346
- pressed: {
347
- opacity: number;
348
- };
349
- };
350
- filled: {
351
- hover: {
352
- opacity: number;
353
- };
354
- focus: {
355
- opacity: number;
356
- };
357
- pressed: {
358
- opacity: number;
359
- };
360
- };
361
- };
362
- };
363
- chips: {
364
- variants: {
365
- base: {
366
- variant: string;
367
- boxShadow: string;
368
- py: number;
369
- px: number;
370
- height: string;
371
- borderRadius: string;
372
- outline: string;
373
- transition: string;
374
- };
375
- filled: {
376
- variant: string;
377
- };
378
- outlined: {
379
- variant: string;
380
- };
381
- };
382
- };
383
- paper: {
384
- overlays: {
385
- '0': number;
386
- '1': number;
387
- '2': number;
388
- '3': number;
389
- '4': number;
390
- '5': number;
391
- '6': number;
392
- '7': number;
393
- '8': number;
394
- '9': number;
395
- '10': number;
396
- '11': number;
397
- '12': number;
398
- '13': number;
399
- '14': number;
400
- '15': number;
401
- '16': number;
402
- '17': number;
403
- '18': number;
404
- '19': number;
405
- '20': number;
406
- '21': number;
407
- '22': number;
408
- '23': number;
409
- '24': number;
410
- };
411
- };
412
- zIndices: {
413
- appBar: number;
414
- drawer: number;
415
- dialog: number;
416
- snackbar: number;
417
- tooltip: number;
418
- };
419
- styles: {
420
- root: {
421
- body: {
422
- fontFamily: string;
423
- fontWeight: string;
424
- lineHeight: string;
425
- backgroundColor: string;
426
- color: string;
427
- };
428
- };
429
- };
430
- };
6
+ export declare function useTheme(): import("@emotion/react").Theme;