@festo-ui/react 7.3.0-dev.528 → 7.3.0-dev.531

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.
@@ -17,7 +17,7 @@ function ColorIndicator(_ref) {
17
17
  const classes = classNames('fwe-color-indicator', className, disabled);
18
18
  const [isEditorOpen, setEditorOpen] = useState(false);
19
19
  function getBorderColor() {
20
- if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F2F3F5') {
20
+ if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F0F2F3') {
21
21
  return '#b6bec6'; // = $control-border
22
22
  }
23
23
 
@@ -56,14 +56,14 @@ function ColorIndicator(_ref) {
56
56
  width: "2",
57
57
  height: "2",
58
58
  stroke: "none",
59
- fill: "#e5e8eb"
59
+ fill: "#e2e5e8"
60
60
  }), /*#__PURE__*/_jsx("rect", {
61
61
  x: "0",
62
62
  y: "2",
63
63
  width: "2",
64
64
  height: "2",
65
65
  stroke: "none",
66
- fill: "#e5e8eb"
66
+ fill: "#e2e5e8"
67
67
  }), /*#__PURE__*/_jsx("rect", {
68
68
  x: "2",
69
69
  y: "2",
@@ -10,7 +10,7 @@ import IconCollapse from "../../components/icons/collapse.js";
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
11
  import { jsxs as _jsxs } from "react/jsx-runtime";
12
12
  import { Fragment as _Fragment } from "react/jsx-runtime";
13
- export const PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f2f3f5', '#e5e8eb', '#d8dce1', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
13
+ export const PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f0f2f3', '#e2e5e8', '#d3d8dd', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
14
14
  function ColorPicker(_ref) {
15
15
  let {
16
16
  palette = PREDEFINED_COLORS,
@@ -308,14 +308,14 @@ function ColorPicker(_ref) {
308
308
  width: "2",
309
309
  height: "2",
310
310
  stroke: "none",
311
- fill: "#e5e8eb"
311
+ fill: "#e2e5e8"
312
312
  }), /*#__PURE__*/_jsx("rect", {
313
313
  x: "0",
314
314
  y: "2",
315
315
  width: "2",
316
316
  height: "2",
317
317
  stroke: "none",
318
- fill: "#e5e8eb"
318
+ fill: "#e2e5e8"
319
319
  }), /*#__PURE__*/_jsx("rect", {
320
320
  x: "2",
321
321
  y: "2",
@@ -484,14 +484,14 @@ function ColorPicker(_ref) {
484
484
  width: "2",
485
485
  height: "2",
486
486
  stroke: "none",
487
- fill: "#e5e8eb"
487
+ fill: "#e2e5e8"
488
488
  }), /*#__PURE__*/_jsx("rect", {
489
489
  x: "0",
490
490
  y: "2",
491
491
  width: "2",
492
492
  height: "2",
493
493
  stroke: "none",
494
- fill: "#e5e8eb"
494
+ fill: "#e2e5e8"
495
495
  }), /*#__PURE__*/_jsx("rect", {
496
496
  x: "2",
497
497
  y: "2",
@@ -24,7 +24,7 @@ function ColorIndicator(_ref) {
24
24
  const classes = (0, _classnames.default)('fwe-color-indicator', className, disabled);
25
25
  const [isEditorOpen, setEditorOpen] = (0, _react.useState)(false);
26
26
  function getBorderColor() {
27
- if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F2F3F5') {
27
+ if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F0F2F3') {
28
28
  return '#b6bec6'; // = $control-border
29
29
  }
30
30
 
@@ -63,14 +63,14 @@ function ColorIndicator(_ref) {
63
63
  width: "2",
64
64
  height: "2",
65
65
  stroke: "none",
66
- fill: "#e5e8eb"
66
+ fill: "#e2e5e8"
67
67
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
68
68
  x: "0",
69
69
  y: "2",
70
70
  width: "2",
71
71
  height: "2",
72
72
  stroke: "none",
73
- fill: "#e5e8eb"
73
+ fill: "#e2e5e8"
74
74
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
75
75
  x: "2",
76
76
  y: "2",
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
18
18
  /* eslint-disable jsx-a11y/no-static-element-interactions */
19
19
  /* eslint-disable jsx-a11y/click-events-have-key-events */
20
20
 
21
- const PREDEFINED_COLORS = exports.PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f2f3f5', '#e5e8eb', '#d8dce1', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
21
+ const PREDEFINED_COLORS = exports.PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f0f2f3', '#e2e5e8', '#d3d8dd', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
22
22
  function ColorPicker(_ref) {
23
23
  let {
24
24
  palette = PREDEFINED_COLORS,
@@ -316,14 +316,14 @@ function ColorPicker(_ref) {
316
316
  width: "2",
317
317
  height: "2",
318
318
  stroke: "none",
319
- fill: "#e5e8eb"
319
+ fill: "#e2e5e8"
320
320
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
321
321
  x: "0",
322
322
  y: "2",
323
323
  width: "2",
324
324
  height: "2",
325
325
  stroke: "none",
326
- fill: "#e5e8eb"
326
+ fill: "#e2e5e8"
327
327
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
328
328
  x: "2",
329
329
  y: "2",
@@ -492,14 +492,14 @@ function ColorPicker(_ref) {
492
492
  width: "2",
493
493
  height: "2",
494
494
  stroke: "none",
495
- fill: "#e5e8eb"
495
+ fill: "#e2e5e8"
496
496
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
497
497
  x: "0",
498
498
  y: "2",
499
499
  width: "2",
500
500
  height: "2",
501
501
  stroke: "none",
502
- fill: "#e5e8eb"
502
+ fill: "#e2e5e8"
503
503
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
504
504
  x: "2",
505
505
  y: "2",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@festo-ui/react",
3
- "version": "7.3.0-dev.528",
3
+ "version": "7.3.0-dev.531",
4
4
  "author": "Festo UI (styleguide@festo.com)",
5
5
  "license": "apache-2.0",
6
6
  "type": "module",