@basic-ui/material 0.1.0 → 0.1.4

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 (47) hide show
  1. package/build/cjs/index.js +21 -9
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  5. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
  6. package/build/esm/BottomSheet/BottomSheetSurface.js +1 -1
  7. package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
  8. package/build/esm/Button/Button.d.ts +1 -1
  9. package/build/esm/Button/FilledButton.d.ts +1 -1
  10. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  11. package/build/esm/Button/TransparentButton.d.ts +1 -1
  12. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  13. package/build/esm/Chip/ChipBase.d.ts +1 -1
  14. package/build/esm/Chip/ChoiceChip.d.ts +1 -1
  15. package/build/esm/Combobox/Combobox.d.ts +7 -7
  16. package/build/esm/Dialog/Dialog.d.ts +1 -1
  17. package/build/esm/Dialog/DialogSurface.d.ts +1 -1
  18. package/build/esm/Dialog/DialogSurface.js +2 -1
  19. package/build/esm/Dialog/DialogSurface.js.map +1 -1
  20. package/build/esm/Dialog/Scrim.d.ts +1 -1
  21. package/build/esm/Divider/Divider.d.ts +1 -1
  22. package/build/esm/Link/Link.d.ts +1 -1
  23. package/build/esm/ListItem/ListItem.d.ts +1 -1
  24. package/build/esm/Paper/Paper.d.ts +1 -1
  25. package/build/esm/Select/SelectIcon.d.ts +1 -1
  26. package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
  27. package/build/esm/Skeleton/Skeleton.d.ts +1 -1
  28. package/build/esm/Tab/Tab.d.ts +1 -1
  29. package/build/esm/Table/TableHead.d.ts +1 -1
  30. package/build/esm/Table/TableRow.d.ts +1 -1
  31. package/build/esm/TextField/FilledContainer.d.ts +1 -1
  32. package/build/esm/TextField/HelperText.d.ts +1 -1
  33. package/build/esm/TextField/Input.d.ts +1 -1
  34. package/build/esm/TextField/TextField.d.ts +1 -1
  35. package/build/esm/TextField/index.d.ts +3 -0
  36. package/build/esm/TextField/index.js +3 -0
  37. package/build/esm/TextField/index.js.map +1 -1
  38. package/build/esm/Tooltip/Tooltip.d.ts +1 -1
  39. package/build/esm/color.d.ts +3 -2
  40. package/build/esm/color.js +13 -5
  41. package/build/esm/color.js.map +1 -1
  42. package/build/tsconfig.tsbuildinfo +92 -87
  43. package/package.json +2 -2
  44. package/src/BottomSheet/BottomSheetSurface.tsx +1 -1
  45. package/src/Dialog/DialogSurface.tsx +2 -1
  46. package/src/TextField/index.ts +3 -0
  47. package/src/color.ts +24 -12
@@ -61,61 +61,11 @@
61
61
  "signature": "9d122b7e8c1a5c72506eea50c0973cba55b92b5532d5cafa8a6ce2c547d57551",
62
62
  "affectsGlobalScope": true
63
63
  },
64
- "../../../node_modules/@emotion/react/node_modules/@emotion/utils/types/index.d.ts": {
65
- "version": "4b46f4712ae966996b2cc81949d482063887c55478706e25d942482a44b99b71",
66
- "signature": "4b46f4712ae966996b2cc81949d482063887c55478706e25d942482a44b99b71",
67
- "affectsGlobalScope": false
68
- },
69
- "../../../node_modules/@emotion/react/node_modules/@emotion/cache/types/index.d.ts": {
70
- "version": "71c1350814b0e0683b2725e5eb7d44abf44944d23d5b9ca215cd7e0efe0496e2",
71
- "signature": "71c1350814b0e0683b2725e5eb7d44abf44944d23d5b9ca215cd7e0efe0496e2",
72
- "affectsGlobalScope": false
73
- },
74
64
  "../../../node_modules/csstype/index.d.ts": {
75
65
  "version": "859b1245cdfd0d6e0752cdb59913e36fb2946e919f5d99846ef7f8ab45d5735e",
76
66
  "signature": "859b1245cdfd0d6e0752cdb59913e36fb2946e919f5d99846ef7f8ab45d5735e",
77
67
  "affectsGlobalScope": false
78
68
  },
