@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
@@ -310,7 +310,7 @@ var defaultLayout = {
310
310
  pageWidthWithMargin: '930pt',
311
311
  breakpointMobile: defaultBreakpoints.xs.max,
312
312
  breakpointTablet: defaultBreakpoints.sm.max,
313
- radius: '6px',
313
+ radius: '10px',
314
314
  unit: '16px'
315
315
  };
316
316
 
@@ -325,32 +325,32 @@ var palette$1 = {
325
325
  accents_6: '#444',
326
326
  accents_7: '#333',
327
327
  accents_8: '#111',
328
- selection: '#cee4fe',
328
+ selection: 'rgba(206,228,254, 0.5)',
329
329
  code: '#C25FFF',
330
- border: '#999',
330
+ border: '#eaeaea',
331
331
  primary: '#0072F6',
332
- primaryLight: '#96C1F3',
333
- primaryLighter: '#CEE4FF',
332
+ primaryLight: '#CEE4FF',
333
+ primaryLighter: '#96C1F3',
334
334
  primaryDark: '#00254E',
335
335
  secondary: '#7828C9',
336
- secondaryLighter: '#D1B1F1',
337
336
  secondaryLight: '#EADCF9',
337
+ secondaryLighter: '#D1B1F1',
338
338
  secondaryDark: '#290E45',
339
339
  error: '#F31261',
340
- errorLight: '#FAA8C6',
341
- errorLighter: '#FDD8E6',
340
+ errorLight: '#FDD8E6',
341
+ errorLighter: '#FAA8C6',
342
342
  errorDark: '#4E041F',
343
343
  success: '#17C965',
344
- successLight: '#ADF5CD',
345
- successLighter: '#DAFBE9',
344
+ successLight: '#DAFBE9',
345
+ successLighter: '#ADF5CD',
346
346
  successDark: '#06371C',
347
347
  warning: '#F5A525',
348
- warningLight: '#FBDBA8',
349
- warningLighter: '#FDEFD9',
348
+ warningLight: '#FDEFD9',
349
+ warningLighter: '#FBDBA8',
350
350
  warningDark: '#4E3105',
351
351
  info: '#06B7DC',
352
- infoLighter: '#A5EEFE',
353
352
  infoLight: '#D7F8FF',
353
+ infoLighter: '#A5EEFE',
354
354
  infoDark: '#053B49',
355
355
  purple: '#f81ce5',
356
356
  alert: '#ff0080',
@@ -392,37 +392,37 @@ var palette = {
392
392
  accents_6: '#999',
393
393
  accents_7: '#eaeaea',
394
394
  accents_8: '#fafafa',
395
- selection: '#f81ce5',
395
+ selection: 'rgba(248,28,229, 0.5)',
396
396
  code: '#C25FFF',
397
- border: '#444',
397
+ border: '#333',
398
398
  primary: '#0072F6',
399
- primaryLight: '#96C1F3',
400
- primaryLighter: '#CEE4FF',
399
+ primaryLight: '#CEE4FF',
400
+ primaryLighter: '#96C1F3',
401
401
  primaryDark: '#00254E',
402
402
  secondary: '#7828C9',
403
- secondaryLighter: '#D1B1F1',
404
403
  secondaryLight: '#EADCF9',
404
+ secondaryLighter: '#D1B1F1',
405
405
  secondaryDark: '#290E45',
406
406
  error: '#F31261',
407
- errorLight: '#FAA8C6',
408
- errorLighter: '#FDD8E6',
407
+ errorLight: '#FDD8E6',
408
+ errorLighter: '#FAA8C6',
409
409
  errorDark: '#4E041F',
410
410
  success: '#17C965',
411
- successLight: '#ADF5CD',
412
- successLighter: '#DAFBE9',
411
+ successLight: '#DAFBE9',
412
+ successLighter: '#ADF5CD',
413
413
  successDark: '#06371C',
414
414
  warning: '#F5A525',
415
- warningLight: '#FBDBA8',
416
- warningLighter: '#FDEFD9',
415
+ warningLight: '#FDEFD9',
416
+ warningLighter: '#FBDBA8',
417
417
  warningDark: '#4E3105',
418
418
  info: '#06B7DC',
419
- infoLighter: '#A5EEFE',
420
419
  infoLight: '#D7F8FF',
420
+ infoLighter: '#A5EEFE',
421
421
  infoDark: '#053B49',
422
422
  purple: '#f81ce5',
423
423
  alert: '#ff0080',
424
424
  link: '#3291ff',
425
- pre: '#363450'
425
+ pre: '#111'
426
426
  };
427
427
  var expressiveness = {
428
428
  linkStyle: 'none',
@@ -430,9 +430,9 @@ var expressiveness = {
430
430
  dropdownBoxShadow: '0 0 0 1px #333',
431
431
  scrollerStart: 'rgba(255, 255, 255, 1)',
432
432
  scrollerEnd: 'rgba(255, 255, 255, 0)',
433
- shadowSmall: '0 0 0 1px #333',
434
- shadowMedium: '0 0 0 1px #333',
435
- shadowLarge: '0 0 0 1px #333',
433
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
434
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
435
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
436
436
  portalOpacity: 0.75
437
437
  };
438
438
  var font = defaultFont;
@@ -881,9 +881,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
881
881
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
882
882
  var key = _step2.value;
883
883
  var value = props[key];
884
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
885
- // scaleProps[key as keyof ScaleProps] = value as any
886
- // }
884
+
885
+ if (typeof value !== 'undefined') {
886
+ scaleProps[key] = value;
887
+ }
887
888
  }
888
889
  } catch (err) {
889
890
  _iterator2.e(err);
@@ -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
- border: '#999',
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,37 +234,37 @@ 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
- border: '#444',
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',
266
266
  link: '#3291ff',
267
- pre: '#363450'
267
+ pre: '#111'
268
268
  };
