@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
package/dist/Toggle/index.js CHANGED
@@ -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;
@@ -828,21 +828,21 @@ function ToggleComponent(_ref) {
828
828
  setSelfChecked(checked);
829
829
  }, [checked]);
830
830
  return /*#__PURE__*/React__default["default"].createElement("label", _extends({}, props, {
831
- className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (props && props.className != null && props.className || className || "")
831
+ className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (props && props.className != null && props.className || className || "")
832
832
  }), /*#__PURE__*/React__default["default"].createElement("input", {
833
833
  type: "checkbox",
834
834
  disabled: disabled,
835
835
  checked: selfChecked,
836
836
  onChange: changeHandle,
837
- className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]])
837
+ className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]])
838
838
  }), /*#__PURE__*/React__default["default"].createElement("div", {
839
- className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (classes || "")
839
+ className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (classes || "")
840
840
  }, /*#__PURE__*/React__default["default"].createElement("span", {
841
- className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + "inner"
841
+ className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + "inner"
842
842
  })), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
843
- id: "3938822023",
844
- dynamic: [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]
845
- }, "label.__jsx-style-dynamic-selector{-webkit-tap-highlight-color:transparent;display:inline-block;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;cursor:".concat(disabled ? 'not-allowed' : 'pointer', ";--toggle-font-size:").concat(SCALES.font(1), ";--toggle-height:").concat(SCALES.height(0.875), ";width:").concat(SCALES.width(1.75), ";height:var(--toggle-height);padding:").concat(SCALES.pt(0.1875), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.1875), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}input.__jsx-style-dynamic-selector{overflow:hidden;visibility:hidden;height:0;opacity:0;width:0;position:absolute;background-color:transparent;z-index:-1;}.toggle.__jsx-style-dynamic-selector{height:var(--toggle-height);width:100%;border-radius:var(--toggle-height);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);position:relative;border:1px solid transparent;background-color:").concat(theme.palette.accents_2, ";padding:0;}.inner.__jsx-style-dynamic-selector{width:calc(var(--toggle-height) - 2px);height:calc(var(--toggle-height) - 2px);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0, rgba(0,0,0,0.1) 0 1px 3px 0;-webkit-transition:left 280ms cubic-bezier(0,0,0.2,1);transition:left 280ms cubic-bezier(0,0,0.2,1);border-radius:50%;background-color:").concat(theme.palette.background, ";}.disabled.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_2, ";background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_2, ";}.disabled.checked.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_4, ";background-color:").concat(theme.palette.accents_4, ";}.checked.__jsx-style-dynamic-selector{background-color:").concat(bg, ";}.checked.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{left:calc(100% - (var(--toggle-height) - 2px));box-shadow:none;}")));
843
+ id: "2317841100",
844
+ dynamic: [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]
845
+ }, "label.__jsx-style-dynamic-selector{-webkit-tap-highlight-color:transparent;display:inline-block;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;cursor:".concat(disabled ? 'not-allowed' : 'pointer', ";--toggle-font-size:").concat(SCALES.font(1), ";--toggle-height:").concat(SCALES.height(1), ";width:").concat(SCALES.width(1.75), ";height:var(--toggle-height);padding:").concat(SCALES.pt(0.1875), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.1875), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}input.__jsx-style-dynamic-selector{overflow:hidden;visibility:hidden;height:0;opacity:0;width:0;position:absolute;background-color:transparent;z-index:-1;}.toggle.__jsx-style-dynamic-selector{height:calc(var(--toggle-height) + 2px);width:100%;border-radius:var(--toggle-height);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);position:relative;border:1px solid transparent;background-color:").concat(theme.palette.accents_2, ";padding:0;}.inner.__jsx-style-dynamic-selector{width:calc(var(--toggle-height) - 2px);height:calc(var(--toggle-height) - 2px);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0, rgba(0,0,0,0.1) 0 1px 3px 0;-webkit-transition:left 280ms cubic-bezier(0,0,0.2,1);transition:left 280ms cubic-bezier(0,0,0.2,1);border-radius:50%;background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_2, ";background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_2, ";}.disabled.checked.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_4, ";background-color:").concat(theme.palette.accents_4, ";}.checked.__jsx-style-dynamic-selector{background-color:").concat(bg, ";}.checked.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{left:calc(100% - (var(--toggle-height) - 1px));box-shadow:none;}")));
846
846
  }
847
847
 
848
848
  ToggleComponent.displayName = 'BolioUIToggle';
package/dist/Tooltip/index.js CHANGED
@@ -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;