79
- "../../../node_modules/@emotion/react/node_modules/@emotion/serialize/types/index.d.ts": {
80
- "version": "93b24ca76698e62732d72800da132367639a4426363c821338bbbd7cf6b64443",
81
- "signature": "93b24ca76698e62732d72800da132367639a4426363c821338bbbd7cf6b64443",
82
- "affectsGlobalScope": false
83
- },
84
- "../../../node_modules/@types/react/global.d.ts": {
85
- "version": "ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6",
86
- "signature": "ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6",
87
- "affectsGlobalScope": true
88
- },
89
- "../../../node_modules/@types/prop-types/index.d.ts": {
90
- "version": "a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad",
91
- "signature": "a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad",
92
- "affectsGlobalScope": false
93
- },
94
- "../../../node_modules/@types/react/index.d.ts": {
95
- "version": "9692a141afe8f30a5542189ffceb1a043f3d1fbaf0e07d28a8e9ac6d32c4cb01",
96
- "signature": "9692a141afe8f30a5542189ffceb1a043f3d1fbaf0e07d28a8e9ac6d32c4cb01",
97
- "affectsGlobalScope": true
98
- },
99
- "../../../node_modules/@emotion/react/types/jsx-namespace.d.ts": {
100
- "version": "ecfa9ce3a5a37d15b813065e8a7cdf677a0f493018e47ce59815443dfbb9c910",
101
- "signature": "ecfa9ce3a5a37d15b813065e8a7cdf677a0f493018e47ce59815443dfbb9c910",
102
- "affectsGlobalScope": false
103
- },
104
- "../../../node_modules/@emotion/react/types/helper.d.ts": {
105
- "version": "83e56d3337e1a6dbafdbe5a2502a84c330b1a328ed2860d689b2ded82b1f5c95",
106
- "signature": "83e56d3337e1a6dbafdbe5a2502a84c330b1a328ed2860d689b2ded82b1f5c95",
107
- "affectsGlobalScope": false
108
- },
109
- "../../../node_modules/@emotion/react/types/theming.d.ts": {
110
- "version": "e630f8a3c49d5db0a8af774799abdb8f19675b940a6cfa25eca35e5280709f28",
111
- "signature": "e630f8a3c49d5db0a8af774799abdb8f19675b940a6cfa25eca35e5280709f28",
112
- "affectsGlobalScope": false
113
- },
114
- "../../../node_modules/@emotion/react/types/index.d.ts": {
115
- "version": "413c03b679ca5bbe6456b8a38ac999fffb3834d0e4a9638bd186533d629ab8cb",
116
- "signature": "413c03b679ca5bbe6456b8a38ac999fffb3834d0e4a9638bd186533d629ab8cb",
117
- "affectsGlobalScope": false
118
- },
119
69
  "../../../node_modules/@types/styled-system__css/index.d.ts": {
120
70
  "version": "053b7ff9e46ae65bcf48fb4f0d76bdfb005e6acee37aace9ede1036e63513f3d",
121
71
  "signature": "053b7ff9e46ae65bcf48fb4f0d76bdfb005e6acee37aace9ede1036e63513f3d",
@@ -546,6 +496,56 @@
546
496
  "signature": "3528ba2e66de9ae2216f79df00c95424b9b8782d19b07e35916d152838ff26d8",
547
497
  "affectsGlobalScope": false
548
498
  },
