@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
@@ -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
- border: '#999',
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,37 +351,37 @@ 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
- border: '#444',
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',
383
383
  link: '#3291ff',
384
- pre: '#363450'
384
+ pre: '#111'
385
385
  };
386
386
  var expressiveness = {
387
387
  linkStyle: 'none',
@@ -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;
@@ -950,9 +950,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
950
950
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
951
951
  var key = _step2.value;
952
952
  var value = props[key];
953
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
954
- // scaleProps[key as keyof ScaleProps] = value as any
955
- // }
953
+
954
+ if (typeof value !== 'undefined') {
955
+ scaleProps[key] = value;
956
+ }
956
957
  }
957
958
  } catch (err) {
958
959
  _iterator2.e(err);