269
269
  var expressiveness = {
270
270
  linkStyle: 'none',
@@ -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;
@@ -99,7 +99,7 @@ var defaultLayout = {
99
99
  pageWidthWithMargin: '930pt',
100
100
  breakpointMobile: defaultBreakpoints.xs.max,
101
101
  breakpointTablet: defaultBreakpoints.sm.max,
102
- radius: '6px',
102
+ radius: '10px',
103
103
  unit: '16px'
104
104
  };
105
105
 
@@ -114,32 +114,32 @@ var palette$1 = {
114
114
  accents_6: '#444',
115
115
  accents_7: '#333',
116
116
  accents_8: '#111',
117
- selection: '#cee4fe',
117
+ selection: 'rgba(206,228,254, 0.5)',
118
118
  code: '#C25FFF',
119
- border: '#999',
119
+ border: '#eaeaea',
120
120
  primary: '#0072F6',
121
- primaryLight: '#96C1F3',
122
- primaryLighter: '#CEE4FF',
121
+ primaryLight: '#CEE4FF',
122
+ primaryLighter: '#96C1F3',
123
123
  primaryDark: '#00254E',
124
124
  secondary: '#7828C9',
125
- secondaryLighter: '#D1B1F1',
126
125
  secondaryLight: '#EADCF9',
126
+ secondaryLighter: '#D1B1F1',
127
127
  secondaryDark: '#290E45',
128
128
  error: '#F31261',
129
- errorLight: '#FAA8C6',
130
- errorLighter: '#FDD8E6',
129
+ errorLight: '#FDD8E6',
130
+ errorLighter: '#FAA8C6',
131
131
  errorDark: '#4E041F',
132
132
  success: '#17C965',
133
- successLight: '#ADF5CD',
134
- successLighter: '#DAFBE9',
133
+ successLight: '#DAFBE9',
134
+ successLighter: '#ADF5CD',
135
135
  successDark: '#06371C',
136
136
  warning: '#F5A525',
137
- warningLight: '#FBDBA8',
138
- warningLighter: '#FDEFD9',
137
+ warningLight: '#FDEFD9',
138
+ warningLighter: '#FBDBA8',
139
139
  warningDark: '#4E3105',
140
140
  info: '#06B7DC',
141
- infoLighter: '#A5EEFE',
142
141
  infoLight: '#D7F8FF',
142
+ infoLighter: '#A5EEFE',
143
143
  infoDark: '#053B49',
144
144
  purple: '#f81ce5',
145
145
  alert: '#ff0080',
@@ -181,37 +181,37 @@ var palette = {
181
181
  accents_6: '#999',
182
182
  accents_7: '#eaeaea',
183
183
  accents_8: '#fafafa',
184
- selection: '#f81ce5',
184
+ selection: 'rgba(248,28,229, 0.5)',
185
185
  code: '#C25FFF',
186
- border: '#444',
186
+ border: '#333',
187
187
  primary: '#0072F6',
188
- primaryLight: '#96C1F3',
189
- primaryLighter: '#CEE4FF',
188
+ primaryLight: '#CEE4FF',
189
+ primaryLighter: '#96C1F3',
190
190
  primaryDark: '#00254E',
191
191
  secondary: '#7828C9',
192
- secondaryLighter: '#D1B1F1',
193
192
  secondaryLight: '#EADCF9',
193
+ secondaryLighter: '#D1B1F1',
194
194
  secondaryDark: '#290E45',
195
195
  error: '#F31261',
196
- errorLight: '#FAA8C6',
197
- errorLighter: '#FDD8E6',
196
+ errorLight: '#FDD8E6',
197
+ errorLighter: '#FAA8C6',
198
198
  errorDark: '#4E041F',
199
199
  success: '#17C965',
200
- successLight: '#ADF5CD',
201
- successLighter: '#DAFBE9',
200
+ successLight: '#DAFBE9',
201
+ successLighter: '#ADF5CD',
202
202
  successDark: '#06371C',
203
203
  warning: '#F5A525',
204
- warningLight: '#FBDBA8',
205
- warningLighter: '#FDEFD9',
204
+ warningLight: '#FDEFD9',
205
+ warningLighter: '#FBDBA8',
206
206
  warningDark: '#4E3105',
207
207
  info: '#06B7DC',
208
- infoLighter: '#A5EEFE',
209
208
  infoLight: '#D7F8FF',
209
+ infoLighter: '#A5EEFE',
210
210
  infoDark: '#053B49',
211
211
  purple: '#f81ce5',
212
212
  alert: '#ff0080',
213
213
  link: '#3291ff',
214
- pre: '#363450'
214
+ pre: '#111'
215
215
  };
216
216
  var expressiveness = {
217
217
  linkStyle: 'none',
@@ -219,9 +219,9 @@ var expressiveness = {
219
219
  dropdownBoxShadow: '0 0 0 1px #333',
220
220
  scrollerStart: 'rgba(255, 255, 255, 1)',
221
221
  scrollerEnd: 'rgba(255, 255, 255, 0)',
222
- shadowSmall: '0 0 0 1px #333',
223
- shadowMedium: '0 0 0 1px #333',
224
- shadowLarge: '0 0 0 1px #333',
222
+ shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
223
+ shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
224
+ shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
225
225
  portalOpacity: 0.75
226
226
  };
227
227
  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
- 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);
@@ -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);