499
+ "../../../node_modules/@types/react/global.d.ts": {
500
+ "version": "ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6",
501
+ "signature": "ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6",
502
+ "affectsGlobalScope": true
503
+ },
504
+ "../../../node_modules/@types/prop-types/index.d.ts": {
505
+ "version": "a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad",
506
+ "signature": "a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad",
507
+ "affectsGlobalScope": false
508
+ },
509
+ "../../../node_modules/@types/react/index.d.ts": {
510
+ "version": "9692a141afe8f30a5542189ffceb1a043f3d1fbaf0e07d28a8e9ac6d32c4cb01",
511
+ "signature": "9692a141afe8f30a5542189ffceb1a043f3d1fbaf0e07d28a8e9ac6d32c4cb01",
512
+ "affectsGlobalScope": true
513
+ },
514
+ "../../../node_modules/@emotion/react/node_modules/@emotion/utils/types/index.d.ts": {
515
+ "version": "4b46f4712ae966996b2cc81949d482063887c55478706e25d942482a44b99b71",
516
+ "signature": "4b46f4712ae966996b2cc81949d482063887c55478706e25d942482a44b99b71",
517
+ "affectsGlobalScope": false
518
+ },
519
+ "../../../node_modules/@emotion/react/node_modules/@emotion/cache/types/index.d.ts": {
520
+ "version": "71c1350814b0e0683b2725e5eb7d44abf44944d23d5b9ca215cd7e0efe0496e2",
521
+ "signature": "71c1350814b0e0683b2725e5eb7d44abf44944d23d5b9ca215cd7e0efe0496e2",
522
+ "affectsGlobalScope": false
523
+ },
524
+ "../../../node_modules/@emotion/react/node_modules/@emotion/serialize/types/index.d.ts": {
525
+ "version": "93b24ca76698e62732d72800da132367639a4426363c821338bbbd7cf6b64443",
526
+ "signature": "93b24ca76698e62732d72800da132367639a4426363c821338bbbd7cf6b64443",
527
+ "affectsGlobalScope": false
528
+ },
529
+ "../../../node_modules/@emotion/react/types/jsx-namespace.d.ts": {
530
+ "version": "ecfa9ce3a5a37d15b813065e8a7cdf677a0f493018e47ce59815443dfbb9c910",
531
+ "signature": "ecfa9ce3a5a37d15b813065e8a7cdf677a0f493018e47ce59815443dfbb9c910",
532
+ "affectsGlobalScope": false
533
+ },
534
+ "../../../node_modules/@emotion/react/types/helper.d.ts": {
535
+ "version": "83e56d3337e1a6dbafdbe5a2502a84c330b1a328ed2860d689b2ded82b1f5c95",
536
+ "signature": "83e56d3337e1a6dbafdbe5a2502a84c330b1a328ed2860d689b2ded82b1f5c95",
537
+ "affectsGlobalScope": false
538
+ },
539
+ "../../../node_modules/@emotion/react/types/theming.d.ts": {
540
+ "version": "e630f8a3c49d5db0a8af774799abdb8f19675b940a6cfa25eca35e5280709f28",
541
+ "signature": "e630f8a3c49d5db0a8af774799abdb8f19675b940a6cfa25eca35e5280709f28",
542
+ "affectsGlobalScope": false
543
+ },
544
+ "../../../node_modules/@emotion/react/types/index.d.ts": {
545
+ "version": "413c03b679ca5bbe6456b8a38ac999fffb3834d0e4a9638bd186533d629ab8cb",
546
+ "signature": "413c03b679ca5bbe6456b8a38ac999fffb3834d0e4a9638bd186533d629ab8cb",
547
+ "affectsGlobalScope": false
548
+ },
549
549
  "../src/ColorMode/color-mode.ts": {
550
550
  "version": "1b9d00208a93730b6d37feb77ee09165fcfac0a3ca5b03c90295052df17c2a6b",
551
551
  "signature": "90a92234c40e4deae93f5ba8de0ae188132582e0ecea0fc94cbbbd3e90c5fb04",
@@ -592,8 +592,8 @@
592
592
  "affectsGlobalScope": false
593
593
  },
594
594
  "../src/color.ts": {
595
- "version": "bb3877f89e5b4d0b4fe379064f15b38212b46ded8091d42ea34142cfddf9576b",
596
- "signature": "9fc42dcf4a01b9706e2c6d9eed08bf16a0adcbe75396ebcca33c4ff55f465fb7",
595
+ "version": "fec3519e90492033adc3bd2de3748d3bc9c1e706abbf84e95ad75c0a34af857b",
596
+ "signature": "44aaadc27a6019bedd258d99fbf962f32527e2b0b0178228c31f224b29786494",
597
597
  "affectsGlobalScope": false
598
598
  },
599
599
  "../src/css.ts": {
@@ -643,7 +643,7 @@
643
643
  },
644
644
  "../src/Paper/Paper.tsx": {
645
645
  "version": "bd68d7aa9cfa90848b4b8dfcb412681d900afce16c286e03b1e5ffdd03ac4d75",
646
- "signature": "c20e9eaceaa9499e7c712710ead629cd47f8b035f078f863d9cb2e680374d179",
646
+ "signature": "aea551edbc96a840fe25e00d864c3007c4ec64bbe31e2595bd669e02f7e64998",
647
647
  "affectsGlobalScope": false
648
648
  },
649
649
  "../src/Paper/index.ts": {
@@ -663,17 +663,17 @@
663
663
  },
664
664
  "../src/Button/TransparentButton.tsx": {
665
665
  "version": "4475e5383b21a01e11890dced7e0b87e1e941e3dcef124d7f8b1ebaa9fa07091",
666
- "signature": "5de47968f30eec1f7f00506d4e8120d228afbb2d69769b7bd1c3edbef81d50bd",
666
+ "signature": "f8ff138d99730fdcfb2b8b3425d5ff21e127b94c2c59eae754ea1296d53571ab",
667
667
  "affectsGlobalScope": false
668
668
  },
669
669
  "../src/Button/FilledButton.tsx": {
670
670
  "version": "1188dda4d37012d998f56acdf21625cf7ef8cfd351e55849218e28bae8aa405a",
671
- "signature": "b34c2af611bca9a3204cf615dc886e317a921547b8a2a2ed91d3d166981f9875",
671
+ "signature": "4d76487857d0c1e565d356adf6c085ecc5617b96591451a5273d78d48a2f1eb9",
672
672
  "affectsGlobalScope": false
673
673
  },
