@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
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
- 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;
@@ -610,9 +610,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
610
610
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
611
611
  var key = _step2.value;
612
612
  var value = props[key];
613
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
614
- // scaleProps[key as keyof ScaleProps] = value as any
615
- // }
613
+
614
+ if (typeof value !== 'undefined') {
615
+ scaleProps[key] = value;
616
+ }
616
617
  }
617
618
  } catch (err) {
618
619
  _iterator2.e(err);
@@ -1096,11 +1097,11 @@ function TabsItemComponent(_ref) {
1096
1097
  onClick: clickHandler,
1097
1098
  style: active ? activeStyle : {},
1098
1099
  "data-bolioui": "tab-item",
1099
- 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 || "")
1100
1101
  }, label, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
1101
- id: "605786882",
1102
+ id: "243163264",
1102
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]
1103
- }, ".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;}")));
1104
1105
  };
1105
1106
 
1106
1107
  TabsInternalCell.displayName = 'BolioUITabsInternalCell';
package/dist/Tag/index.js CHANGED
@@ -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
- border: '#999',
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,37 +308,37 @@ 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
- border: '#444',
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',
340
340
  link: '#3291ff',
341
- pre: '#363450'
341
+ pre: '#111'
342
342
  };
343
343
  var expressiveness = {
344
344
  linkStyle: 'none',
@@ -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;
@@ -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);
package/dist/Text/index.js CHANGED
@@ -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
- border: '#999',
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,37 +308,37 @@ 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
- border: '#444',
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',
340
340
  link: '#3291ff',
341
- pre: '#363450'
341
+ pre: '#111'
342
342
  };
343
343
  var expressiveness = {
344
344
  linkStyle: 'none',
@@ -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;
@@ -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);