@bolio-ui/core 1.0.7 → 1.0.8

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 (97) hide show
  1. package/dist/Avatar/index.js +31 -31
  2. package/dist/Badge/index.js +33 -33
  3. package/dist/BolioUIProvider/index.js +37 -37
  4. package/dist/Breadcrumbs/index.js +30 -30
  5. package/dist/Button/index.js +37 -37
  6. package/dist/ButtonDropdown/index.js +83 -72
  7. package/dist/ButtonDropdown/styles.d.ts +1 -0
  8. package/dist/ButtonGroup/index.js +31 -29
  9. package/dist/Capacity/index.js +26 -26
  10. package/dist/Card/Card.d.ts +1 -0
  11. package/dist/Card/index.js +62 -52
  12. package/dist/Checkbox/index.js +187 -169
  13. package/dist/Code/index.js +26 -26
  14. package/dist/Collapse/index.js +26 -26
  15. package/dist/Container/index.js +26 -26
  16. package/dist/CssBaseline/index.js +26 -26
  17. package/dist/Description/index.js +26 -26
  18. package/dist/Display/index.js +26 -26
  19. package/dist/Divider/index.js +26 -26
  20. package/dist/Dot/index.js +26 -26
  21. package/dist/Drawer/index.js +26 -26
  22. package/dist/Fieldset/index.js +26 -26
  23. package/dist/Grid/index.js +26 -26
  24. package/dist/Image/index.js +26 -26
  25. package/dist/Input/InputProps.d.ts +1 -0
  26. package/dist/Input/index.js +75 -65
  27. package/dist/Input/styles.d.ts +2 -0
  28. package/dist/Keyboard/index.js +26 -26
  29. package/dist/Link/index.js +26 -26
  30. package/dist/Loading/index.js +26 -26
  31. package/dist/MdxWidgets/index.js +26 -26
  32. package/dist/Modal/index.js +37 -37
  33. package/dist/Note/index.js +26 -26
  34. package/dist/Page/index.js +26 -26
  35. package/dist/Pagination/index.js +26 -26
  36. package/dist/Popover/index.js +26 -26
  37. package/dist/Progress/index.js +26 -26
  38. package/dist/Radio/index.js +26 -26
  39. package/dist/Rating/index.js +26 -26
  40. package/dist/Row/index.js +26 -26
  41. package/dist/Section/index.js +26 -26
  42. package/dist/Select/index.js +92 -90
  43. package/dist/Select/styles.d.ts +5 -4
  44. package/dist/Slider/index.js +26 -26
  45. package/dist/Snippet/index.js +26 -26
  46. package/dist/Spacer/index.js +26 -26
  47. package/dist/Spinner/index.js +26 -26
  48. package/dist/Table/index.js +26 -26
  49. package/dist/Tabs/index.js +29 -29
  50. package/dist/Tag/index.js +26 -26
  51. package/dist/Text/index.js +26 -26
  52. package/dist/Textarea/index.js +60 -50
  53. package/dist/Themes/index.js +26 -26
  54. package/dist/Toggle/index.js +33 -33
  55. package/dist/Tooltip/index.js +26 -26
  56. package/dist/index.js +315 -262
  57. package/dist/use-all-themes/index.js +26 -26
  58. package/dist/use-media-query/index.js +26 -26
  59. package/dist/use-scale/index.js +26 -26
  60. package/dist/use-theme/index.js +26 -26
  61. package/esm/Avatar/Avatar.js +5 -5
  62. package/esm/Badge/Badge.js +7 -7
  63. package/esm/Badge/stories.js +1 -1
  64. package/esm/Breadcrumbs/Breadcrumbs.js +4 -4
  65. package/esm/Button/Button.js +3 -3
  66. package/esm/Button/styles.js +8 -8
  67. package/esm/ButtonDropdown/ButtonDropdown.js +13 -13
  68. package/esm/ButtonDropdown/ButtonDropdownItem.js +3 -3
  69. package/esm/ButtonDropdown/Icon.js +1 -1
  70. package/esm/ButtonDropdown/styles.d.ts +1 -0
  71. package/esm/ButtonDropdown/styles.js +40 -29
  72. package/esm/ButtonGroup/ButtonGroup.js +5 -3
  73. package/esm/Capacity/stories.js +40 -10
  74. package/esm/Card/Card.d.ts +1 -0
  75. package/esm/Card/Card.js +8 -7
  76. package/esm/Card/stories.js +56 -7
  77. package/esm/Card/styles.js +28 -19
  78. package/esm/Checkbox/Checkbox.js +6 -6
  79. package/esm/Checkbox/CheckboxIcon.js +34 -16
  80. package/esm/Input/Input.js +15 -15
  81. package/esm/Input/InputProps.d.ts +1 -0
  82. package/esm/Input/styles.d.ts +2 -0
  83. package/esm/Input/styles.js +27 -13
  84. package/esm/Select/Select.js +10 -15
  85. package/esm/Select/SelectDropdown.js +4 -4
  86. package/esm/Select/SelectIconClear.js +7 -7
  87. package/esm/Select/SelectMultipleValue.js +4 -4
  88. package/esm/Select/SelectOption.js +6 -6
  89. package/esm/Select/styles.d.ts +5 -4
  90. package/esm/Select/styles.js +35 -28
  91. package/esm/Tabs/TabsItem.js +3 -3
  92. package/esm/Textarea/Textarea.js +7 -11
  93. package/esm/Themes/Presets/Dark.js +14 -14
  94. package/esm/Themes/Presets/Default.js +11 -11
  95. package/esm/Themes/Presets/Shared.js +1 -1
  96. package/esm/Toggle/Toggle.js +7 -7
  97. package/package.json +1 -1