674
674
  "../src/Button/OutlinedButton.tsx": {
675
675
  "version": "d03bde9ee89eaa8f8e1a6836917c93f9d4ca1f482c3c8ab660c4f92976d83be8",
676
- "signature": "14aec258bb8893b92f3c124eb1d71005d9bee6b49bcebbff2941122f4864cfa1",
676
+ "signature": "c673a411ea3b9e3b7f16014a7396fa16311d1b25b21b56b537b25659e6adc47a",
677
677
  "affectsGlobalScope": false
678
678
  },
679
679
  "../src/Button/IconButton.tsx": {
@@ -1168,7 +1168,7 @@
1168
1168
  },
1169
1169
  "../src/Button/Button.tsx": {
1170
1170
  "version": "4fcc081348ca476e50be9c6ea004fc9528791b40f38a41a3bdb1ac0eea46d190",
1171
- "signature": "cb9043f77ebe6e1c1cfb19f2c1353fb2b96b6540d99a52b60999caac5d21247e",
1171
+ "signature": "1dcfcf2408a3ff6e1a96bac4d8ca99a81a4da448498516a8370fbb58a709026d",
1172
1172
  "affectsGlobalScope": false
1173
1173
  },
1174
1174
  "../src/Button/index.ts": {
@@ -1198,7 +1198,7 @@
1198
1198
  },
1199
1199
  "../src/Alert/Alert.tsx": {
1200
1200
  "version": "53afc0c766c9638826a96c26eadfd33153f6a0882414002984041957429559c9",
1201
- "signature": "df3ca2c9f2d57da3c77df54c29737a9fc2378766599c235490894d56b9d81afa",
1201
+ "signature": "d400a78c0d6d79d493497b4b16cc97300e255c9f57cc97103d8da6060b3521b8",
1202
1202
  "affectsGlobalScope": false
1203
1203
  },
1204
1204
  "../src/Alert/index.ts": {
@@ -1228,7 +1228,7 @@
1228
1228
  },
1229
1229
  "../src/Dialog/Scrim.tsx": {
1230
1230
  "version": "b930086679c351f776caa776df91fd6c9361cfdba1359b16a43fa3c3b9dc41e0",
1231
- "signature": "800e154d09006f30e37e6eaabac7f8899c24e6a56d0438cc28a85042ae1d5af9",
1231
+ "signature": "2016377475a73dab8628259b41c62a9e94b79d9741cee651f3e462212fc76ff0",
1232
1232
  "affectsGlobalScope": false
1233
1233
  },
1234
1234
  "../src/Dialog/DialogContainer.tsx": {
@@ -1237,8 +1237,8 @@
1237
1237
  "affectsGlobalScope": false
1238
1238
  },
1239
1239
  "../src/Dialog/DialogSurface.tsx": {
1240
- "version": "b89d85082b17f10e243a9f67e43cc941e3b5a2e865d54b5f1ded8d585fd451ed",
1241
- "signature": "0d9d0564801cec70bc50cbbc273e65d1830cf52e8c9cadc2d44747b169d8847e",
1240
+ "version": "cb8fb2e529ed7ab8a1b7d571b8fa66ba479dd6a3e71043eea2431c1cdeb269de",
1241
+ "signature": "8d678a89f9b2512030cc3b23c0df9267f27a99a3c844549ff0c648bc9691de92",
1242
1242
  "affectsGlobalScope": false
1243
1243
  },
1244
1244
  "../src/hooks/useAnimation.ts": {
@@ -1257,13 +1257,13 @@
1257
1257
  "affectsGlobalScope": false
1258
1258
  },
1259
1259
  "../src/BottomSheet/BottomSheetSurface.tsx": {
1260
- "version": "a991d3a50b876eea98b5437aec80968a6fa1617031a5126977d03e356f7284c7",
1261
- "signature": "9054ce65db9f9a23996f6bded41cb0889d97984e7f95f02715db68c5cf1f5faa",
1260
+ "version": "82be5799f4c2d0828f64aec4f2a1f2ccc1d3f07f96abe46f9e942ce056e69524",
1261
+ "signature": "2de97065cfa7b664f1ba2481f824564556846a1890cb12db6b277ad516bc294c",
1262
1262
  "affectsGlobalScope": false
1263
1263
  },
1264
1264
  "../src/BottomSheet/BottomSheet.tsx": {
1265
1265
  "version": "bcf2ed4e36698ec583d9a9dc04a40eb39e00a11013793e9a1b3b7dea74bc4f3e",
1266
- "signature": "000c55f63c70e57b0547c51acd876c7faf34943a31ab0062a79a102683615c6d",
1266
+ "signature": "12507fc69f2b76653980a320b3935edd32159c051ce17e4d7243b73c28f023ef",
1267
1267
  "affectsGlobalScope": false
1268
1268
  },
1269
1269
  "../src/BottomSheet/index.ts": {
@@ -1273,7 +1273,7 @@
1273
1273
  },
