@bolio-ui/core 1.0.6 → 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 (102) hide show
  1. package/dist/Avatar/index.js +38 -37
  2. package/dist/Badge/index.js +40 -39
  3. package/dist/BolioUIProvider/index.js +44 -43
  4. package/dist/Breadcrumbs/index.js +37 -36
  5. package/dist/Button/index.js +44 -43
  6. package/dist/ButtonDropdown/index.js +90 -78
  7. package/dist/ButtonDropdown/styles.d.ts +1 -0
  8. package/dist/ButtonGroup/index.js +38 -35
  9. package/dist/Capacity/index.js +33 -32
  10. package/dist/Card/Card.d.ts +1 -0
  11. package/dist/Card/index.js +69 -58
  12. package/dist/Checkbox/index.js +194 -175
  13. package/dist/Code/index.js +33 -32
  14. package/dist/Collapse/index.js +33 -32
  15. package/dist/Container/index.js +29 -29
  16. package/dist/CssBaseline/index.js +29 -29
  17. package/dist/Description/index.js +33 -32
  18. package/dist/Display/index.js +33 -32
  19. package/dist/Divider/index.js +33 -32
  20. package/dist/Dot/Dot.d.ts +1 -0
  21. package/dist/Dot/index.js +43 -40
  22. package/dist/Drawer/index.js +33 -32
  23. package/dist/Fieldset/index.js +33 -32
  24. package/dist/Grid/index.js +33 -32
  25. package/dist/Image/index.js +33 -32
  26. package/dist/Input/InputProps.d.ts +1 -0
  27. package/dist/Input/index.js +83 -72
  28. package/dist/Input/styles.d.ts +2 -0
  29. package/dist/Keyboard/index.js +33 -32
  30. package/dist/Link/index.js +33 -32
  31. package/dist/Loading/index.js +33 -32
  32. package/dist/MdxWidgets/index.js +29 -29
  33. package/dist/Modal/index.js +44 -43
  34. package/dist/Note/index.js +33 -32
  35. package/dist/Page/index.js +33 -32
  36. package/dist/Pagination/index.js +33 -32
  37. package/dist/Popover/index.js +33 -32
  38. package/dist/Progress/index.js +33 -32
  39. package/dist/Radio/index.js +33 -32
  40. package/dist/Rating/index.js +33 -32
  41. package/dist/Row/index.js +29 -29
  42. package/dist/Section/index.js +33 -32
  43. package/dist/Select/index.js +99 -96
  44. package/dist/Select/styles.d.ts +5 -4
  45. package/dist/Slider/index.js +33 -32
  46. package/dist/Snippet/index.js +33 -32
  47. package/dist/Spacer/index.js +33 -32
  48. package/dist/Spinner/index.js +33 -32
  49. package/dist/Table/index.js +33 -32
  50. package/dist/Tabs/index.js +36 -35
  51. package/dist/Tag/index.js +33 -32
  52. package/dist/Text/index.js +33 -32
  53. package/dist/Textarea/index.js +68 -57
  54. package/dist/Themes/index.js +29 -29
  55. package/dist/Toggle/index.js +40 -39
  56. package/dist/Tooltip/index.js +33 -32
  57. package/dist/index.js +333 -277
  58. package/dist/use-all-themes/index.js +29 -29
  59. package/dist/use-media-query/index.js +29 -29
  60. package/dist/use-scale/index.js +33 -32
  61. package/dist/use-theme/index.js +29 -29
  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 +40 -29
  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/Dot/Dot.d.ts +1 -0
  82. package/esm/Dot/Dot.js +10 -8
  83. package/esm/Input/Input.js +15 -15
  84. package/esm/Input/InputProps.d.ts +1 -0
  85. package/esm/Input/styles.d.ts +2 -0
  86. package/esm/Input/styles.js +28 -14
  87. package/esm/Select/Select.js +10 -15
  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 +5 -4
  93. package/esm/Select/styles.js +35 -28
  94. package/esm/Tabs/TabsItem.js +3 -3
  95. package/esm/Textarea/Textarea.js +7 -11
  96. package/esm/Themes/Presets/Dark.js +16 -16
  97. package/esm/Themes/Presets/Default.js +12 -12
  98. package/esm/Themes/Presets/Shared.js +1 -1
  99. package/esm/Toggle/Toggle.js +7 -7
  100. package/esm/use-scale/utils.js +4 -3
  101. package/examples/create-redwoodjs/.redwood/README.md +44 -0
  102. package/package.json +19 -19
