@bolio-ui/core 1.0.7 → 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 (97) 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 +83 -72
  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/InputProps.d.ts +1 -0
  26. package/dist/Input/index.js +75 -65
  27. package/dist/Input/styles.d.ts +2 -0
  28. package/dist/Keyboard/index.js +26 -26
  29. package/dist/Link/index.js +26 -26
  30. package/dist/Loading/index.js +26 -26
  31. package/dist/MdxWidgets/index.js +26 -26
  32. package/dist/Modal/index.js +37 -37
  33. package/dist/Note/index.js +26 -26
  34. package/dist/Page/index.js +26 -26
  35. package/dist/Pagination/index.js +26 -26
  36. package/dist/Popover/index.js +26 -26
  37. package/dist/Progress/index.js +26 -26
  38. package/dist/Radio/index.js +26 -26
  39. package/dist/Rating/index.js +26 -26
  40. package/dist/Row/index.js +26 -26
  41. package/dist/Section/index.js +26 -26
  42. package/dist/Select/index.js +92 -90
  43. package/dist/Select/styles.d.ts +5 -4
  44. package/dist/Slider/index.js +26 -26
  45. package/dist/Snippet/index.js +26 -26
  46. package/dist/Spacer/index.js +26 -26
  47. package/dist/Spinner/index.js +26 -26
  48. package/dist/Table/index.js +26 -26
  49. package/dist/Tabs/index.js +29 -29
  50. package/dist/Tag/index.js +26 -26
  51. package/dist/Text/index.js +26 -26
  52. package/dist/Textarea/index.js +60 -50
  53. package/dist/Themes/index.js +26 -26
  54. package/dist/Toggle/index.js +33 -33
  55. package/dist/Tooltip/index.js +26 -26
  56. package/dist/index.js +315 -262
  57. package/dist/use-all-themes/index.js +26 -26
  58. package/dist/use-media-query/index.js +26 -26
  59. package/dist/use-scale/index.js +26 -26
  60. package/dist/use-theme/index.js +26 -26
  61. package/esm/Avatar/Avatar.js +5 -5
  62. package/esm/Badge/Badge.js +7 -7
  63. package/esm/Badge/stories.js +1 -1
  64. package/esm/Breadcrumbs/Breadcrumbs.js +4 -4
  65. package/esm/Button/Button.js +3 -3
  66. package/esm/Button/styles.js +8 -8
  67. package/esm/ButtonDropdown/ButtonDropdown.js +13 -13
  68. package/esm/ButtonDropdown/ButtonDropdownItem.js +3 -3
  69. package/esm/ButtonDropdown/Icon.js +1 -1
  70. package/esm/ButtonDropdown/styles.d.ts +1 -0
  71. package/esm/ButtonDropdown/styles.js +40 -29
  72. package/esm/ButtonGroup/ButtonGroup.js +5 -3
  73. package/esm/Capacity/stories.js +40 -10
  74. package/esm/Card/Card.d.ts +1 -0
  75. package/esm/Card/Card.js +8 -7
  76. package/esm/Card/stories.js +56 -7
  77. package/esm/Card/styles.js +28 -19
  78. package/esm/Checkbox/Checkbox.js +6 -6
  79. package/esm/Checkbox/CheckboxIcon.js +34 -16
  80. package/esm/Input/Input.js +15 -15
  81. package/esm/Input/InputProps.d.ts +1 -0
  82. package/esm/Input/styles.d.ts +2 -0
  83. package/esm/Input/styles.js +27 -13
  84. package/esm/Select/Select.js +10 -15
  85. package/esm/Select/SelectDropdown.js +4 -4
  86. package/esm/Select/SelectIconClear.js +7 -7
  87. package/esm/Select/SelectMultipleValue.js +4 -4
  88. package/esm/Select/SelectOption.js +6 -6
  89. package/esm/Select/styles.d.ts +5 -4
  90. package/esm/Select/styles.js +35 -28
  91. package/esm/Tabs/TabsItem.js +3 -3
  92. package/esm/Textarea/Textarea.js +7 -11
  93. package/esm/Themes/Presets/Dark.js +14 -14
  94. package/esm/Themes/Presets/Default.js +11 -11
  95. package/esm/Themes/Presets/Shared.js +1 -1
  96. package/esm/Toggle/Toggle.js +7 -7
  97. package/package.json +1 -1
@@ -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
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,32 +234,32 @@ 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
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',
@@ -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
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,32 +181,32 @@ 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
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',
@@ -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
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,32 +308,32 @@ 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
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',
@@ -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;
@@ -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
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,32 +308,32 @@ 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
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',
@@ -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;
@@ -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
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,32 +308,32 @@ 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
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',
@@ -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;
package/dist/Dot/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
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,32 +308,32 @@ 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
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',
@@ -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;