1274
1274
  "../src/TextField/Input.tsx": {
1275
1275
  "version": "3e2b1bd09f4e7df78c2bf0bac0aab0cf7fd8b54e0313334af582deaeecf5ee25",
1276
- "signature": "ca1ccb77994eb947718ca54fea469cb98fb089c5af55c51635ff97062a05a4c0",
1276
+ "signature": "e644ffd7c93a3712ed776059f034d999a5843d4c43770c860b86311560d21b40",
1277
1277
  "affectsGlobalScope": false
1278
1278
  },
1279
1279
  "../src/NotchedOutline/context.ts": {
@@ -1303,7 +1303,7 @@
1303
1303
  },
1304
1304
  "../src/TextField/FilledContainer.tsx": {
1305
1305
  "version": "aa37cb241932ddaaab2b0b2ab4915f33a4a282d44e7eeae48e22a706fc1359a2",
1306
- "signature": "2ac2abcfc36ffe0991550eb77373c054eadf8d9b1675c96c546204e4f4691579",
1306
+ "signature": "85bf66f04856b51d3e2e9b6ef007753e29c334118c5bdcd6c66390c2c2b27834",
1307
1307
  "affectsGlobalScope": false
1308
1308
  },
1309
1309
  "../src/NotchedOutline/styledComponents.ts": {
@@ -1328,7 +1328,7 @@
1328
1328
  },
1329
1329
  "../src/TextField/HelperText.tsx": {
1330
1330
  "version": "dc6ce27dfb63f6fac4112fea920d08433f0799a4989dd7e7446d83e164fb3643",
1331
- "signature": "4e88711d03036390d5173f8865e7077b9b579ee78bedeb1fb48485ca8b21a12f",
1331
+ "signature": "82c8fa85732be5260ad7850d498b5190715dd4b0047955ef9bf6b7648e499367",
1332
1332
  "affectsGlobalScope": false
1333
1333
  },
1334
1334
  "../src/TextField/IconContainer.tsx": {
@@ -1338,12 +1338,12 @@
1338
1338
  },
1339
1339
  "../src/TextField/TextField.tsx": {
1340
1340
  "version": "c0fc48497f21f4837c018dd214d8ec0d1abbab92b6473e24bbb7371e732e2bff",
1341
- "signature": "ee59200d4b735e2290d6c69d225f1b71e08eb365ae9de109f22792362742887e",
1341
+ "signature": "c29b77366aacd95d6cafb92ec4412e1e2a2f69e3463b2a6e01791318f0e7c7a7",
1342
1342
  "affectsGlobalScope": false
1343
1343
  },
1344
1344
  "../src/TextField/index.ts": {
1345
- "version": "50289607eac28ac6f83356ac1c9f95462e2afae33d48029ae2734ccecd5ecf37",
1346
- "signature": "50289607eac28ac6f83356ac1c9f95462e2afae33d48029ae2734ccecd5ecf37",
1345
+ "version": "86d3624ffad3e33eda23f9259a80422c69c4ddd3e51869cdacb47f657b56a77c",
1346
+ "signature": "86d3624ffad3e33eda23f9259a80422c69c4ddd3e51869cdacb47f657b56a77c",
1347
1347
  "affectsGlobalScope": false
1348
1348
  },
1349
1349
  "../src/List/List.tsx": {
@@ -1363,7 +1363,7 @@
1363
1363
  },
1364
1364
  "../src/ListItem/ListItem.tsx": {
1365
1365
  "version": "d77fcda1f662492333b86542e056cdaeeea871f5c2af0c3fef8f0401e5d4f4fd",
1366
- "signature": "efaacd4980cd9d04207dc087a3e6c8cbd91ef7f5158ceca818afc0b1fdabbdad",
1366
+ "signature": "fffa61acf677bef1c469152bab5e5d5547195b4eb53c721a78d32e64e323c46d",
1367
1367
  "affectsGlobalScope": false
1368
1368
  },
1369
1369
  "../src/ListItem/ListItemText.tsx": {
@@ -1378,7 +1378,7 @@
1378
1378
  },
1379
1379
  "../src/Combobox/Combobox.tsx": {
1380
1380
  "version": "ba25d29c930b178451932116b58c5ae34296f2c0189c57f8df887c4190d7ad9b",
1381
- "signature": "7a8b008f90818c9ef36589f599df94852fb960869fb76cab99e9978be32f6e03",
1381
+ "signature": "1ebf7abdfb18e4b0672e0428a5032a92e9646a783b05a00d2d99d94c27032b67",
1382
1382
  "affectsGlobalScope": false
1383
1383
  },
1384
1384
  "../src/Combobox/index.ts": {
@@ -1408,7 +1408,7 @@
1408
1408
  },
