@bolio-ui/core 1.0.6 → 1.0.7

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 (64) hide show
  1. package/dist/Avatar/index.js +7 -6
  2. package/dist/Badge/index.js +7 -6
  3. package/dist/BolioUIProvider/index.js +7 -6
  4. package/dist/Breadcrumbs/index.js +7 -6
  5. package/dist/Button/index.js +7 -6
  6. package/dist/ButtonDropdown/index.js +7 -6
  7. package/dist/ButtonGroup/index.js +7 -6
  8. package/dist/Capacity/index.js +7 -6
  9. package/dist/Card/index.js +7 -6
  10. package/dist/Checkbox/index.js +7 -6
  11. package/dist/Code/index.js +7 -6
  12. package/dist/Collapse/index.js +7 -6
  13. package/dist/Container/index.js +3 -3
  14. package/dist/CssBaseline/index.js +3 -3
  15. package/dist/Description/index.js +7 -6
  16. package/dist/Display/index.js +7 -6
  17. package/dist/Divider/index.js +7 -6
  18. package/dist/Dot/Dot.d.ts +1 -0
  19. package/dist/Dot/index.js +17 -14
  20. package/dist/Drawer/index.js +7 -6
  21. package/dist/Fieldset/index.js +7 -6
  22. package/dist/Grid/index.js +7 -6
  23. package/dist/Image/index.js +7 -6
  24. package/dist/Input/index.js +8 -7
  25. package/dist/Keyboard/index.js +7 -6
  26. package/dist/Link/index.js +7 -6
  27. package/dist/Loading/index.js +7 -6
  28. package/dist/MdxWidgets/index.js +3 -3
  29. package/dist/Modal/index.js +7 -6
  30. package/dist/Note/index.js +7 -6
  31. package/dist/Page/index.js +7 -6
  32. package/dist/Pagination/index.js +7 -6
  33. package/dist/Popover/index.js +7 -6
  34. package/dist/Progress/index.js +7 -6
  35. package/dist/Radio/index.js +7 -6
  36. package/dist/Rating/index.js +7 -6
  37. package/dist/Row/index.js +3 -3
  38. package/dist/Section/index.js +7 -6
  39. package/dist/Select/index.js +7 -6
  40. package/dist/Slider/index.js +7 -6
  41. package/dist/Snippet/index.js +7 -6
  42. package/dist/Spacer/index.js +7 -6
  43. package/dist/Spinner/index.js +7 -6
  44. package/dist/Table/index.js +7 -6
  45. package/dist/Tabs/index.js +7 -6
  46. package/dist/Tag/index.js +7 -6
  47. package/dist/Text/index.js +7 -6
  48. package/dist/Textarea/index.js +8 -7
  49. package/dist/Themes/index.js +3 -3
  50. package/dist/Toggle/index.js +7 -6
  51. package/dist/Tooltip/index.js +7 -6
  52. package/dist/index.js +18 -15
  53. package/dist/use-all-themes/index.js +3 -3
  54. package/dist/use-media-query/index.js +3 -3
  55. package/dist/use-scale/index.js +7 -6
  56. package/dist/use-theme/index.js +3 -3
  57. package/esm/Dot/Dot.d.ts +1 -0
  58. package/esm/Dot/Dot.js +10 -8
  59. package/esm/Input/styles.js +1 -1
  60. package/esm/Themes/Presets/Dark.js +2 -2
  61. package/esm/Themes/Presets/Default.js +1 -1
  62. package/esm/use-scale/utils.js +4 -3
  63. package/examples/create-redwoodjs/.redwood/README.md +44 -0
  64. package/package.json +19 -19
