@bolio-ui/core 1.0.7 → 1.0.9

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 (100) 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 +91 -80
  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/InputBlockLabel.d.ts +2 -1
  26. package/dist/Input/InputProps.d.ts +3 -0
  27. package/dist/Input/index.js +92 -66
  28. package/dist/Input/styles.d.ts +3 -1
  29. package/dist/Keyboard/index.js +26 -26
  30. package/dist/Link/index.js +26 -26
  31. package/dist/Loading/index.js +26 -26
  32. package/dist/MdxWidgets/index.js +26 -26
  33. package/dist/Modal/index.js +37 -37
  34. package/dist/Note/index.js +26 -26
  35. package/dist/Page/index.js +26 -26
  36. package/dist/Pagination/index.js +26 -26
  37. package/dist/Popover/index.js +26 -26
  38. package/dist/Progress/index.js +26 -26
  39. package/dist/Radio/index.js +26 -26
  40. package/dist/Rating/index.js +26 -26
  41. package/dist/Row/index.js +26 -26
  42. package/dist/Section/index.js +26 -26
  43. package/dist/Select/index.js +101 -92
  44. package/dist/Select/styles.d.ts +6 -5
  45. package/dist/Slider/index.js +26 -26
  46. package/dist/Snippet/index.js +26 -26
  47. package/dist/Spacer/index.js +26 -26
  48. package/dist/Spinner/index.js +26 -26
  49. package/dist/Table/index.js +26 -26
  50. package/dist/Tabs/index.js +29 -29
  51. package/dist/Tag/index.js +26 -26
  52. package/dist/Text/index.js +26 -26
  53. package/dist/Textarea/index.js +69 -45
  54. package/dist/Themes/index.js +26 -26
  55. package/dist/Toggle/index.js +33 -33
  56. package/dist/Tooltip/index.js +26 -26
  57. package/dist/index.js +349 -273
  58. package/dist/use-all-themes/index.js +26 -26
  59. package/dist/use-media-query/index.js +26 -26
  60. package/dist/use-scale/index.js +26 -26
  61. package/dist/use-theme/index.js +26 -26
  62. package/esm/Avatar/Avatar.js +5 -5
  63. package/esm/Badge/Badge.js +7 -7
  64. package/esm/Badge/stories.js +1 -1
  65. package/esm/Breadcrumbs/Breadcrumbs.js +4 -4
  66. package/esm/Button/Button.js +3 -3
  67. package/esm/Button/styles.js +8 -8
  68. package/esm/ButtonDropdown/ButtonDropdown.js +13 -13
  69. package/esm/ButtonDropdown/ButtonDropdownItem.js +3 -3
  70. package/esm/ButtonDropdown/Icon.js +1 -1
  71. package/esm/ButtonDropdown/styles.d.ts +1 -0
  72. package/esm/ButtonDropdown/styles.js +48 -37
  73. package/esm/ButtonGroup/ButtonGroup.js +5 -3
  74. package/esm/Capacity/stories.js +40 -10
  75. package/esm/Card/Card.d.ts +1 -0
  76. package/esm/Card/Card.js +8 -7
  77. package/esm/Card/stories.js +56 -7
  78. package/esm/Card/styles.js +28 -19
  79. package/esm/Checkbox/Checkbox.js +6 -6
  80. package/esm/Checkbox/CheckboxIcon.js +34 -16
  81. package/esm/Input/Input.js +17 -16
  82. package/esm/Input/InputBlockLabel.d.ts +2 -1
  83. package/esm/Input/InputBlockLabel.js +6 -5
  84. package/esm/Input/InputProps.d.ts +3 -0
  85. package/esm/Input/styles.d.ts +3 -1
  86. package/esm/Input/styles.js +36 -8
  87. package/esm/Select/Select.js +11 -16
  88. package/esm/Select/SelectDropdown.js +4 -4
  89. package/esm/Select/SelectIconClear.js +7 -7
  90. package/esm/Select/SelectMultipleValue.js +4 -4
  91. package/esm/Select/SelectOption.js +6 -6
  92. package/esm/Select/styles.d.ts +6 -5
  93. package/esm/Select/styles.js +43 -29
  94. package/esm/Tabs/TabsItem.js +3 -3
  95. package/esm/Textarea/Textarea.js +7 -11
  96. package/esm/Themes/Presets/Dark.js +14 -14
  97. package/esm/Themes/Presets/Default.js +11 -11
  98. package/esm/Themes/Presets/Shared.js +1 -1
  99. package/esm/Toggle/Toggle.js +7 -7
  100. package/package.json +1 -1