1409
1409
  "../src/SelectionControl/SelectionControlText.tsx": {
1410
1410
  "version": "3659e0714c618dfce1078754b4f2140cdca7b3749398c6f89ef620aaec41bbca",
1411
- "signature": "9cdda6e7793720bd3a2b1161030302eb78389ddac51c4d99ff12c8cf07ca8cf2",
1411
+ "signature": "17bde1bfd5bfc45cdeb291939cfcf01e9ba96391630405e58ebf16cdfffb8daf",
1412
1412
  "affectsGlobalScope": false
1413
1413
  },
1414
1414
  "../src/SelectionControl/index.ts": {
@@ -1428,12 +1428,12 @@
1428
1428
  },
1429
1429
  "../src/Chip/ChipBase.tsx": {
1430
1430
  "version": "4bb67f8dd1f797687a35c8d26281f22aac521a0a5d4b74297ee19d22065858e4",
1431
- "signature": "1815a95a8192547613e00b520aca8b895918614bdec740894904d1b466b0b86a",
1431
+ "signature": "4e2e5bed28bb3b0c8b50fb8d734e1f6031a6794c0890497580dc057e9d10498c",
1432
1432
  "affectsGlobalScope": false
1433
1433
  },
1434
1434
  "../src/Chip/ButtonChip.tsx": {
1435
1435
  "version": "ad1ddf92e8fee94bce1125ab3e5ca86fc723c61f5285ce23b413f45c0a499a21",
1436
- "signature": "3e1ba2d19f12db02b7ac12cf7422712e8580c1c88ecda19f9488a1deeef27618",
1436
+ "signature": "81432c1291df7ee2322758be4413e00891ab34163f344d3370b631b72d9339e8",
1437
1437
  "affectsGlobalScope": false
1438
1438
  },
1439
1439
  "../src/Chip/Chip.tsx": {
@@ -1443,7 +1443,7 @@
1443
1443
  },
1444
1444
  "../src/Chip/ChoiceChip.tsx": {
1445
1445
  "version": "af1629080505b99fa8e3faed93ba2999ce250d343e17c277949e57456aed7997",
1446
- "signature": "b3e53ef8ed4ff45e5303bdf994a921fb6a3ac603a861e6d10bafc2090bb663b0",
1446
+ "signature": "3b1ed6323938a3f9957de6d356f913220291111491a95ed33c3b91209a2909f4",
1447
1447
  "affectsGlobalScope": false
1448
1448
  },
1449
1449
  "../src/Chip/index.ts": {
@@ -1453,7 +1453,7 @@
1453
1453
  },
1454
1454
  "../src/Divider/Divider.tsx": {
1455
1455
  "version": "313be0a9389990937b9f0fb8994f0100708fcf691123e00d94668552af8e703d",
1456
- "signature": "27aabcb7114b5add9c4fd135c612a675b8dc7aaad5e6c22deb91719031ec2dcb",
1456
+ "signature": "71078a15722ac89297e58a96cd07c8105b8034c5065dbbdc201d0449e5918274",
1457
1457
  "affectsGlobalScope": false
1458
1458
  },
1459
1459
  "../src/Divider/index.ts": {
@@ -1463,7 +1463,7 @@
1463
1463
  },
1464
1464
  "../src/Dialog/Dialog.tsx": {
1465
1465
  "version": "d639a68876caa027a1aeb7fc0c1c92b88b5731f346efe4fd304e56a83d1ade7e",
1466
- "signature": "8e08946f4182a4421e92acb88c60c4e078a56e15ac6e4d59b6381df9bd0a636f",
1466
+ "signature": "24351478070a514a64c37875806298c4e4c897a240656e0ccccda1fd1ec2e448",
1467
1467
  "affectsGlobalScope": false
1468
1468
  },
1469
1469
  "../src/Dialog/index.ts": {
@@ -1473,7 +1473,7 @@
1473
1473
  },
1474
1474
  "../src/Link/Link.tsx": {
1475
1475
  "version": "4a36250e23043c575330f856b19e4198f1a495a58805eedcf8367956a19f1ae6",
1476
- "signature": "14d4d42cfd00b8bfbeab6a9b38ef729402cc43fd0763b01c8698e60e612f79fd",
1476
+ "signature": "a48ed93cc85c9318421f94abeed47c87818f5ff559ae1f9b570b209c2ce8f6f9",
1477
1477
  "affectsGlobalScope": false
1478
1478
  },
1479
1479
  "../src/Link/index.ts": {
@@ -1538,7 +1538,7 @@
1538
1538
  },
1539
1539
  "../src/Select/SelectIcon.tsx": {
1540
1540
  "version": "4b6e3cc689e62ce7e109f436fcf1aefefa0d6ef8878fdb96cd6551d19d7f7893",
1541
- "signature": "5be399f15bb0b283a9658b0bd8d0a74dd4b96a966016e3285f54c7a52125ead1",
1541
+ "signature": "e81b8ea4194a6e11dc63d9194bdf8de93798570ab820513afc81acacfb8a56ee",
1542
1542
  "affectsGlobalScope": false
1543
1543
  },