@@ -286,7 +286,7 @@ var palette$1 = {
286
286
  accents_8: '#111',
287
287
  selection: '#cee4fe',
288
288
  code: '#C25FFF',
289
- border: '#999',
289
+ border: '#eaeaea',
290
290
  primary: '#0072F6',
291
291
  primaryLight: '#96C1F3',
292
292
  primaryLighter: '#CEE4FF',
@@ -353,7 +353,7 @@ var palette = {
353
353
  accents_8: '#fafafa',
354
354
  selection: '#f81ce5',
355
355
  code: '#C25FFF',
356
- border: '#444',
356
+ border: '#333',
357
357
  primary: '#0072F6',
358
358
  primaryLight: '#96C1F3',
359
359
  primaryLighter: '#CEE4FF',
@@ -381,7 +381,7 @@ var palette = {
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',
@@ -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);
package/dist/index.js CHANGED
@@ -302,7 +302,7 @@ var palette$1 = {
302
302
  accents_8: '#111',
303
303
  selection: '#cee4fe',
304
304
  code: '#C25FFF',
305
- border: '#999',
305
+ border: '#eaeaea',
306
306
  primary: '#0072F6',
307
307
  primaryLight: '#96C1F3',
308
308
  primaryLighter: '#CEE4FF',
@@ -369,7 +369,7 @@ var palette = {
369
369
  accents_8: '#fafafa',
370
370
  selection: '#f81ce5',
371
371
  code: '#C25FFF',
372
- border: '#444',
372
+ border: '#333',
373
373
  primary: '#0072F6',
374
374
  primaryLight: '#96C1F3',
375
375
  primaryLighter: '#CEE4FF',
@@ -397,7 +397,7 @@ var palette = {
397
397
  purple: '#f81ce5',
398
398
  alert: '#ff0080',
399
399
  link: '#3291ff',
400
- pre: '#363450'
400
+ pre: '#111'
401
401
  };
402
402
  var expressiveness = {
403
403
  linkStyle: 'none',
@@ -721,9 +721,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
721
721
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
722
722
  var key = _step2.value;
723
723
  var value = props[key];
724
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
725
- // scaleProps[key as keyof ScaleProps] = value as any
726
- // }
724
+
725
+ if (typeof value !== 'undefined') {
726
+ scaleProps[key] = value;
727
+ }
727
728
  }
728
729
  } catch (err) {
729
730
  _iterator2.e(err);
@@ -4098,7 +4099,7 @@ DividerComponent.displayName = 'BolioUIDivider';
4098
4099
  var Divider = withScale$1(DividerComponent);
4099
4100
  var Divider$1 = Divider;
4100
4101
 
4101
- var _excluded$S = ["type", "children", "className"];
4102
+ var _excluded$S = ["type", "children", "className", "color"];
4102
4103
 
4103
4104
  var getColor$1 = function getColor(type, theme) {
4104
4105
  var colors = {
@@ -4119,6 +4120,8 @@ function DotComponent(_ref) {
4119
4120
  children = _ref.children,
4120
4121
  _ref$className = _ref.className,
4121
4122
  className = _ref$className === void 0 ? '' : _ref$className,
4123
+ _ref$color = _ref.color,
4124
+ color = _ref$color === void 0 ? '' : _ref$color,
4122
4125
  props = _objectWithoutProperties(_ref, _excluded$S);
4123
4126
 
4124
4127
  var theme = useTheme();
@@ -4126,19 +4129,19 @@ function DotComponent(_ref) {
4126
4129
  var _useScale = useScale(),
4127
4130
  SCALES = _useScale.SCALES;
4128
4131
 
4129
- var color = React.useMemo(function () {
4132
+ var typeColor = React.useMemo(function () {
4130
4133
  return getColor$1(type, theme);
4131
4134
  }, [type, theme]);
4132
4135
  return /*#__PURE__*/React__default["default"].createElement("span", _extends({}, props, {
4133
- className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + (props && props.className != null && props.className || useClasses$1('dot', className) || "")
4136
+ className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + (props && props.className != null && props.className || useClasses$1('dot', className) || "")
4134
4137
  }), /*#__PURE__*/React__default["default"].createElement("span", {
4135
- className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "icon"
4138
+ className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "icon"
4136
4139
  }), /*#__PURE__*/React__default["default"].createElement("span", {
4137
- className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "label"
4140
+ className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "label"
4138
4141
  }, children), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
4139
- id: "870607818",
4140
- dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]
4141
- }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
4142
+ id: "1863610765",
4143
+ dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]
4144
+ }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color ? color : typeColor, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
4142
4145
  }
4143
4146
 
4144
4147
  DotComponent.displayName = 'BolioUIDot';
@@ -5241,7 +5244,7 @@ var getColors$6 = function getColors(palette, status) {
5241
5244
  var colors = {
5242
5245
  "default": {
5243
5246
  color: palette.foreground,
5244
- borderColor: palette.border,
5247
+ borderColor: palette.accents_3,
5245
5248
  hoverBorder: palette.accents_5
5246
5249
  },
5247
5250
  primary: {
@@ -115,7 +115,7 @@ var palette$1 = {
115
115
  accents_8: '#111',
116
116
  selection: '#cee4fe',
117
117
  code: '#C25FFF',
118
- border: '#999',
118
+ border: '#eaeaea',
119
119
  primary: '#0072F6',
120
120
  primaryLight: '#96C1F3',
121
121
  primaryLighter: '#CEE4FF',
@@ -182,7 +182,7 @@ var palette = {
182
182
  accents_8: '#fafafa',
183
183
  selection: '#f81ce5',
184
184
  code: '#C25FFF',
185
- border: '#444',
185
+ border: '#333',
186
186
  primary: '#0072F6',
187
187
  primaryLight: '#96C1F3',
188
188
  primaryLighter: '#CEE4FF',
@@ -210,7 +210,7 @@ var palette = {
210
210
  purple: '#f81ce5',
211
211
  alert: '#ff0080',
212
212
  link: '#3291ff',
213
- pre: '#363450'
213
+ pre: '#111'
214
214
  };
215
215
  var expressiveness = {
216
216
  linkStyle: 'none',
@@ -174,7 +174,7 @@ var palette$1 = {
174
174
  accents_8: '#111',
175
175
  selection: '#cee4fe',
176
176
  code: '#C25FFF',
177
- border: '#999',
177
+ border: '#eaeaea',
178
178
  primary: '#0072F6',
179
179
  primaryLight: '#96C1F3',
180
180
  primaryLighter: '#CEE4FF',
@@ -241,7 +241,7 @@ var palette = {
241
241
  accents_8: '#fafafa',
242
242
  selection: '#f81ce5',
243
243
  code: '#C25FFF',
244
- border: '#444',
244
+ border: '#333',
245
245
  primary: '#0072F6',
246
246
  primaryLight: '#96C1F3',
247
247
  primaryLighter: '#CEE4FF',
@@ -269,7 +269,7 @@ var palette = {
269
269
  purple: '#f81ce5',
270
270
  alert: '#ff0080',
271
271
  link: '#3291ff',
272
- pre: '#363450'
272
+ pre: '#111'
273
273
  };
274
274
  var expressiveness = {
275
275
  linkStyle: 'none',
@@ -279,7 +279,7 @@ var palette$1 = {
279
279
  accents_8: '#111',
280
280
  selection: '#cee4fe',
281
281
  code: '#C25FFF',
282
- border: '#999',
282
+ border: '#eaeaea',
283
283
  primary: '#0072F6',
284
284
  primaryLight: '#96C1F3',
285
285
  primaryLighter: '#CEE4FF',
@@ -346,7 +346,7 @@ var palette = {
346
346
  accents_8: '#fafafa',
347
347
  selection: '#f81ce5',
348
348
  code: '#C25FFF',
349
- border: '#444',
349
+ border: '#333',
350
350
  primary: '#0072F6',
351
351
  primaryLight: '#96C1F3',
352
352
  primaryLighter: '#CEE4FF',
@@ -374,7 +374,7 @@ var palette = {
374
374
  purple: '#f81ce5',
375
375
  alert: '#ff0080',
376
376
  link: '#3291ff',
377
- pre: '#363450'
377
+ pre: '#111'
378
378
  };
379
379
  var expressiveness = {
380
380
  linkStyle: 'none',
@@ -537,9 +537,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
537
537
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
538
538
  var key = _step2.value;
539
539
  var value = props[key];
540
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
541
- // scaleProps[key as keyof ScaleProps] = value as any
542
- // }
540
+
541
+ if (typeof value !== 'undefined') {
542
+ scaleProps[key] = value;
543
+ }
543
544
  }
544
545
  } catch (err) {
545
546
  _iterator2.e(err);
@@ -115,7 +115,7 @@ var palette$1 = {
115
115
  accents_8: '#111',
116
116
  selection: '#cee4fe',
117
117
  code: '#C25FFF',
118
- border: '#999',
118
+ border: '#eaeaea',
119
119
  primary: '#0072F6',
120
120
  primaryLight: '#96C1F3',
121
121
  primaryLighter: '#CEE4FF',
@@ -182,7 +182,7 @@ var palette = {
182
182
  accents_8: '#fafafa',
183
183
  selection: '#f81ce5',
184
184
  code: '#C25FFF',
185
- border: '#444',
185
+ border: '#333',
186
186
  primary: '#0072F6',
187
187
  primaryLight: '#96C1F3',
188
188
  primaryLighter: '#CEE4FF',
@@ -210,7 +210,7 @@ var palette = {
210
210
  purple: '#f81ce5',
211
211
  alert: '#ff0080',
212
212
  link: '#3291ff',
213
- pre: '#363450'
213
+ pre: '#111'
214
214
  };
215
215
  var expressiveness = {
216
216
  linkStyle: 'none',
package/esm/Dot/Dot.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare type DotTypes = NormalTypes;
4
4
  interface Props {
5
5
  type?: DotTypes;
6
6
  className?: string;
7
+ color?: string;
7
8
  }
8
9
  declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
9
10
  export declare type DotProps = Props & NativeAttrs;
package/esm/Dot/Dot.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["type", "children", "className"];
3
+ var _excluded = ["type", "children", "className", "color"];
4
4
  import _JSXStyle from "../styled-jsx.es.js";
5
5
  import React, { useMemo } from 'react';
6
6
  import useTheme from '../use-theme';
@@ -26,6 +26,8 @@ function DotComponent(_ref) {
26
26
  children = _ref.children,
27
27
  _ref$className = _ref.className,
28
28
  className = _ref$className === void 0 ? '' : _ref$className,
29
+ _ref$color = _ref.color,
30
+ color = _ref$color === void 0 ? '' : _ref$color,
29
31
  props = _objectWithoutProperties(_ref, _excluded);
30
32
 
31
33
  var theme = useTheme();
@@ -33,19 +35,19 @@ function DotComponent(_ref) {
33
35
  var _useScale = useScale(),
34
36
  SCALES = _useScale.SCALES;
35
37
 
36
- var color = useMemo(function () {
38
+ var typeColor = useMemo(function () {
37
39
  return getColor(type, theme);
38
40
  }, [type, theme]);
39
41
  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
40
- className: _JSXStyle.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + (props && props.className != null && props.className || useClasses('dot', className) || "")
42
+ className: _JSXStyle.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + (props && props.className != null && props.className || useClasses('dot', className) || "")
41
43
  }), /*#__PURE__*/React.createElement("span", {
42
- className: _JSXStyle.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "icon"
44
+ className: _JSXStyle.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "icon"
43
45
  }), /*#__PURE__*/React.createElement("span", {
44
- className: _JSXStyle.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "label"
46
+ className: _JSXStyle.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "label"
45
47
  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
46
- id: "870607818",
47
- dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]
48
- }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
48
+ id: "1863610765",
49
+ dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]
50
+ }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color ? color : typeColor, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
49
51
  }
50
52
 
51
53
  DotComponent.displayName = 'BolioUIDot';
@@ -2,7 +2,7 @@ export var getColors = function getColors(palette, status) {
2
2
  var colors = {
3
3
  "default": {
4
4
  color: palette.foreground,
5
- borderColor: palette.border,
5
+ borderColor: palette.accents_3,
6
6
  hoverBorder: palette.accents_5
7
7
  },
8
8
  primary: {
@@ -12,7 +12,7 @@ export var palette = {
12
12
  accents_8: '#fafafa',
13
13
  selection: '#f81ce5',
14
14
  code: '#C25FFF',
15
- border: '#444',
15
+ border: '#333',
16
16
  primary: '#0072F6',
17
17
  primaryLight: '#96C1F3',
18
18
  primaryLighter: '#CEE4FF',
@@ -40,7 +40,7 @@ export var palette = {
40
40
  purple: '#f81ce5',
41
41
  alert: '#ff0080',
42
42
  link: '#3291ff',
43
- pre: '#363450'
43
+ pre: '#111'
44
44
  };
45
45
  export var expressiveness = {
46
46
  linkStyle: 'none',
@@ -12,7 +12,7 @@ export var palette = {
12
12
  accents_8: '#111',
13
13
  selection: '#cee4fe',
14
14
  code: '#C25FFF',
15
- border: '#999',
15
+ border: '#eaeaea',
16
16
  primary: '#0072F6',
17
17
  primaryLight: '#96C1F3',
18
18
  primaryLighter: '#CEE4FF',
@@ -44,9 +44,10 @@ export var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
44
44
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
45
45
  var key = _step2.value;
46
46
  var value = props[key];
47
- console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
48
- // scaleProps[key as keyof ScaleProps] = value as any
49
- // }
47
+
48
+ if (typeof value !== 'undefined') {
49
+ scaleProps[key] = value;
50
+ }
50
51
  }
51
52
  } catch (err) {
52
53
  _iterator2.e(err);
@@ -0,0 +1,44 @@
1
+ # .redwood
2
+
3
+ ## What is this directory?
4
+
5
+ Redwood uses this `.redwood` directory to store transitory data that aids in the smooth and convenient operation of your Redwood project.
6
+
7
+ ## Do I need to do anything with this directory?
8
+
9
+ No. You shouldn't have to create, edit or delete anything in this directory in your day-to-day work with Redwood.
10
+
11
+ You don't need to commit any other contents of this directory to your version control system. It's ignored by default.
12
+
13
+ ## What's in this directory?
14
+
15
+ ### Files
16
+
17
+ | Name | Description |
18
+ | :---------------- | :----------------------------------------------------------------------------------------------------------------- |
19
+ | commandCache.json | This file contains mappings to assist the Redwood CLI in efficiently executing commands. |
20
+ | schema.graphql | This is the GraphQL schema which has been automatically generated from your Redwood project. |
21
+ | studio.db | The sqlite database used by the experimental `rw exp studio` feature. |
22
+ | telemetry.txt | Contains a unique ID used for telemetry. This value is rotated every 24 hours to protect your project's anonymity. |
23
+ | test.db | The sqlite database used when running tests. |
24
+
25
+ ### Directories
26
+
27
+ | Name | Description |
28
+ | :---------- | :----------------------------------------------------------------------------------------------------------------------------------------------- |
29
+ | locks | Stores temporary files that Redwood uses to keep track of the execution of async/background tasks between processes. |
30
+ | logs | Stores log files for background tasks such as update checking. |
31
+ | prebuild | Stores transpiled JavaScript that is generated as part of Redwood's build process. |
32
+ | telemetry | Stores the recent telemetry that the Redwood CLI has generated. You may inspect these files to see everything Redwood is anonymously collecting. |
33
+ | types | Stores the results of type generation. |
34
+ | updateCheck | Stores a file which contains the results of checking for Redwood updates. |
35
+
36
+ We try to keep this README up to date but you may, from time to time, find other files or directories in this `.redwood` directory that have not yet been documented here. This is likely nothing to worry about but feel free to let us know and we'll update this list.
37
+
38
+ ### Telemetry
39
+
40
+ RedwoodJS collects completely anonymous telemetry data about general usage. For transparency, that data is viewable in the respective directories and files. To learn more and manage your project's settings, visit [telemetry.redwoodjs.com](https://telemetry.redwoodjs.com).
41
+
42
+ ### Have any questions?
43
+
44
+ Feel free to reach out to us in the [RedwoodJS Community](https://community.redwoodjs.com/) forum if you have any questions.
package/package.json CHANGED
@@ -1,20 +1,7 @@
1
1
  {
2
2
  "name": "@bolio-ui/core",
3
- "version": "1.0.6",
4
- "license": "MIT",
3
+ "version": "1.0.7",
5
4
  "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
6
- "homepage": "https://bolio-ui.com/",
7
- "author": {
8
- "name": "Bruno Andrade",
9
- "email": "brunnoandradi@gmail.com"
10
- },
11
- "bugs": {
12
- "url": "https://github.com/bolio-ui/bolio-ui/issues/new/choose"
13
- },
14
- "repository": {
15
- "type": "git",
16
- "url": "https://github.com/bolio-ui/bolio-ui"
17
- },
18
5
  "keywords": [
19
6
  "bolio",
20
7
  "bolio ui",
@@ -23,15 +10,28 @@
23
10
  "react components",
24
11
  "react ui"
25
12
  ],
13
+ "homepage": "https://bolio-ui.com/",
14
+ "bugs": {
15
+ "url": "https://github.com/bolio-ui/bolio-ui/issues/new/choose"
16
+ },
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "https://github.com/bolio-ui/bolio-ui"
20
+ },
21
+ "license": "MIT",
22
+ "author": {
23
+ "name": "Bruno Andrade",
24
+ "email": "brunnoandradi@gmail.com"
25
+ },
26
+ "sideEffects": false,
27
+ "main": "dist/index.js",
28
+ "unpkg": "dist/index.min.js",
29
+ "module": "esm/index.js",
30
+ "types": "esm/index.d.ts",
26
31
  "files": [
27
32
  "/dist",
28
33
  "/esm"
29
34
  ],
30
- "main": "dist/index.js",
31
- "module": "esm/index.js",
32
- "types": "esm/index.d.ts",
33
- "unpkg": "dist/index.min.js",
34
- "sideEffects": false,
35
35
  "scripts": {
36
36
  "dev": "next dev",
37
37
  "build": "next build",