@@ -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;
@@ -269,7 +269,7 @@ var defaultLayout = {
269
269
  pageWidthWithMargin: '930pt',
270
270
  breakpointMobile: defaultBreakpoints.xs.max,
271
271
  breakpointTablet: defaultBreakpoints.sm.max,
272
- radius: '6px',
272
+ radius: '10px',
273
273
  unit: '16px'
274
274
  };
275
275
 
@@ -284,32 +284,32 @@ var palette$1 = {
284
284
  accents_6: '#444',
285
285
  accents_7: '#333',
286
286
  accents_8: '#111',
287
- selection: '#cee4fe',
287
+ selection: 'rgba(206,228,254, 0.5)',
288
288
  code: '#C25FFF',
289
289
  border: '#eaeaea',
290
290
  primary: '#0072F6',
291
- primaryLight: '#96C1F3',
292
- primaryLighter: '#CEE4FF',
291
+ primaryLight: '#CEE4FF',
292
+ primaryLighter: '#96C1F3',
293
293
  primaryDark: '#00254E',
294
294
  secondary: '#7828C9',
295
- secondaryLighter: '#D1B1F1',
296
295
  secondaryLight: '#EADCF9',
296
+ secondaryLighter: '#D1B1F1',
297
297
  secondaryDark: '#290E45',
298
298
  error: '#F31261',
299
- errorLight: '#FAA8C6',
300
- errorLighter: '#FDD8E6',
299
+ errorLight: '#FDD8E6',
300
+ errorLighter: '#FAA8C6',
301
301
  errorDark: '#4E041F',
302
302
  success: '#17C965',
303
- successLight: '#ADF5CD',
304
- successLighter: '#DAFBE9',
303
+ successLight: '#DAFBE9',
304
+ successLighter: '#ADF5CD',
305
305
  successDark: '#06371C',
306
306
  warning: '#F5A525',
307
- warningLight: '#FBDBA8',
308
- warningLighter: '#FDEFD9',
307
+ warningLight: '#FDEFD9',
308
+ warningLighter: '#FBDBA8',
309
309
  warningDark: '#4E3105',
310
310
  info: '#06B7DC',
311
- infoLighter: '#A5EEFE',
312
311
  infoLight: '#D7F8FF',
312
+ infoLighter: '#A5EEFE',
313
313
  infoDark: '#053B49',
314
314
  purple: '#f81ce5',
315
315
  alert: '#ff0080',
@@ -351,32 +351,32 @@ var palette = {
351
351
  accents_6: '#999',
352
352
  accents_7: '#eaeaea',
353
353
  accents_8: '#fafafa',
354
- selection: '#f81ce5',
354
+ selection: 'rgba(248,28,229, 0.5)',
355
355
  code: '#C25FFF',
356
356
  border: '#333',
357
357
  primary: '#0072F6',
358
- primaryLight: '#96C1F3',
359
- primaryLighter: '#CEE4FF',
358
+ primaryLight: '#CEE4FF',
359
+ primaryLighter: '#96C1F3',
360
360
  primaryDark: '#00254E',
361
361
  secondary: '#7828C9',
362
- secondaryLighter: '#D1B1F1',
363
362
  secondaryLight: '#EADCF9',
363
+ secondaryLighter: '#D1B1F1',
364
364
  secondaryDark: '#290E45',
365
365
  error: '#F31261',
366
- errorLight: '#FAA8C6',
367
- errorLighter: '#FDD8E6',
366
+ errorLight: '#FDD8E6',
367
+ errorLighter: '#FAA8C6',
368
368
  errorDark: '#4E041F',
369
369
  success: '#17C965',
370
- successLight: '#ADF5CD',
371
- successLighter: '#DAFBE9',
370
+ successLight: '#DAFBE9',
371
+ successLighter: '#ADF5CD',
372
372
  successDark: '#06371C',
373
373
  warning: '#F5A525',
374
- warningLight: '#FBDBA8',
375
- warningLighter: '#FDEFD9',
374
+ warningLight: '#FDEFD9',
375
+ warningLighter: '#FBDBA8',
376
376
  warningDark: '#4E3105',
377
377
  info: '#06B7DC',
378
- infoLighter: '#A5EEFE',
379
378
  infoLight: '#D7F8FF',
379
+ infoLighter: '#A5EEFE',
380
380
  infoDark: '#053B49',
381
381
  purple: '#f81ce5',
382
382
  alert: '#ff0080',
@@ -389,9 +389,9 @@ var expressiveness = {
389
389
  dropdownBoxShadow: '0 0 0 1px #333',
390
390
  scrollerStart: 'rgba(255, 255, 255, 1)',
391
391
  scrollerEnd: 'rgba(255, 255, 255, 0)',
392
- shadowSmall: '0 0 0 1px #333',
393
- shadowMedium: '0 0 0 1px #333',
394
- shadowLarge: '0 0 0 1px #333',
392
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
393
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
394
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
395
395
  portalOpacity: 0.75
396
396
  };
397
397
  var font = defaultFont;
@@ -226,7 +226,7 @@ var defaultLayout = {
226
226
  pageWidthWithMargin: '930pt',
227
227
  breakpointMobile: defaultBreakpoints.xs.max,
228
228
  breakpointTablet: defaultBreakpoints.sm.max,
229
- radius: '6px',
229
+ radius: '10px',
230
230
  unit: '16px'
231
231
  };
232
232
 
@@ -241,32 +241,32 @@ var palette$1 = {
241
241
  accents_6: '#444',
242
242
  accents_7: '#333',
243
243
  accents_8: '#111',
244
- selection: '#cee4fe',
244
+ selection: 'rgba(206,228,254, 0.5)',
245
245
  code: '#C25FFF',
246
246
  border: '#eaeaea',
247
247
  primary: '#0072F6',
248
- primaryLight: '#96C1F3',
249
- primaryLighter: '#CEE4FF',
248
+ primaryLight: '#CEE4FF',
249
+ primaryLighter: '#96C1F3',
250
250
  primaryDark: '#00254E',
251
251
  secondary: '#7828C9',
252
- secondaryLighter: '#D1B1F1',
253
252
  secondaryLight: '#EADCF9',
253
+ secondaryLighter: '#D1B1F1',
254
254
  secondaryDark: '#290E45',
255
255
  error: '#F31261',
256
- errorLight: '#FAA8C6',
257
- errorLighter: '#FDD8E6',
256
+ errorLight: '#FDD8E6',
257
+ errorLighter: '#FAA8C6',
258
258
  errorDark: '#4E041F',
259
259
  success: '#17C965',
260
- successLight: '#ADF5CD',
261
- successLighter: '#DAFBE9',
260
+ successLight: '#DAFBE9',
261
+ successLighter: '#ADF5CD',
262
262
  successDark: '#06371C',
263
263
  warning: '#F5A525',
264
- warningLight: '#FBDBA8',
265
- warningLighter: '#FDEFD9',
264
+ warningLight: '#FDEFD9',
265
+ warningLighter: '#FBDBA8',
266
266
  warningDark: '#4E3105',
267
267
  info: '#06B7DC',
268
- infoLighter: '#A5EEFE',
269
268
  infoLight: '#D7F8FF',
269
+ infoLighter: '#A5EEFE',
270
270
  infoDark: '#053B49',
271
271
  purple: '#f81ce5',
272
272
  alert: '#ff0080',
@@ -308,32 +308,32 @@ var palette = {
308
308
  accents_6: '#999',
309
309
  accents_7: '#eaeaea',
310
310
  accents_8: '#fafafa',
311
- selection: '#f81ce5',
311
+ selection: 'rgba(248,28,229, 0.5)',
312
312
  code: '#C25FFF',
313
313
  border: '#333',
314
314
  primary: '#0072F6',
315
- primaryLight: '#96C1F3',
316
- primaryLighter: '#CEE4FF',
315
+ primaryLight: '#CEE4FF',
316
+ primaryLighter: '#96C1F3',
317
317
  primaryDark: '#00254E',
318
318
  secondary: '#7828C9',
319
- secondaryLighter: '#D1B1F1',
320
319
  secondaryLight: '#EADCF9',
320
+ secondaryLighter: '#D1B1F1',
321
321
  secondaryDark: '#290E45',
322
322
  error: '#F31261',
323
- errorLight: '#FAA8C6',
324
- errorLighter: '#FDD8E6',
323
+ errorLight: '#FDD8E6',
324
+ errorLighter: '#FAA8C6',
325
325
  errorDark: '#4E041F',
326
326
  success: '#17C965',
327
- successLight: '#ADF5CD',
328
- successLighter: '#DAFBE9',
327
+ successLight: '#DAFBE9',
328
+ successLighter: '#ADF5CD',
329
329
  successDark: '#06371C',
330
330
  warning: '#F5A525',
331
- warningLight: '#FBDBA8',
332
- warningLighter: '#FDEFD9',
331
+ warningLight: '#FDEFD9',
332
+ warningLighter: '#FBDBA8',
333
333
  warningDark: '#4E3105',
334
334
  info: '#06B7DC',
335
- infoLighter: '#A5EEFE',
336
335
  infoLight: '#D7F8FF',
336
+ infoLighter: '#A5EEFE',
337
337
  infoDark: '#053B49',
338
338
  purple: '#f81ce5',
339
339
  alert: '#ff0080',
@@ -346,9 +346,9 @@ var expressiveness = {
346
346
  dropdownBoxShadow: '0 0 0 1px #333',
347
347
  scrollerStart: 'rgba(255, 255, 255, 1)',
348
348
  scrollerEnd: 'rgba(255, 255, 255, 0)',
349
- shadowSmall: '0 0 0 1px #333',
350
- shadowMedium: '0 0 0 1px #333',
351
- shadowLarge: '0 0 0 1px #333',
349
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
350
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
351
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
352
352
  portalOpacity: 0.75
353
353
  };
354
354
  var font = defaultFont;
@@ -268,7 +268,7 @@ var defaultLayout = {
268
268
  pageWidthWithMargin: '930pt',
269
269
  breakpointMobile: defaultBreakpoints.xs.max,
270
270
  breakpointTablet: defaultBreakpoints.sm.max,
271
- radius: '6px',
271
+ radius: '10px',
272
272
  unit: '16px'
273
273
  };
274
274
 
@@ -283,32 +283,32 @@ var palette$1 = {
283
283
  accents_6: '#444',
284
284
  accents_7: '#333',
285
285
  accents_8: '#111',
286
- selection: '#cee4fe',
286
+ selection: 'rgba(206,228,254, 0.5)',
287
287
  code: '#C25FFF',
288
288
  border: '#eaeaea',
289
289
  primary: '#0072F6',
290
- primaryLight: '#96C1F3',
291
- primaryLighter: '#CEE4FF',
290
+ primaryLight: '#CEE4FF',
291
+ primaryLighter: '#96C1F3',
292
292
  primaryDark: '#00254E',
293
293
  secondary: '#7828C9',
294
- secondaryLighter: '#D1B1F1',
295
294
  secondaryLight: '#EADCF9',
295
+ secondaryLighter: '#D1B1F1',
296
296
  secondaryDark: '#290E45',
297
297
  error: '#F31261',
298
- errorLight: '#FAA8C6',
299
- errorLighter: '#FDD8E6',
298
+ errorLight: '#FDD8E6',
299
+ errorLighter: '#FAA8C6',
300
300
  errorDark: '#4E041F',
301
301
  success: '#17C965',
302
- successLight: '#ADF5CD',
303
- successLighter: '#DAFBE9',
302
+ successLight: '#DAFBE9',
303
+ successLighter: '#ADF5CD',
304
304
  successDark: '#06371C',
305
305
  warning: '#F5A525',
306
- warningLight: '#FBDBA8',
307
- warningLighter: '#FDEFD9',
306
+ warningLight: '#FDEFD9',
307
+ warningLighter: '#FBDBA8',
308
308
  warningDark: '#4E3105',
309
309
  info: '#06B7DC',
310
- infoLighter: '#A5EEFE',
311
310
  infoLight: '#D7F8FF',
311
+ infoLighter: '#A5EEFE',
312
312
  infoDark: '#053B49',
313
313
  purple: '#f81ce5',
314
314
  alert: '#ff0080',
@@ -350,32 +350,32 @@ var palette = {
350
350
  accents_6: '#999',
351
351
  accents_7: '#eaeaea',
352
352
  accents_8: '#fafafa',
353
- selection: '#f81ce5',
353
+ selection: 'rgba(248,28,229, 0.5)',
354
354
  code: '#C25FFF',
355
355
  border: '#333',
356
356
  primary: '#0072F6',
357
- primaryLight: '#96C1F3',
358
- primaryLighter: '#CEE4FF',
357
+ primaryLight: '#CEE4FF',
358
+ primaryLighter: '#96C1F3',
359
359
  primaryDark: '#00254E',
360
360
  secondary: '#7828C9',
361
- secondaryLighter: '#D1B1F1',
362
361
  secondaryLight: '#EADCF9',
362
+ secondaryLighter: '#D1B1F1',
363
363
  secondaryDark: '#290E45',
364
364
  error: '#F31261',
365
- errorLight: '#FAA8C6',
366
- errorLighter: '#FDD8E6',
365
+ errorLight: '#FDD8E6',
366
+ errorLighter: '#FAA8C6',
367
367
  errorDark: '#4E041F',
368
368
  success: '#17C965',
369
- successLight: '#ADF5CD',
370
- successLighter: '#DAFBE9',
369
+ successLight: '#DAFBE9',
370
+ successLighter: '#ADF5CD',
371
371
  successDark: '#06371C',
372
372
  warning: '#F5A525',
373
- warningLight: '#FBDBA8',
374
- warningLighter: '#FDEFD9',
373
+ warningLight: '#FDEFD9',
374
+ warningLighter: '#FBDBA8',
375
375
  warningDark: '#4E3105',
376
376
  info: '#06B7DC',
377
- infoLighter: '#A5EEFE',
378
377
  infoLight: '#D7F8FF',
378
+ infoLighter: '#A5EEFE',
379
379
  infoDark: '#053B49',
380
380
  purple: '#f81ce5',
381
381
  alert: '#ff0080',
@@ -388,9 +388,9 @@ var expressiveness = {
388
388
  dropdownBoxShadow: '0 0 0 1px #333',
389
389
  scrollerStart: 'rgba(255, 255, 255, 1)',
390
390
  scrollerEnd: 'rgba(255, 255, 255, 0)',
391
- shadowSmall: '0 0 0 1px #333',
392
- shadowMedium: '0 0 0 1px #333',
393
- shadowLarge: '0 0 0 1px #333',
391
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
392
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
393
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
394
394
  portalOpacity: 0.75
395
395
  };
396
396
  var font = defaultFont;
@@ -325,7 +325,7 @@ var defaultLayout = {
325
325
  pageWidthWithMargin: '930pt',
326
326
  breakpointMobile: defaultBreakpoints.xs.max,
327
327
  breakpointTablet: defaultBreakpoints.sm.max,
328
- radius: '6px',
328
+ radius: '10px',
329
329
  unit: '16px'
330
330
  };
331
331
 
@@ -340,32 +340,32 @@ var palette$1 = {
340
340
  accents_6: '#444',
341
341
  accents_7: '#333',
342
342
  accents_8: '#111',
343
- selection: '#cee4fe',
343
+ selection: 'rgba(206,228,254, 0.5)',
344
344
  code: '#C25FFF',
345
345
  border: '#eaeaea',
346
346
  primary: '#0072F6',
347
- primaryLight: '#96C1F3',
348
- primaryLighter: '#CEE4FF',
347
+ primaryLight: '#CEE4FF',
348
+ primaryLighter: '#96C1F3',
349
349
  primaryDark: '#00254E',
350
350
  secondary: '#7828C9',
351
- secondaryLighter: '#D1B1F1',
352
351
  secondaryLight: '#EADCF9',
352
+ secondaryLighter: '#D1B1F1',
353
353
  secondaryDark: '#290E45',
354
354
  error: '#F31261',
355
- errorLight: '#FAA8C6',
356
- errorLighter: '#FDD8E6',
355
+ errorLight: '#FDD8E6',
356
+ errorLighter: '#FAA8C6',
357
357
  errorDark: '#4E041F',
358
358
  success: '#17C965',
359
- successLight: '#ADF5CD',
360
- successLighter: '#DAFBE9',
359
+ successLight: '#DAFBE9',
360
+ successLighter: '#ADF5CD',
361
361
  successDark: '#06371C',
362
362
  warning: '#F5A525',
363
- warningLight: '#FBDBA8',
364
- warningLighter: '#FDEFD9',
363
+ warningLight: '#FDEFD9',
364
+ warningLighter: '#FBDBA8',
365
365
  warningDark: '#4E3105',
366
366
  info: '#06B7DC',
367
- infoLighter: '#A5EEFE',
368
367
  infoLight: '#D7F8FF',
368
+ infoLighter: '#A5EEFE',
369
369
  infoDark: '#053B49',
370
370
  purple: '#f81ce5',
371
371
  alert: '#ff0080',
@@ -407,32 +407,32 @@ var palette = {
407
407
  accents_6: '#999',
408
408
  accents_7: '#eaeaea',
409
409
  accents_8: '#fafafa',
410
- selection: '#f81ce5',
410
+ selection: 'rgba(248,28,229, 0.5)',
411
411
  code: '#C25FFF',
412
412
  border: '#333',
413
413
  primary: '#0072F6',
414
- primaryLight: '#96C1F3',
415
- primaryLighter: '#CEE4FF',
414
+ primaryLight: '#CEE4FF',
415
+ primaryLighter: '#96C1F3',
416
416
  primaryDark: '#00254E',
417
417
  secondary: '#7828C9',
418
- secondaryLighter: '#D1B1F1',
419
418
  secondaryLight: '#EADCF9',
419
+ secondaryLighter: '#D1B1F1',
420
420
  secondaryDark: '#290E45',
421
421
  error: '#F31261',
422
- errorLight: '#FAA8C6',
423
- errorLighter: '#FDD8E6',
422
+ errorLight: '#FDD8E6',
423
+ errorLighter: '#FAA8C6',
424
424
  errorDark: '#4E041F',
425
425
  success: '#17C965',
426
- successLight: '#ADF5CD',
427
- successLighter: '#DAFBE9',
426
+ successLight: '#DAFBE9',
427
+ successLighter: '#ADF5CD',
428
428
  successDark: '#06371C',
429
429
  warning: '#F5A525',
430
- warningLight: '#FBDBA8',
431
- warningLighter: '#FDEFD9',
430
+ warningLight: '#FDEFD9',
431
+ warningLighter: '#FBDBA8',
432
432
  warningDark: '#4E3105',
433
433
  info: '#06B7DC',
434
- infoLighter: '#A5EEFE',
435
434
  infoLight: '#D7F8FF',
435
+ infoLighter: '#A5EEFE',
436
436
  infoDark: '#053B49',
437
437
  purple: '#f81ce5',
438
438
  alert: '#ff0080',
@@ -445,9 +445,9 @@ var expressiveness = {
445
445
  dropdownBoxShadow: '0 0 0 1px #333',
446
446
  scrollerStart: 'rgba(255, 255, 255, 1)',
447
447
  scrollerEnd: 'rgba(255, 255, 255, 0)',
448
- shadowSmall: '0 0 0 1px #333',
449
- shadowMedium: '0 0 0 1px #333',
450
- shadowLarge: '0 0 0 1px #333',
448
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
449
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
450
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
451
451
  portalOpacity: 0.75
452
452
  };
453
453
  var font = defaultFont;
package/dist/Row/index.js CHANGED
@@ -152,7 +152,7 @@ var defaultLayout = {
152
152
  pageWidthWithMargin: '930pt',
153
153
  breakpointMobile: defaultBreakpoints.xs.max,
154
154
  breakpointTablet: defaultBreakpoints.sm.max,
155
- radius: '6px',
155
+ radius: '10px',
156
156
  unit: '16px'
157
157
  };
158
158
 
@@ -167,32 +167,32 @@ var palette$1 = {
167
167
  accents_6: '#444',
168
168
  accents_7: '#333',
169
169
  accents_8: '#111',
170
- selection: '#cee4fe',
170
+ selection: 'rgba(206,228,254, 0.5)',
171
171
  code: '#C25FFF',
172
172
  border: '#eaeaea',
173
173
  primary: '#0072F6',
174
- primaryLight: '#96C1F3',
175
- primaryLighter: '#CEE4FF',
174
+ primaryLight: '#CEE4FF',
175
+ primaryLighter: '#96C1F3',
176
176
  primaryDark: '#00254E',
177
177
  secondary: '#7828C9',
178
- secondaryLighter: '#D1B1F1',
179
178
  secondaryLight: '#EADCF9',
179
+ secondaryLighter: '#D1B1F1',
180
180
  secondaryDark: '#290E45',
181
181
  error: '#F31261',
182
- errorLight: '#FAA8C6',
183
- errorLighter: '#FDD8E6',
182
+ errorLight: '#FDD8E6',
183
+ errorLighter: '#FAA8C6',
184
184
  errorDark: '#4E041F',
185
185
  success: '#17C965',
186
- successLight: '#ADF5CD',
187
- successLighter: '#DAFBE9',
186
+ successLight: '#DAFBE9',
187
+ successLighter: '#ADF5CD',
188
188
  successDark: '#06371C',
189
189
  warning: '#F5A525',
190
- warningLight: '#FBDBA8',
191
- warningLighter: '#FDEFD9',
190
+ warningLight: '#FDEFD9',
191
+ warningLighter: '#FBDBA8',
192
192
  warningDark: '#4E3105',
193
193
  info: '#06B7DC',
194
- infoLighter: '#A5EEFE',
195
194
  infoLight: '#D7F8FF',
195
+ infoLighter: '#A5EEFE',
196
196
  infoDark: '#053B49',
197
197
  purple: '#f81ce5',
198
198
  alert: '#ff0080',
@@ -234,32 +234,32 @@ var palette = {
234
234
  accents_6: '#999',
235
235
  accents_7: '#eaeaea',
236
236
  accents_8: '#fafafa',
237
- selection: '#f81ce5',
237
+ selection: 'rgba(248,28,229, 0.5)',
238
238
  code: '#C25FFF',
239
239
  border: '#333',
240
240
  primary: '#0072F6',
241
- primaryLight: '#96C1F3',
242
- primaryLighter: '#CEE4FF',
241
+ primaryLight: '#CEE4FF',
242
+ primaryLighter: '#96C1F3',
243
243
  primaryDark: '#00254E',
244
244
  secondary: '#7828C9',
245
- secondaryLighter: '#D1B1F1',
246
245
  secondaryLight: '#EADCF9',
246
+ secondaryLighter: '#D1B1F1',
247
247
  secondaryDark: '#290E45',
248
248
  error: '#F31261',
249
- errorLight: '#FAA8C6',
250
- errorLighter: '#FDD8E6',
249
+ errorLight: '#FDD8E6',
250
+ errorLighter: '#FAA8C6',
251
251
  errorDark: '#4E041F',
252
252
  success: '#17C965',
253
- successLight: '#ADF5CD',
254
- successLighter: '#DAFBE9',
253
+ successLight: '#DAFBE9',
254
+ successLighter: '#ADF5CD',
255
255
  successDark: '#06371C',
256
256
  warning: '#F5A525',
257
- warningLight: '#FBDBA8',
258
- warningLighter: '#FDEFD9',
257
+ warningLight: '#FDEFD9',
258
+ warningLighter: '#FBDBA8',
259
259
  warningDark: '#4E3105',
260
260
  info: '#06B7DC',
261
- infoLighter: '#A5EEFE',
262
261
  infoLight: '#D7F8FF',
262
+ infoLighter: '#A5EEFE',
263
263
  infoDark: '#053B49',
264
264
  purple: '#f81ce5',
265
265
  alert: '#ff0080',
@@ -272,9 +272,9 @@ var expressiveness = {
272
272
  dropdownBoxShadow: '0 0 0 1px #333',
273
273
  scrollerStart: 'rgba(255, 255, 255, 1)',
274
274
  scrollerEnd: 'rgba(255, 255, 255, 0)',
275
- shadowSmall: '0 0 0 1px #333',
276
- shadowMedium: '0 0 0 1px #333',
277
- shadowLarge: '0 0 0 1px #333',
275
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
276
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
277
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
278
278
  portalOpacity: 0.75
279
279
  };
280
280
  var font = defaultFont;