1544
1544
  "../src/Select/defaultRender.ts": {
@@ -1573,7 +1573,7 @@
1573
1573
  },
1574
1574
  "../src/Skeleton/Skeleton.tsx": {
1575
1575
  "version": "3f08fbff44ffc0b1b33a17d7367c1b95534ea0d70542aa1a04bb98c4fc5a895f",
1576
- "signature": "39962883680fa6f4838bcd19949bf67c42d3131c7cb94c9c68b58f0b75f9ae5e",
1576
+ "signature": "cc3c6fc7b0896d190ae59db586a8dbfa48632c36123efce672fb19632c2453c1",
1577
1577
  "affectsGlobalScope": false
1578
1578
  },
1579
1579
  "../src/Skeleton/DelayAppearance.tsx": {
@@ -1653,7 +1653,7 @@
1653
1653
  },
1654
1654
  "../src/Tab/Tab.tsx": {
1655
1655
  "version": "10149f64eddba8e234a63ec654cc7423ceffd43304bbeda0529f5413020fb54e",
1656
- "signature": "b6868339aced984a7549becf7bf099df0d523fe80f45d3ddf3560d2a94cbcece",
1656
+ "signature": "ac9ee3a84a98c08ed121868a29ab689954be8c68ecfcc3374b4f5fe12429f15d",
1657
1657
  "affectsGlobalScope": false
1658
1658
  },
1659
1659
  "../src/Tab/TabPanels.tsx": {
@@ -1688,7 +1688,7 @@
1688
1688
  },
1689
1689
  "../src/Table/TableHead.tsx": {
1690
1690
  "version": "2aba7f20ef2ff8a5d509634b83eb9b253d00962dd80ba884bd4cd7f99812fd07",
1691
- "signature": "333164ce56e8c1c168e6f34bd4d106df52f904295c1e04f3542695733948f5c1",
1691
+ "signature": "b6c61fd5924c6d2a8b3711398476213ebcebd5ef392067f708dbd8bb6fe68dec",
1692
1692
  "affectsGlobalScope": false
1693
1693
  },
1694
1694
  "../src/Table/TableCell.tsx": {
@@ -1698,7 +1698,7 @@
1698
1698
  },
1699
1699
  "../src/Table/TableRow.tsx": {
1700
1700
  "version": "58f2ecc6e444ff15f322a9745322d8248d985f42b5a8668b06bd8fd537bf3dac",
1701
- "signature": "be97b8177d3d97d8b2ed38a9b3750d4be89cbce23f4e5879a714e7f3e4b3f500",
1701
+ "signature": "1e5679884fd797709ddc9f9da7e1367c3dee42a3231daed4963911c8bd80dd2b",
1702
1702
  "affectsGlobalScope": false
1703
1703
  },
1704
1704
  "../src/Table/index.ts": {
@@ -1708,7 +1708,7 @@
1708
1708
  },
1709
1709
  "../src/Tooltip/Tooltip.tsx": {
1710
1710
  "version": "ad9fa4ce7e1a1e9334ac0199db0db6bfa9c419db0da7a57c892ab01c874c165a",
1711
- "signature": "fd3e297fc9291959a6011d6ded057a497b89ddb020205881d93d71a391ff38f3",
1711
+ "signature": "25db105dda57ef68979c2f7b0d004663feb0936eb9cd476c4565f86d54cb7092",
1712
1712
  "affectsGlobalScope": false
1713
1713
  },
1714
1714
  "../src/Tooltip/index.ts": {
@@ -2822,6 +2822,9 @@
2822
2822
  "../src/theme/index.ts"
2823
2823
  ],
2824
2824
  "../src/TextField/index.ts": [
2825
+ "../src/TextField/FilledContainer.tsx",
2826
+ "../src/TextField/HelperText.tsx",
2827
+ "../src/TextField/OutlinedContainer.tsx",
2825
2828
  "../src/TextField/TextField.tsx"
2826
2829
  ],
2827
2830
  "../src/Tooltip/Tooltip.tsx": [
@@ -2834,7 +2837,6 @@
2834
2837
  "../src/Tooltip/Tooltip.tsx"
2835
2838
  ],
2836
2839
  "../src/color.ts": [
2837
- "../../../node_modules/@emotion/react/types/index.d.ts",
2838
2840
  "../../../node_modules/@types/styled-system__css/index.d.ts",
2839
2841
  "../node_modules/polished/lib/index.d.ts",
2840
2842
  "../src/ColorMode/index.ts",
@@ -4006,6 +4008,9 @@
4006
4008
  "../src/TextField/Input.tsx"
4007
4009
  ],
