@bolio-ui/core 1.1.0 → 1.1.2

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 (8) hide show
  1. package/dist/Input/index.js +17 -17
  2. package/dist/Select/index.js +9 -9
  3. package/dist/Textarea/index.js +13 -13
  4. package/dist/index.js +26 -26
  5. package/esm/Input/InputBlockLabel.js +4 -4
  6. package/esm/Input/styles.js +13 -13
  7. package/esm/Select/styles.js +9 -9
  8. package/package.json +1 -1
package/dist/Input/index.js CHANGED
@@ -520,11 +520,11 @@ function InputBlockLabelComponent(_ref) {
520
520
  error = _ref.error;
521
521
  var theme = useTheme();
522
522
  return /*#__PURE__*/React__default["default"].createElement("label", {
523
- className: styledJsx_cjs.style.dynamic([["500642095", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']]])
523
+ className: styledJsx_cjs.style.dynamic([["3520806922", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']]])
524
524
  }, children, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
525
- id: "500642095",
526
- dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']
527
- }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-tp[]:").concat(error ? '1em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
525
+ id: "3520806922",
526
+ dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']
527
+ }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-top:").concat(error ? '0.2em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
528
528
  }
529
529
 
530
530
  InputBlockLabelComponent.displayName = 'BolioUIInputBlockLabel';
@@ -635,10 +635,10 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
635
635
  var colors = {
636
636
  "default": {
637
637
  color: palette.foreground,
638
- bgColor: palette.accents_2,
639
- borderColor: palette.accents_3,
640
- hoverBgColor: palette.accents_2,
641
- hoverBorder: palette.accents_5
638
+ bgColor: palette.accents_1,
639
+ borderColor: palette.accents_2,
640
+ hoverBgColor: palette.accents_1,
641
+ hoverBorder: palette.accents_4
642
642
  },
643
643
  primary: {
644
644
  color: palette.primaryDark,
@@ -684,18 +684,18 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
684
684
  }
685
685
  };
686
686
  if (disabled) return {
687
- color: palette.accents_5,
688
- bgColor: palette.accents_3,
689
- borderColor: palette.accents_4,
690
- hoverBgColor: palette.accents_3,
691
- hoverBorder: palette.accents_4
692
- };
693
- if (readOnly) return {
694
- color: palette.foreground,
687
+ color: palette.accents_6,
695
688
  bgColor: palette.accents_2,
696
689
  borderColor: palette.accents_3,
697
690
  hoverBgColor: palette.accents_2,
698
- hoverBorder: palette.accents_5
691
+ hoverBorder: palette.accents_3
692
+ };
693
+ if (readOnly) return {
694
+ color: palette.foreground,
695
+ bgColor: palette.accents_1,
696
+ borderColor: palette.accents_2,
697
+ hoverBgColor: palette.accents_1,
698
+ hoverBorder: palette.accents_4
699
699
  };
700
700
  if (!status) return colors["default"];
701
701
  return colors[status];
package/dist/Select/index.js CHANGED
@@ -1452,10 +1452,10 @@ var getColors = function getColors(palette, status, disabled) {
1452
1452
  var colors = {
1453
1453
  "default": {
1454
1454
  color: palette.foreground,
1455
- bgColor: palette.accents_2,
1456
- borderColor: palette.accents_3,
1457
- hoverBgColor: palette.accents_2,
1458
- hoverBorder: palette.accents_5
1455
+ bgColor: palette.accents_1,
1456
+ borderColor: palette.accents_2,
1457
+ hoverBgColor: palette.accents_1,
1458
+ hoverBorder: palette.accents_4
1459
1459
  },
1460
1460
  primary: {
1461
1461
  color: palette.primaryDark,
@@ -1501,11 +1501,11 @@ var getColors = function getColors(palette, status, disabled) {
1501
1501
  }
1502
1502
  };
1503
1503
  if (disabled) return {
1504
- color: palette.accents_5,
1505
- bgColor: palette.accents_3,
1506
- borderColor: palette.accents_4,
1507
- hoverBgColor: palette.accents_3,
1508
- hoverBorder: palette.accents_4
1504
+ color: palette.accents_6,
1505
+ bgColor: palette.accents_2,
1506
+ borderColor: palette.accents_3,
1507
+ hoverBgColor: palette.accents_2,
1508
+ hoverBorder: palette.accents_3
1509
1509
  };
1510
1510
  if (!status) return colors["default"];
1511
1511
  return colors[status];
package/dist/Textarea/index.js CHANGED
@@ -520,10 +520,10 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
520
520
  var colors = {
521
521
  "default": {
522
522
  color: palette.foreground,
523
- bgColor: palette.accents_2,
524
- borderColor: palette.accents_3,
525
- hoverBgColor: palette.accents_2,
526
- hoverBorder: palette.accents_5
523
+ bgColor: palette.accents_1,
524
+ borderColor: palette.accents_2,
525
+ hoverBgColor: palette.accents_1,
526
+ hoverBorder: palette.accents_4
527
527
  },
528
528
  primary: {
529
529
  color: palette.primaryDark,
@@ -569,18 +569,18 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
569
569
  }
570
570
  };
571
571
  if (disabled) return {
572
- color: palette.accents_5,
573
- bgColor: palette.accents_3,
574
- borderColor: palette.accents_4,
575
- hoverBgColor: palette.accents_3,
576
- hoverBorder: palette.accents_4
577
- };
578
- if (readOnly) return {
579
- color: palette.foreground,
572
+ color: palette.accents_6,
580
573
  bgColor: palette.accents_2,
581
574
  borderColor: palette.accents_3,
582
575
  hoverBgColor: palette.accents_2,
583
- hoverBorder: palette.accents_5
576
+ hoverBorder: palette.accents_3
577
+ };
578
+ if (readOnly) return {
579
+ color: palette.foreground,
580
+ bgColor: palette.accents_1,
581
+ borderColor: palette.accents_2,
582
+ hoverBgColor: palette.accents_1,
583
+ hoverBorder: palette.accents_4
584
584
  };
585
585
  if (!status) return colors["default"];
586
586
  return colors[status];
package/dist/index.js CHANGED
@@ -5211,11 +5211,11 @@ function InputBlockLabelComponent(_ref) {
5211
5211
  error = _ref.error;
5212
5212
  var theme = useTheme();
5213
5213
  return /*#__PURE__*/React__default["default"].createElement("label", {
5214
- className: styledJsx_cjs.style.dynamic([["500642095", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']]])
5214
+ className: styledJsx_cjs.style.dynamic([["3520806922", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']]])
5215
5215
  }, children, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
5216
- id: "500642095",
5217
- dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']
5218
- }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-tp[]:").concat(error ? '1em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
5216
+ id: "3520806922",
5217
+ dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']
5218
+ }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-top:").concat(error ? '0.2em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
5219
5219
  }
5220
5220
 
5221
5221
  InputBlockLabelComponent.displayName = 'BolioUIInputBlockLabel';
@@ -5286,10 +5286,10 @@ var getColors$6 = function getColors(palette, status, disabled, readOnly) {
5286
5286
  var colors = {
5287
5287
  "default": {
5288
5288
  color: palette.foreground,
5289
- bgColor: palette.accents_2,
5290
- borderColor: palette.accents_3,
5291
- hoverBgColor: palette.accents_2,
5292
- hoverBorder: palette.accents_5
5289
+ bgColor: palette.accents_1,
5290
+ borderColor: palette.accents_2,
5291
+ hoverBgColor: palette.accents_1,
5292
+ hoverBorder: palette.accents_4
5293
5293
  },
5294
5294
  primary: {
5295
5295
  color: palette.primaryDark,
@@ -5335,18 +5335,18 @@ var getColors$6 = function getColors(palette, status, disabled, readOnly) {
5335
5335
  }
5336
5336
  };
5337
5337
  if (disabled) return {
5338
- color: palette.accents_5,
5339
- bgColor: palette.accents_3,
5340
- borderColor: palette.accents_4,
5341
- hoverBgColor: palette.accents_3,
5342
- hoverBorder: palette.accents_4
5343
- };
5344
- if (readOnly) return {
5345
- color: palette.foreground,
5338
+ color: palette.accents_6,
5346
5339
  bgColor: palette.accents_2,
5347
5340
  borderColor: palette.accents_3,
5348
5341
  hoverBgColor: palette.accents_2,
5349
- hoverBorder: palette.accents_5
5342
+ hoverBorder: palette.accents_3
5343
+ };
5344
+ if (readOnly) return {
5345
+ color: palette.foreground,
5346
+ bgColor: palette.accents_1,
5347
+ borderColor: palette.accents_2,
5348
+ hoverBgColor: palette.accents_1,
5349
+ hoverBorder: palette.accents_4
5350
5350
  };
5351
5351
  if (!status) return colors["default"];
5352
5352
  return colors[status];
@@ -8049,10 +8049,10 @@ var getColors$3 = function getColors(palette, status, disabled) {
8049
8049
  var colors = {
8050
8050
  "default": {
8051
8051
  color: palette.foreground,
8052
- bgColor: palette.accents_2,
8053
- borderColor: palette.accents_3,
8054
- hoverBgColor: palette.accents_2,
8055
- hoverBorder: palette.accents_5
8052
+ bgColor: palette.accents_1,
8053
+ borderColor: palette.accents_2,
8054
+ hoverBgColor: palette.accents_1,
8055
+ hoverBorder: palette.accents_4
8056
8056
  },
8057
8057
  primary: {
8058
8058
  color: palette.primaryDark,
@@ -8098,11 +8098,11 @@ var getColors$3 = function getColors(palette, status, disabled) {
8098
8098
  }
8099
8099
  };
8100
8100
  if (disabled) return {
8101
- color: palette.accents_5,
8102
- bgColor: palette.accents_3,
8103
- borderColor: palette.accents_4,
8104
- hoverBgColor: palette.accents_3,
8105
- hoverBorder: palette.accents_4
8101
+ color: palette.accents_6,
8102
+ bgColor: palette.accents_2,
8103
+ borderColor: palette.accents_3,
8104
+ hoverBgColor: palette.accents_2,
8105
+ hoverBorder: palette.accents_3
8106
8106
  };
8107
8107
  if (!status) return colors["default"];
8108
8108
  return colors[status];
package/esm/Input/InputBlockLabel.js CHANGED
@@ -7,11 +7,11 @@ function InputBlockLabelComponent(_ref) {
7
7
  error = _ref.error;
8
8
  var theme = useTheme();
9
9
  return /*#__PURE__*/React.createElement("label", {
10
- className: _JSXStyle.dynamic([["500642095", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']]])
10
+ className: _JSXStyle.dynamic([["3520806922", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']]])
11
11
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
12
- id: "500642095",
13
- dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '1em' : 0, error ? '0.775rem' : '1em']
14
- }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-tp[]:").concat(error ? '1em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
12
+ id: "3520806922",
13
+ dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']
14
+ }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-top:").concat(error ? '0.2em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
15
15
  }
16
16
 
17
17
  InputBlockLabelComponent.displayName = 'BolioUIInputBlockLabel';
package/esm/Input/styles.js CHANGED
@@ -2,10 +2,10 @@ export var getColors = function getColors(palette, status, disabled, readOnly) {
2
2
  var colors = {
3
3
  "default": {
4
4
  color: palette.foreground,
5
- bgColor: palette.accents_2,
6
- borderColor: palette.accents_3,
7
- hoverBgColor: palette.accents_2,
8
- hoverBorder: palette.accents_5
5
+ bgColor: palette.accents_1,
6
+ borderColor: palette.accents_2,
7
+ hoverBgColor: palette.accents_1,
8
+ hoverBorder: palette.accents_4
9
9
  },
10
10
  primary: {
11
11
  color: palette.primaryDark,
@@ -51,18 +51,18 @@ export var getColors = function getColors(palette, status, disabled, readOnly) {
51
51
  }
52
52
  };
53
53
  if (disabled) return {
54
- color: palette.accents_5,
55
- bgColor: palette.accents_3,
56
- borderColor: palette.accents_4,
57
- hoverBgColor: palette.accents_3,
58
- hoverBorder: palette.accents_4
59
- };
60
- if (readOnly) return {
61
- color: palette.foreground,
54
+ color: palette.accents_6,
62
55
  bgColor: palette.accents_2,
63
56
  borderColor: palette.accents_3,
64
57
  hoverBgColor: palette.accents_2,
65
- hoverBorder: palette.accents_5
58
+ hoverBorder: palette.accents_3
59
+ };
60
+ if (readOnly) return {
61
+ color: palette.foreground,
62
+ bgColor: palette.accents_1,
63
+ borderColor: palette.accents_2,
64
+ hoverBgColor: palette.accents_1,
65
+ hoverBorder: palette.accents_4
66
66
  };
67
67
  if (!status) return colors["default"];
68
68
  return colors[status];
package/esm/Select/styles.js CHANGED
@@ -2,10 +2,10 @@ export var getColors = function getColors(palette, status, disabled) {
2
2
  var colors = {
3
3
  "default": {
4
4
  color: palette.foreground,
5
- bgColor: palette.accents_2,
6
- borderColor: palette.accents_3,
7
- hoverBgColor: palette.accents_2,
8
- hoverBorder: palette.accents_5
5
+ bgColor: palette.accents_1,
6
+ borderColor: palette.accents_2,
7
+ hoverBgColor: palette.accents_1,
8
+ hoverBorder: palette.accents_4
9
9
  },
10
10
  primary: {
11
11
  color: palette.primaryDark,
@@ -51,11 +51,11 @@ export var getColors = function getColors(palette, status, disabled) {
51
51
  }
52
52
  };
53
53
  if (disabled) return {
54
- color: palette.accents_5,
55
- bgColor: palette.accents_3,
56
- borderColor: palette.accents_4,
57
- hoverBgColor: palette.accents_3,
58
- hoverBorder: palette.accents_4
54
+ color: palette.accents_6,
55
+ bgColor: palette.accents_2,
56
+ borderColor: palette.accents_3,
57
+ hoverBgColor: palette.accents_2,
58
+ hoverBorder: palette.accents_3
59
59
  };
60
60
  if (!status) return colors["default"];
61
61
  return colors[status];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bolio-ui/core",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
5
5
  "keywords": [
6
6
  "bolio",