@@ -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
- border: '#999',
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,37 +366,37 @@ 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
- border: '#444',
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',
398
398
  link: '#3291ff',
399
- pre: '#363450'
399
+ pre: '#111'
400
400
  };
401
401
  var expressiveness = {
402
402
  linkStyle: 'none',
@@ -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;
@@ -816,9 +816,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
816
816
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
817
817
  var key = _step2.value;
818
818
  var value = props[key];
819
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
820
- // scaleProps[key as keyof ScaleProps] = value as any
821
- // }
819
+
820
+ if (typeof value !== 'undefined') {
821
+ scaleProps[key] = value;
822
+ }
822
823
  }
823
824
  } catch (err) {
824
825
  _iterator2.e(err);
@@ -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
- border: '#999',
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,37 +366,37 @@ 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
- border: '#444',
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',
398
398
  link: '#3291ff',
399
- pre: '#363450'
399
+ pre: '#111'
400
400
  };
401
401
  var expressiveness = {
402
402
  linkStyle: 'none',
@@ -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;
@@ -947,9 +947,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
947
947
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
948
948
  var key = _step2.value;
949
949
  var value = props[key];
950
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
951
- // scaleProps[key as keyof ScaleProps] = value as any
952
- // }
950
+
951
+ if (typeof value !== 'undefined') {
952
+ scaleProps[key] = value;
953
+ }
953
954
  }
954
955
  } catch (err) {
955
956
  _iterator2.e(err);
@@ -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
- border: '#999',
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,37 +345,37 @@ 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
- border: '#444',
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',
377
377
  link: '#3291ff',
378
- pre: '#363450'
378
+ pre: '#111'
379
379
  };
380
380
  var expressiveness = {
381
381
  linkStyle: 'none',
@@ -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;
@@ -538,9 +538,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
538
538
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
539
539
  var key = _step2.value;
540
540
  var value = props[key];
541
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
542
- // scaleProps[key as keyof ScaleProps] = value as any
543
- // }
541
+
542
+ if (typeof value !== 'undefined') {
543
+ scaleProps[key] = value;
544
+ }
544
545
  }
545
546
  } catch (err) {
546
547
  _iterator2.e(err);
@@ -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
- border: '#999',
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,37 +324,37 @@ 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
- border: '#444',
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',
356
356
  link: '#3291ff',
357
- pre: '#363450'
357
+ pre: '#111'
358
358
  };
359
359
  var expressiveness = {
360
360
  linkStyle: 'none',
@@ -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;
@@ -554,9 +554,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
554
554
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
555
555
  var key = _step2.value;
556
556
  var value = props[key];
557
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
558
- // scaleProps[key as keyof ScaleProps] = value as any
559
- // }
557
+
558
+ if (typeof value !== 'undefined') {
559
+ scaleProps[key] = value;
560
+ }
560
561
  }
561
562
  } catch (err) {
562
563
  _iterator2.e(err);
@@ -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
- border: '#999',
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,37 +366,37 @@ 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
- border: '#444',
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',
398
398
  link: '#3291ff',
399
- pre: '#363450'
399
+ pre: '#111'
400
400
  };
401
401
  var expressiveness = {
402
402
  linkStyle: 'none',
@@ -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;
@@ -849,9 +849,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
849
849
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
850
850
  var key = _step2.value;
851
851
  var value = props[key];
852
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
853
- // scaleProps[key as keyof ScaleProps] = value as any
854
- // }
852
+
853
+ if (typeof value !== 'undefined') {
854
+ scaleProps[key] = value;
855
+ }
855
856
  }
856
857
  } catch (err) {
857
858
  _iterator2.e(err);