4008
4010
  "../src/TextField/index.ts": [
4011
+ "../src/TextField/FilledContainer.tsx",
4012
+ "../src/TextField/HelperText.tsx",
4013
+ "../src/TextField/OutlinedContainer.tsx",
4009
4014
  "../src/TextField/TextField.tsx"
4010
4015
  ],
4011
4016
  "../src/Tooltip/Tooltip.tsx": [
@@ -4017,7 +4022,7 @@
4017
4022
  "../src/Tooltip/Tooltip.tsx"
4018
4023
  ],
4019
4024
  "../src/color.ts": [
4020
- "../../../node_modules/@emotion/react/types/index.d.ts",
4025
+ "../../../node_modules/@types/styled-system__css/index.d.ts",
4021
4026
  "../src/theme/index.ts"
4022
4027
  ],
4023
4028
  "../src/css.ts": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basic-ui/material",
3
- "version": "0.1.0",
3
+ "version": "0.1.4",
4
4
  "description": "Accessible React Components used as building blocks for UI patterns",
5
5
  "author": "Lucas Terra <lucasterra7@gmail.com>",
6
6
  "license": "MIT",
@@ -50,5 +50,5 @@
50
50
  "react-dom": ">=16.14.0 || >=17.0.0",
51
51
  "react-spring": "^9.0.0"
52
52
  },
53
- "gitHead": "916dcf059b7eed285b3a0413489aa9563df81015"
53
+ "gitHead": "391419fda18decef51a35181ca10410e79693c41"
54
54
  }
@@ -24,9 +24,9 @@ export const BottomSheetSurface = forwardRef<
24
24
  as={Paper}
25
25
  theme={theme}
26
26
  elevation={24}
27
- backgroundColor="surface"
28
27
  __css={{
29
28
  position: 'absolute',
29
+ bg: 'surface',
30
30
  bottom: 0,
31
31
  mx: 'auto',
32
32
  borderRadius: 0,
@@ -22,8 +22,9 @@ export const DialogSurface = forwardRef<HTMLDivElement, DialogSurfaceProps>(
22
22
  as={Paper}
23
23
  theme={theme}
24
24
  elevation={24}
25
- backgroundColor="surface"
26
25
  __css={{
26
+ position: 'relative',
27
+ bg: 'surface',
27
28
  borderRadius: rem(8),
28
29
  width: '100%',
29
30
  maxWidth: rem(600),
@@ -1 +1,4 @@
1
1
  export * from './TextField';
2
+ export * from './FilledContainer';
3
+ export * from './OutlinedContainer';
4
+ export * from './HelperText';
package/src/color.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { CSSObject } from '@emotion/react';
2
- import { get } from '@styled-system/css';
1
+ import { get, SystemStyleObject } from '@styled-system/css';
3
2
  import { parseToRgb } from 'polished';
4
3
  import { DARK_THEME_CLASS } from './ColorMode';
5
4
  import { Theme } from './theme';
@@ -17,25 +16,38 @@ export const alpha = (colorString: string, alphaValue: number) => (
17
16
  return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;
18
17
  };
19
18
 
19
+ export function getBackgroundOverlay(
20
+ theme: Theme,
21
+ backgroundOverlay: number | string
22
+ ): SystemStyleObject {
23
+ if (Number(backgroundOverlay) <= 0) {
24
+ return {};
25
+ }
26
+
27
+ return {
28
+ background: `linear-gradient(${get(theme, 'colors.surface')}, ${get(
29
+ theme,
30
+ 'colors.surface'
31
+ )}), ${alpha(
32
+ 'on.surface',
33
+ get(theme, `paper.overlays.${backgroundOverlay}`) || 0
34
+ )(theme)}`,
35
+ backgroundBlendMode: 'overlay',
36
+ backgroundRepeat: 'no-repeat',
37
+ };
38
+ }
39
+
20
40
  export function getDarkThemeBackgroundOverlay(
21
41
  theme: Theme,
22
42
  backgroundOverlay: number | string
23
- ): CSSObject {
43
+ ): SystemStyleObject {
24
44
  if (Number(backgroundOverlay) <= 0) {
25
45
  return {};
26
46
  }
27
47
 
28
48
  return {
29
49
  [`.${DARK_THEME_CLASS} &, &.${DARK_THEME_CLASS}`]: {
30
- background: `linear-gradient(${get(theme, 'colors.surface')}, ${get(
31
- theme,
32
- 'colors.surface'
33
- )}), ${alpha(
34
- 'on.surface',
35
- get(theme, `paper.overlays.${backgroundOverlay}`) || 0
36
- )(theme)}`,
37
- backgroundBlendMode: 'overlay',
38
- backgroundRepeat: 'no-repeat',
50
+ ...getBackgroundOverlay(theme, backgroundOverlay),
39
51
  },
40
52
  };
41
53
  }