package/dist/Snippet/index.js CHANGED
@@ -284,7 +284,7 @@ var defaultLayout = {
284
284
  pageWidthWithMargin: '930pt',
285
285
  breakpointMobile: defaultBreakpoints.xs.max,
286
286
  breakpointTablet: defaultBreakpoints.sm.max,
287
- radius: '6px',
287
+ radius: '10px',
288
288
  unit: '16px'
289
289
  };
290
290
 
@@ -299,32 +299,32 @@ var palette$1 = {
299
299
  accents_6: '#444',
300
300
  accents_7: '#333',
301
301
  accents_8: '#111',
302
- selection: '#cee4fe',
302
+ selection: 'rgba(206,228,254, 0.5)',
303
303
  code: '#C25FFF',
304
304
  border: '#eaeaea',
305
305
  primary: '#0072F6',
306
- primaryLight: '#96C1F3',
307
- primaryLighter: '#CEE4FF',
306
+ primaryLight: '#CEE4FF',
307
+ primaryLighter: '#96C1F3',
308
308
  primaryDark: '#00254E',
309
309
  secondary: '#7828C9',
310
- secondaryLighter: '#D1B1F1',
311
310
  secondaryLight: '#EADCF9',
311
+ secondaryLighter: '#D1B1F1',
312
312
  secondaryDark: '#290E45',
313
313
  error: '#F31261',
314
- errorLight: '#FAA8C6',
315
- errorLighter: '#FDD8E6',
314
+ errorLight: '#FDD8E6',
315
+ errorLighter: '#FAA8C6',
316
316
  errorDark: '#4E041F',
317
317
  success: '#17C965',
318
- successLight: '#ADF5CD',
319
- successLighter: '#DAFBE9',
318
+ successLight: '#DAFBE9',
319
+ successLighter: '#ADF5CD',
320
320
  successDark: '#06371C',
321
321
  warning: '#F5A525',
322
- warningLight: '#FBDBA8',
323
- warningLighter: '#FDEFD9',
322
+ warningLight: '#FDEFD9',
323
+ warningLighter: '#FBDBA8',
324
324
  warningDark: '#4E3105',
325
325
  info: '#06B7DC',
326
- infoLighter: '#A5EEFE',
327
326
  infoLight: '#D7F8FF',
327
+ infoLighter: '#A5EEFE',
328
328
  infoDark: '#053B49',
329
329
  purple: '#f81ce5',
330
330
  alert: '#ff0080',
@@ -366,32 +366,32 @@ var palette = {
366
366
  accents_6: '#999',
367
367
  accents_7: '#eaeaea',
368
368
  accents_8: '#fafafa',
369
- selection: '#f81ce5',
369
+ selection: 'rgba(248,28,229, 0.5)',
370
370
  code: '#C25FFF',
371
371
  border: '#333',
372
372
  primary: '#0072F6',
373
- primaryLight: '#96C1F3',
374
- primaryLighter: '#CEE4FF',
373
+ primaryLight: '#CEE4FF',
374
+ primaryLighter: '#96C1F3',
375
375
  primaryDark: '#00254E',
376
376
  secondary: '#7828C9',
377
- secondaryLighter: '#D1B1F1',
378
377
  secondaryLight: '#EADCF9',
378
+ secondaryLighter: '#D1B1F1',
379
379
  secondaryDark: '#290E45',
380
380
  error: '#F31261',
381
- errorLight: '#FAA8C6',
382
- errorLighter: '#FDD8E6',
381
+ errorLight: '#FDD8E6',
382
+ errorLighter: '#FAA8C6',
383
383
  errorDark: '#4E041F',
384
384
  success: '#17C965',
385
- successLight: '#ADF5CD',
386
- successLighter: '#DAFBE9',
385
+ successLight: '#DAFBE9',
386
+ successLighter: '#ADF5CD',
387
387
  successDark: '#06371C',
388
388
  warning: '#F5A525',
389
- warningLight: '#FBDBA8',
390
- warningLighter: '#FDEFD9',
389
+ warningLight: '#FDEFD9',
390
+ warningLighter: '#FBDBA8',
391
391
  warningDark: '#4E3105',
392
392
  info: '#06B7DC',
393
- infoLighter: '#A5EEFE',
394
393
  infoLight: '#D7F8FF',
394
+ infoLighter: '#A5EEFE',
395
395
  infoDark: '#053B49',
396
396
  purple: '#f81ce5',
397
397
  alert: '#ff0080',
@@ -404,9 +404,9 @@ var expressiveness = {
404
404
  dropdownBoxShadow: '0 0 0 1px #333',
405
405
  scrollerStart: 'rgba(255, 255, 255, 1)',
406
406
  scrollerEnd: 'rgba(255, 255, 255, 0)',
407
- shadowSmall: '0 0 0 1px #333',
408
- shadowMedium: '0 0 0 1px #333',
409
- shadowLarge: '0 0 0 1px #333',
407
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
408
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
409
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
410
410
  portalOpacity: 0.75
411
411
  };
412
412
  var font = defaultFont;
package/dist/Spacer/index.js CHANGED
@@ -263,7 +263,7 @@ var defaultLayout = {
263
263
  pageWidthWithMargin: '930pt',
264
264
  breakpointMobile: defaultBreakpoints.xs.max,
265
265
  breakpointTablet: defaultBreakpoints.sm.max,
266
- radius: '6px',
266
+ radius: '10px',
267
267
  unit: '16px'
268
268
  };
269
269
 
@@ -278,32 +278,32 @@ var palette$1 = {
278
278
  accents_6: '#444',
279
279
  accents_7: '#333',
280
280
  accents_8: '#111',
281
- selection: '#cee4fe',
281
+ selection: 'rgba(206,228,254, 0.5)',
282
282
  code: '#C25FFF',
283
283
  border: '#eaeaea',
284
284
  primary: '#0072F6',
285
- primaryLight: '#96C1F3',
286
- primaryLighter: '#CEE4FF',
285
+ primaryLight: '#CEE4FF',
286
+ primaryLighter: '#96C1F3',
287
287
  primaryDark: '#00254E',
288
288
  secondary: '#7828C9',
289
- secondaryLighter: '#D1B1F1',
290
289
  secondaryLight: '#EADCF9',
290
+ secondaryLighter: '#D1B1F1',
291
291
  secondaryDark: '#290E45',
292
292
  error: '#F31261',
293
- errorLight: '#FAA8C6',
294
- errorLighter: '#FDD8E6',
293
+ errorLight: '#FDD8E6',
294
+ errorLighter: '#FAA8C6',
295
295
  errorDark: '#4E041F',
296
296
  success: '#17C965',
297
- successLight: '#ADF5CD',
298
- successLighter: '#DAFBE9',
297
+ successLight: '#DAFBE9',
298
+ successLighter: '#ADF5CD',
299
299
  successDark: '#06371C',
300
300
  warning: '#F5A525',
301
- warningLight: '#FBDBA8',
302
- warningLighter: '#FDEFD9',
301
+ warningLight: '#FDEFD9',
302
+ warningLighter: '#FBDBA8',
303
303
  warningDark: '#4E3105',
304
304
  info: '#06B7DC',
305
- infoLighter: '#A5EEFE',
306
305
  infoLight: '#D7F8FF',
306
+ infoLighter: '#A5EEFE',
307
307
  infoDark: '#053B49',
308
308
  purple: '#f81ce5',
309
309
  alert: '#ff0080',
@@ -345,32 +345,32 @@ var palette = {
345
345
  accents_6: '#999',
346
346
  accents_7: '#eaeaea',
347
347
  accents_8: '#fafafa',
348
- selection: '#f81ce5',
348
+ selection: 'rgba(248,28,229, 0.5)',
349
349
  code: '#C25FFF',
350
350
  border: '#333',
351
351
  primary: '#0072F6',
352
- primaryLight: '#96C1F3',
353
- primaryLighter: '#CEE4FF',
352
+ primaryLight: '#CEE4FF',
353
+ primaryLighter: '#96C1F3',
354
354
  primaryDark: '#00254E',
355
355
  secondary: '#7828C9',
356
- secondaryLighter: '#D1B1F1',
357
356
  secondaryLight: '#EADCF9',
357
+ secondaryLighter: '#D1B1F1',
358
358
  secondaryDark: '#290E45',
359
359
  error: '#F31261',
360
- errorLight: '#FAA8C6',
361
- errorLighter: '#FDD8E6',
360
+ errorLight: '#FDD8E6',
361
+ errorLighter: '#FAA8C6',
362
362
  errorDark: '#4E041F',
363
363
  success: '#17C965',
364
- successLight: '#ADF5CD',
365
- successLighter: '#DAFBE9',
364
+ successLight: '#DAFBE9',
365
+ successLighter: '#ADF5CD',
366
366
  successDark: '#06371C',
367
367
  warning: '#F5A525',
368
- warningLight: '#FBDBA8',
369
- warningLighter: '#FDEFD9',
368
+ warningLight: '#FDEFD9',
369
+ warningLighter: '#FBDBA8',
370
370
  warningDark: '#4E3105',
371
371
  info: '#06B7DC',
372
- infoLighter: '#A5EEFE',
373
372
  infoLight: '#D7F8FF',
373
+ infoLighter: '#A5EEFE',
374
374
  infoDark: '#053B49',
375
375
  purple: '#f81ce5',
376
376
  alert: '#ff0080',
@@ -383,9 +383,9 @@ var expressiveness = {
383
383
  dropdownBoxShadow: '0 0 0 1px #333',
384
384
  scrollerStart: 'rgba(255, 255, 255, 1)',
385
385
  scrollerEnd: 'rgba(255, 255, 255, 0)',
386
- shadowSmall: '0 0 0 1px #333',
387
- shadowMedium: '0 0 0 1px #333',
388
- shadowLarge: '0 0 0 1px #333',
386
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
387
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
388
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
389
389
  portalOpacity: 0.75
390
390
  };
391
391
  var font = defaultFont;
package/dist/Spinner/index.js CHANGED
@@ -242,7 +242,7 @@ var defaultLayout = {
242
242
  pageWidthWithMargin: '930pt',
243
243
  breakpointMobile: defaultBreakpoints.xs.max,
244
244
  breakpointTablet: defaultBreakpoints.sm.max,
245
- radius: '6px',
245
+ radius: '10px',
246
246
  unit: '16px'
247
247
  };
248
248
 
@@ -257,32 +257,32 @@ var palette$1 = {
257
257
  accents_6: '#444',
258
258
  accents_7: '#333',
259
259
  accents_8: '#111',
260
- selection: '#cee4fe',
260
+ selection: 'rgba(206,228,254, 0.5)',
261
261
  code: '#C25FFF',
262
262
  border: '#eaeaea',
263
263
  primary: '#0072F6',
264
- primaryLight: '#96C1F3',
265
- primaryLighter: '#CEE4FF',
264
+ primaryLight: '#CEE4FF',
265
+ primaryLighter: '#96C1F3',
266
266
  primaryDark: '#00254E',
267
267
  secondary: '#7828C9',
268
- secondaryLighter: '#D1B1F1',
269
268
  secondaryLight: '#EADCF9',
269
+ secondaryLighter: '#D1B1F1',
270
270
  secondaryDark: '#290E45',
271
271
  error: '#F31261',
272
- errorLight: '#FAA8C6',
273
- errorLighter: '#FDD8E6',
272
+ errorLight: '#FDD8E6',
273
+ errorLighter: '#FAA8C6',
274
274
  errorDark: '#4E041F',
275
275
  success: '#17C965',
276
- successLight: '#ADF5CD',
277
- successLighter: '#DAFBE9',
276
+ successLight: '#DAFBE9',
277
+ successLighter: '#ADF5CD',
278
278
  successDark: '#06371C',
279
279
  warning: '#F5A525',
280
- warningLight: '#FBDBA8',
281
- warningLighter: '#FDEFD9',
280
+ warningLight: '#FDEFD9',
281
+ warningLighter: '#FBDBA8',
282
282
  warningDark: '#4E3105',
283
283
  info: '#06B7DC',
284
- infoLighter: '#A5EEFE',
285
284
  infoLight: '#D7F8FF',
285
+ infoLighter: '#A5EEFE',
286
286
  infoDark: '#053B49',
287
287
  purple: '#f81ce5',
288
288
  alert: '#ff0080',
@@ -324,32 +324,32 @@ var palette = {
324
324
  accents_6: '#999',
325
325
  accents_7: '#eaeaea',
326
326
  accents_8: '#fafafa',
327
- selection: '#f81ce5',
327
+ selection: 'rgba(248,28,229, 0.5)',
328
328
  code: '#C25FFF',
329
329
  border: '#333',
330
330
  primary: '#0072F6',
331
- primaryLight: '#96C1F3',
332
- primaryLighter: '#CEE4FF',
331
+ primaryLight: '#CEE4FF',
332
+ primaryLighter: '#96C1F3',
333
333
  primaryDark: '#00254E',
334
334
  secondary: '#7828C9',
335
- secondaryLighter: '#D1B1F1',
336
335
  secondaryLight: '#EADCF9',
336
+ secondaryLighter: '#D1B1F1',
337
337
  secondaryDark: '#290E45',
338
338
  error: '#F31261',
339
- errorLight: '#FAA8C6',
340
- errorLighter: '#FDD8E6',
339
+ errorLight: '#FDD8E6',
340
+ errorLighter: '#FAA8C6',
341
341
  errorDark: '#4E041F',
342
342
  success: '#17C965',
343
- successLight: '#ADF5CD',
344
- successLighter: '#DAFBE9',
343
+ successLight: '#DAFBE9',
344
+ successLighter: '#ADF5CD',
345
345
  successDark: '#06371C',
346
346
  warning: '#F5A525',
347
- warningLight: '#FBDBA8',
348
- warningLighter: '#FDEFD9',
347
+ warningLight: '#FDEFD9',
348
+ warningLighter: '#FBDBA8',
349
349
  warningDark: '#4E3105',
350
350
  info: '#06B7DC',
351
- infoLighter: '#A5EEFE',
352
351
  infoLight: '#D7F8FF',
352
+ infoLighter: '#A5EEFE',
353
353
  infoDark: '#053B49',
354
354
  purple: '#f81ce5',
355
355
  alert: '#ff0080',
@@ -362,9 +362,9 @@ var expressiveness = {
362
362
  dropdownBoxShadow: '0 0 0 1px #333',
363
363
  scrollerStart: 'rgba(255, 255, 255, 1)',
364
364
  scrollerEnd: 'rgba(255, 255, 255, 0)',
365
- shadowSmall: '0 0 0 1px #333',
366
- shadowMedium: '0 0 0 1px #333',
367
- shadowLarge: '0 0 0 1px #333',
365
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
366
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
367
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
368
368
  portalOpacity: 0.75
369
369
  };
370
370
  var font = defaultFont;
package/dist/Table/index.js CHANGED
@@ -284,7 +284,7 @@ var defaultLayout = {
284
284
  pageWidthWithMargin: '930pt',
285
285
  breakpointMobile: defaultBreakpoints.xs.max,
286
286
  breakpointTablet: defaultBreakpoints.sm.max,
287
- radius: '6px',
287
+ radius: '10px',
288
288
  unit: '16px'
289
289
  };
290
290
 
@@ -299,32 +299,32 @@ var palette$1 = {
299
299
  accents_6: '#444',
300
300
  accents_7: '#333',
301
301
  accents_8: '#111',
302
- selection: '#cee4fe',
302
+ selection: 'rgba(206,228,254, 0.5)',
303
303
  code: '#C25FFF',
304
304
  border: '#eaeaea',
305
305
  primary: '#0072F6',
306
- primaryLight: '#96C1F3',
307
- primaryLighter: '#CEE4FF',
306
+ primaryLight: '#CEE4FF',
307
+ primaryLighter: '#96C1F3',
308
308
  primaryDark: '#00254E',
309
309
  secondary: '#7828C9',
310
- secondaryLighter: '#D1B1F1',
311
310
  secondaryLight: '#EADCF9',
311
+ secondaryLighter: '#D1B1F1',
312
312
  secondaryDark: '#290E45',
313
313
  error: '#F31261',
314
- errorLight: '#FAA8C6',
315
- errorLighter: '#FDD8E6',
314
+ errorLight: '#FDD8E6',
315
+ errorLighter: '#FAA8C6',
316
316
  errorDark: '#4E041F',
317
317
  success: '#17C965',
318
- successLight: '#ADF5CD',
319
- successLighter: '#DAFBE9',
318
+ successLight: '#DAFBE9',
319
+ successLighter: '#ADF5CD',
320
320
  successDark: '#06371C',
321
321
  warning: '#F5A525',
322
- warningLight: '#FBDBA8',
323
- warningLighter: '#FDEFD9',
322
+ warningLight: '#FDEFD9',
323
+ warningLighter: '#FBDBA8',
324
324
  warningDark: '#4E3105',
325
325
  info: '#06B7DC',
326
- infoLighter: '#A5EEFE',
327
326
  infoLight: '#D7F8FF',
327
+ infoLighter: '#A5EEFE',
328
328
  infoDark: '#053B49',
329
329
  purple: '#f81ce5',
330
330
  alert: '#ff0080',
@@ -366,32 +366,32 @@ var palette = {
366
366
  accents_6: '#999',
367
367
  accents_7: '#eaeaea',
368
368
  accents_8: '#fafafa',
369
- selection: '#f81ce5',
369
+ selection: 'rgba(248,28,229, 0.5)',
370
370
  code: '#C25FFF',
371
371
  border: '#333',
372
372
  primary: '#0072F6',
373
- primaryLight: '#96C1F3',
374
- primaryLighter: '#CEE4FF',
373
+ primaryLight: '#CEE4FF',
374
+ primaryLighter: '#96C1F3',
375
375
  primaryDark: '#00254E',
376
376
  secondary: '#7828C9',
377
- secondaryLighter: '#D1B1F1',
378
377
  secondaryLight: '#EADCF9',
378
+ secondaryLighter: '#D1B1F1',
379
379
  secondaryDark: '#290E45',
380
380
  error: '#F31261',
381
- errorLight: '#FAA8C6',
382
- errorLighter: '#FDD8E6',
381
+ errorLight: '#FDD8E6',
382
+ errorLighter: '#FAA8C6',
383
383
  errorDark: '#4E041F',
384
384
  success: '#17C965',
385
- successLight: '#ADF5CD',
386
- successLighter: '#DAFBE9',
385
+ successLight: '#DAFBE9',
386
+ successLighter: '#ADF5CD',
387
387
  successDark: '#06371C',
388
388
  warning: '#F5A525',
389
- warningLight: '#FBDBA8',
390
- warningLighter: '#FDEFD9',
389
+ warningLight: '#FDEFD9',
390
+ warningLighter: '#FBDBA8',
391
391
  warningDark: '#4E3105',
392
392
  info: '#06B7DC',
393
- infoLighter: '#A5EEFE',
394
393
  infoLight: '#D7F8FF',
394
+ infoLighter: '#A5EEFE',
395
395
  infoDark: '#053B49',
396
396
  purple: '#f81ce5',
397
397
  alert: '#ff0080',
@@ -404,9 +404,9 @@ var expressiveness = {
404
404
  dropdownBoxShadow: '0 0 0 1px #333',
405
405
  scrollerStart: 'rgba(255, 255, 255, 1)',
406
406
  scrollerEnd: 'rgba(255, 255, 255, 0)',
407
- shadowSmall: '0 0 0 1px #333',
408
- shadowMedium: '0 0 0 1px #333',
409
- shadowLarge: '0 0 0 1px #333',
407
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
408
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
409
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
410
410
  portalOpacity: 0.75
411
411
  };
412
412
  var font = defaultFont;
package/dist/Tabs/index.js CHANGED
@@ -284,7 +284,7 @@ var defaultLayout = {
284
284
  pageWidthWithMargin: '930pt',
285
285
  breakpointMobile: defaultBreakpoints.xs.max,
286
286
  breakpointTablet: defaultBreakpoints.sm.max,
287
- radius: '6px',
287
+ radius: '10px',
288
288
  unit: '16px'
289
289
  };
290
290
 
@@ -299,32 +299,32 @@ var palette$1 = {
299
299
  accents_6: '#444',
300
300
  accents_7: '#333',
301
301
  accents_8: '#111',
302
- selection: '#cee4fe',
302
+ selection: 'rgba(206,228,254, 0.5)',
303
303
  code: '#C25FFF',
304
304
  border: '#eaeaea',
305
305
  primary: '#0072F6',
306
- primaryLight: '#96C1F3',
307
- primaryLighter: '#CEE4FF',
306
+ primaryLight: '#CEE4FF',
307
+ primaryLighter: '#96C1F3',
308
308
  primaryDark: '#00254E',
309
309
  secondary: '#7828C9',
310
- secondaryLighter: '#D1B1F1',
311
310
  secondaryLight: '#EADCF9',
311
+ secondaryLighter: '#D1B1F1',
312
312
  secondaryDark: '#290E45',
313
313
  error: '#F31261',
314
- errorLight: '#FAA8C6',
315
- errorLighter: '#FDD8E6',
314
+ errorLight: '#FDD8E6',
315
+ errorLighter: '#FAA8C6',
316
316
  errorDark: '#4E041F',
317
317
  success: '#17C965',
318
- successLight: '#ADF5CD',
319
- successLighter: '#DAFBE9',
318
+ successLight: '#DAFBE9',
319
+ successLighter: '#ADF5CD',
320
320
  successDark: '#06371C',
321
321
  warning: '#F5A525',
322
- warningLight: '#FBDBA8',
323
- warningLighter: '#FDEFD9',
322
+ warningLight: '#FDEFD9',
323
+ warningLighter: '#FBDBA8',
324
324
  warningDark: '#4E3105',
325
325
  info: '#06B7DC',
326
- infoLighter: '#A5EEFE',
327
326
  infoLight: '#D7F8FF',
327
+ infoLighter: '#A5EEFE',
328
328
  infoDark: '#053B49',
329
329
  purple: '#f81ce5',
330
330
  alert: '#ff0080',
@@ -366,32 +366,32 @@ var palette = {
366
366
  accents_6: '#999',
367
367
  accents_7: '#eaeaea',
368
368
  accents_8: '#fafafa',
369
- selection: '#f81ce5',
369
+ selection: 'rgba(248,28,229, 0.5)',
370
370
  code: '#C25FFF',
371
371
  border: '#333',
372
372
  primary: '#0072F6',
373
- primaryLight: '#96C1F3',
374
- primaryLighter: '#CEE4FF',
373
+ primaryLight: '#CEE4FF',
374
+ primaryLighter: '#96C1F3',
375
375
  primaryDark: '#00254E',
376
376
  secondary: '#7828C9',
377
- secondaryLighter: '#D1B1F1',
378
377
  secondaryLight: '#EADCF9',
378
+ secondaryLighter: '#D1B1F1',
379
379
  secondaryDark: '#290E45',
380
380
  error: '#F31261',
381
- errorLight: '#FAA8C6',
382
- errorLighter: '#FDD8E6',
381
+ errorLight: '#FDD8E6',
382
+ errorLighter: '#FAA8C6',
383
383
  errorDark: '#4E041F',
384
384
  success: '#17C965',
385
- successLight: '#ADF5CD',
386
- successLighter: '#DAFBE9',
385
+ successLight: '#DAFBE9',
386
+ successLighter: '#ADF5CD',
387
387
  successDark: '#06371C',
388
388
  warning: '#F5A525',
389
- warningLight: '#FBDBA8',
390
- warningLighter: '#FDEFD9',
389
+ warningLight: '#FDEFD9',
390
+ warningLighter: '#FBDBA8',
391
391
  warningDark: '#4E3105',
392
392
  info: '#06B7DC',
393
- infoLighter: '#A5EEFE',
394
393
  infoLight: '#D7F8FF',
394
+ infoLighter: '#A5EEFE',
395
395
  infoDark: '#053B49',
396
396
  purple: '#f81ce5',
397
397
  alert: '#ff0080',
@@ -404,9 +404,9 @@ var expressiveness = {
404
404
  dropdownBoxShadow: '0 0 0 1px #333',
405
405
  scrollerStart: 'rgba(255, 255, 255, 1)',
406
406
  scrollerEnd: 'rgba(255, 255, 255, 0)',
407
- shadowSmall: '0 0 0 1px #333',
408
- shadowMedium: '0 0 0 1px #333',
409
- shadowLarge: '0 0 0 1px #333',
407
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
408
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
409
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
410
410
  portalOpacity: 0.75
411
411
  };
412
412
  var font = defaultFont;
@@ -1097,11 +1097,11 @@ function TabsItemComponent(_ref) {
1097
1097
  onClick: clickHandler,
1098
1098
  style: active ? activeStyle : {},
1099
1099
  "data-bolioui": "tab-item",
1100
- className: styledJsx_cjs.style.dynamic([["605786882", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.875), SCALES.pr(0.55), SCALES.pb(0.875), SCALES.pl(0.55), SCALES.mt(0), SCALES.mr(0.2), SCALES.mb(0), SCALES.ml(0.2), SCALES.pl(0.28), SCALES.pr(0.28), theme.palette.foreground, theme.palette.foreground, theme.palette.foreground, theme.palette.accents_3, label]]]) + " " + (classes || "")
1100
+ className: styledJsx_cjs.style.dynamic([["243163264", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.875), SCALES.pr(0.55), SCALES.pb(0.875), SCALES.pl(0.55), SCALES.mt(0), SCALES.mr(0.2), SCALES.mb(0), SCALES.ml(0.2), SCALES.pl(0.28), SCALES.pr(0.28), theme.palette.foreground, theme.palette.foreground, theme.palette.foreground, theme.palette.accents_3, label]]]) + " " + (classes || "")
1101
1101
  }, label, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
1102
- id: "605786882",
1102
+ id: "243163264",
1103
1103
  dynamic: [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.875), SCALES.pr(0.55), SCALES.pb(0.875), SCALES.pl(0.55), SCALES.mt(0), SCALES.mr(0.2), SCALES.mb(0), SCALES.ml(0.2), SCALES.pl(0.28), SCALES.pr(0.28), theme.palette.foreground, theme.palette.foreground, theme.palette.foreground, theme.palette.accents_3, label]
1104
- }, ".tab.__jsx-style-dynamic-selector{position:relative;box-sizing:border-box;cursor:pointer;outline:0;text-transform:capitalize;white-space:nowrap;background-color:transparent;color:".concat(theme.palette.accents_5, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:").concat(SCALES.font(0.875), ";line-height:normal;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.875), " ").concat(SCALES.pr(0.55), " ").concat(SCALES.pb(0.875), " ").concat(SCALES.pl(0.55), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0.2), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0.2), ";z-index:1;--tabs-item-hover-left:calc(-1 * ").concat(SCALES.pl(0.28), ");--tabs-item-hover-right:calc(-1 * ").concat(SCALES.pr(0.28), ");}.tab.__jsx-style-dynamic-selector:hover{color:").concat(theme.palette.foreground, ";}.tab.__jsx-style-dynamic-selector:after{position:absolute;content:'';bottom:-1px;left:0;right:0;width:100%;height:2px;border-radius:4px;-webkit-transform:scaleX(0.75);-ms-transform:scaleX(0.75);transform:scaleX(0.75);background-color:").concat(theme.palette.foreground, ";-webkit-transition:opacity,-webkit-transform 200ms ease-in;-webkit-transition:opacity,transform 200ms ease-in;transition:opacity,transform 200ms ease-in;opacity:0;}.active.__jsx-style-dynamic-selector:after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}.tab.__jsx-style-dynamic-selector svg{max-height:1em;margin-right:5px;}.tab.__jsx-style-dynamic-selector:first-of-type{margin-left:0;}.active.__jsx-style-dynamic-selector{color:").concat(theme.palette.foreground, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_3, ";cursor:not-allowed;}.hide-border.__jsx-style-dynamic-selector:before{display:block;content:").concat(label, ";font-weight:500;height:0;overflow:hidden;visibility:hidden;}.hide-border.__jsx-style-dynamic-selector:after{display:none;}.hide-border.active.__jsx-style-dynamic-selector{font-weight:500;}")));
1104
+ }, ".tab.__jsx-style-dynamic-selector{position:relative;box-sizing:border-box;cursor:pointer;outline:0;white-space:nowrap;background-color:transparent;color:".concat(theme.palette.accents_5, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:").concat(SCALES.font(0.875), ";line-height:normal;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.875), " ").concat(SCALES.pr(0.55), " ").concat(SCALES.pb(0.875), " ").concat(SCALES.pl(0.55), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0.2), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0.2), ";z-index:1;--tabs-item-hover-left:calc(-1 * ").concat(SCALES.pl(0.28), ");--tabs-item-hover-right:calc(-1 * ").concat(SCALES.pr(0.28), ");}.tab.__jsx-style-dynamic-selector:hover{color:").concat(theme.palette.foreground, ";}.tab.__jsx-style-dynamic-selector:after{position:absolute;content:'';bottom:-1px;left:0;right:0;width:100%;height:2px;border-radius:4px;-webkit-transform:scaleX(0.75);-ms-transform:scaleX(0.75);transform:scaleX(0.75);background-color:").concat(theme.palette.foreground, ";-webkit-transition:opacity,-webkit-transform 200ms ease-in;-webkit-transition:opacity,transform 200ms ease-in;transition:opacity,transform 200ms ease-in;opacity:0;}.active.__jsx-style-dynamic-selector:after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}.tab.__jsx-style-dynamic-selector svg{max-height:1em;margin-right:5px;}.tab.__jsx-style-dynamic-selector:first-of-type{margin-left:0;}.active.__jsx-style-dynamic-selector{color:").concat(theme.palette.foreground, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_3, ";cursor:not-allowed;}.hide-border.__jsx-style-dynamic-selector:before{display:block;content:").concat(label, ";font-weight:500;height:0;overflow:hidden;visibility:hidden;}.hide-border.__jsx-style-dynamic-selector:after{display:none;}.hide-border.active.__jsx-style-dynamic-selector{font-weight:500;}")));
1105
1105
  };
1106
1106
 
1107
1107
  TabsInternalCell.displayName = 'BolioUITabsInternalCell';