@festo-ui/react 8.1.0 → 8.2.0-dev.575

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 (42) hide show
  1. package/lib/components/card/CardNotification.d.ts +2 -2
  2. package/lib/components/card/CardNotification.js +3 -3
  3. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +2 -2
  4. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +7 -7
  5. package/lib/forms/color-picker/ColorPicker.d.ts +2 -2
  6. package/lib/forms/color-picker/ColorPicker.js +38 -38
  7. package/lib/forms/date-picker/DatePicker.d.ts +2 -2
  8. package/lib/forms/date-picker/DatePicker.js +14 -13
  9. package/lib/forms/date-range-picker/DateRangePicker.d.ts +2 -2
  10. package/lib/forms/date-range-picker/DateRangePicker.js +17 -16
  11. package/lib/forms/select/internal/SelectButtonContent.js +2 -1
  12. package/lib/forms/time-picker/TimePicker.d.ts +4 -3
  13. package/lib/forms/time-picker/TimePicker.js +19 -18
  14. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +4 -3
  15. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +12 -13
  16. package/node/lib/components/card/CardNotification.js +3 -3
  17. package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +6 -6
  18. package/node/lib/forms/color-picker/ColorPicker.js +40 -43
  19. package/node/lib/forms/date-picker/DatePicker.js +11 -10
  20. package/node/lib/forms/date-range-picker/DateRangePicker.js +13 -12
  21. package/node/lib/forms/select/internal/SelectButtonContent.js +2 -3
  22. package/node/lib/forms/time-picker/TimePicker.js +16 -17
  23. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +17 -20
  24. package/package.json +2 -1
  25. package/lib/components/icons/check-small.d.ts +0 -7
  26. package/lib/components/icons/check-small.js +0 -71
  27. package/lib/components/icons/close-small.d.ts +0 -7
  28. package/lib/components/icons/close-small.js +0 -69
  29. package/lib/components/icons/collapse.d.ts +0 -7
  30. package/lib/components/icons/collapse.js +0 -70
  31. package/lib/components/icons/expand.d.ts +0 -7
  32. package/lib/components/icons/expand.js +0 -70
  33. package/lib/components/icons/right-2.d.ts +0 -7
  34. package/lib/components/icons/right-2.js +0 -67
  35. package/lib/components/icons/warning.d.ts +0 -7
  36. package/lib/components/icons/warning.js +0 -70
  37. package/node/lib/components/icons/check-small.js +0 -77
  38. package/node/lib/components/icons/close-small.js +0 -75
  39. package/node/lib/components/icons/collapse.js +0 -76
  40. package/node/lib/components/icons/expand.js +0 -76
  41. package/node/lib/components/icons/right-2.js +0 -73
  42. package/node/lib/components/icons/warning.js +0 -76
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconCheckSmall;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconCheckSmall(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- viewBox: "0 0 16 16",
19
- width: size,
20
- height: size,
21
- ...svgProps,
22
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
23
- "aria-label": "check-small",
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
25
- fill: "none",
26
- d: "M0 0h16v16H0z",
27
- "data-name": "white background"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
29
- fill: festoColor ? '#0091dc' : 'currentColor',
30
- d: "M6.141 12.814 1.934 8.607l1.414-1.414 2.793 2.793 6.793-6.793 1.414 1.414z",
31
- "data-name": "content"
32
- })]
33
- });
34
- }
35
- if (size < 32 || size === 48) {
36
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
37
- xmlns: "http://www.w3.org/2000/svg",
38
- viewBox: "0 0 24 24",
39
- width: size,
40
- height: size,
41
- ...svgProps,
42
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
43
- "aria-label": "check-small",
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
- fill: "none",
46
- d: "M0 0h24v24H0z",
47
- "data-name": "white background"
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
49
- fill: festoColor ? '#0091dc' : 'currentColor',
50
- d: "m10.141 16.814-4.207-4.207 1.414-1.414 2.793 2.793 6.793-6.793 1.414 1.414z",
51
- "data-name": "content"
52
- })]
53
- });
54
- }
55
- if (size >= 32) {
56
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
57
- xmlns: "http://www.w3.org/2000/svg",
58
- viewBox: "0 0 32 32",
59
- width: size,
60
- height: size,
61
- ...svgProps,
62
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
63
- "aria-label": "check-small",
64
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
65
- "data-name": "content",
66
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
67
- fill: "none",
68
- d: "M0 0h32v32H0z"
69
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
70
- fill: festoColor ? '#0091dc' : 'currentColor',
71
- d: "m13.172 22.485-5.657-5.657 1.414-1.414 4.243 4.243 9.899-9.9 1.414 1.415z"
72
- })]
73
- })
74
- });
75
- }
76
- return null;
77
- }
@@ -1,75 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconCloseSmall;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconCloseSmall(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- "data-name": "content",
19
- viewBox: "0 0 16 16",
20
- width: size,
21
- height: size,
22
- ...svgProps,
23
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
24
- "aria-label": "close-small",
25
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
26
- fill: "none",
27
- d: "M0 0h16v16H0z",
28
- "data-name": "abb55ae8-ca55-470c-87c3-4b06738b4360"
29
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
30
- fill: festoColor ? '#0091dc' : 'currentColor',
31
- d: "M10.24 5.05 8 7.3 5.75 5.05l-.7.71L7.29 8l-2.24 2.25.7.7L8 8.71l2.24 2.24.71-.7L8.7 8l2.25-2.24z",
32
- "data-name": "b64b1ed2-b831-435c-9cee-b9964260209d"
33
- })]
34
- });
35
- }
36
- if (size < 32 || size === 48) {
37
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
38
- xmlns: "http://www.w3.org/2000/svg",
39
- "data-name": "content",
40
- viewBox: "0 0 24 24",
41
- width: size,
42
- height: size,
43
- ...svgProps,
44
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
45
- "aria-label": "close-small",
46
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
47
- fill: "none",
48
- d: "M0 0h24v24H0z"
49
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
50
- fill: festoColor ? '#0091dc' : 'currentColor',
51
- d: "M16.95 8.464 15.536 7.05 12 10.586 8.464 7.05 7.05 8.464 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414L13.414 12z"
52
- })]
53
- });
54
- }
55
- if (size >= 32) {
56
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
57
- xmlns: "http://www.w3.org/2000/svg",
58
- "data-name": "content",
59
- viewBox: "0 0 32 32",
60
- width: size,
61
- height: size,
62
- ...svgProps,
63
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
64
- "aria-label": "close-small",
65
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
66
- fill: "none",
67
- d: "M0 0h32v32H0z"
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
69
- fill: festoColor ? '#0091dc' : 'currentColor',
70
- d: "M21.48 9.1 16 14.59 10.51 9.1 9.1 10.52 14.58 16 9.1 21.49l1.41 1.41L16 17.42l5.48 5.48 1.42-1.41L17.41 16l5.49-5.48z"
71
- })]
72
- });
73
- }
74
- return null;
75
- }
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconCollapse;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconCollapse(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- viewBox: "0 0 16 16",
19
- width: size,
20
- height: size,
21
- ...svgProps,
22
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
23
- "aria-label": "collapse",
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
25
- fill: "none",
26
- d: "M0 0h16v16H0z",
27
- "data-name": "white background"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
29
- fill: festoColor ? '#0091dc' : 'currentColor',
30
- d: "M8 10.707 3.646 6.354l.708-.708L8 9.293l3.646-3.647.708.708z",
31
- "data-name": "content"
32
- })]
33
- });
34
- }
35
- if (size < 32 || size === 48) {
36
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
37
- xmlns: "http://www.w3.org/2000/svg",
38
- viewBox: "0 0 24 24",
39
- width: size,
40
- height: size,
41
- ...svgProps,
42
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
43
- "aria-label": "collapse",
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
- fill: "none",
46
- d: "M0 0h24v24H0z",
47
- "data-name": "white background"
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
49
- fill: festoColor ? '#0091dc' : 'currentColor',
50
- d: "M5.636 9.172 12 15.536l6.364-6.364-.707-.708L12 14.121 6.343 8.464z",
51
- "data-name": "content"
52
- })]
53
- });
54
- }
55
- if (size >= 32) {
56
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
57
- xmlns: "http://www.w3.org/2000/svg",
58
- viewBox: "0 0 32 32",
59
- width: size,
60
- height: size,
61
- ...svgProps,
62
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
63
- "aria-label": "collapse",
64
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
65
- fill: "none",
66
- d: "M0 0h32v32H0z",
67
- "data-name": "white background"
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
69
- fill: festoColor ? '#0091dc' : 'currentColor',
70
- d: "m16 22-8.707-8.707 1.414-1.414L16 19.172l7.293-7.293 1.414 1.414z",
71
- "data-name": "content"
72
- })]
73
- });
74
- }
75
- return null;
76
- }
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconExpand;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconExpand(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- viewBox: "0 0 16 16",
19
- width: size,
20
- height: size,
21
- ...svgProps,
22
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
23
- "aria-label": "expand",
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
25
- fill: "none",
26
- d: "M0 0h16v16H0z",
27
- "data-name": "white background"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
29
- fill: festoColor ? '#0091dc' : 'currentColor',
30
- d: "M11.646 10.354 8 6.707l-3.646 3.647-.708-.708L8 5.293l4.354 4.353z",
31
- "data-name": "content"
32
- })]
33
- });
34
- }
35
- if (size < 32 || size === 48) {
36
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
37
- xmlns: "http://www.w3.org/2000/svg",
38
- viewBox: "0 0 24 24",
39
- width: size,
40
- height: size,
41
- ...svgProps,
42
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
43
- "aria-label": "expand",
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
- fill: "none",
46
- d: "M0 0h24v24H0z",
47
- "data-name": "white background"
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
49
- fill: festoColor ? '#0091dc' : 'currentColor',
50
- d: "M18.364 14.828 12 8.464l-6.364 6.364.707.708L12 9.879l5.657 5.657z",
51
- "data-name": "content"
52
- })]
53
- });
54
- }
55
- if (size >= 32) {
56
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
57
- xmlns: "http://www.w3.org/2000/svg",
58
- viewBox: "0 0 32 32",
59
- width: size,
60
- height: size,
61
- ...svgProps,
62
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
63
- "aria-label": "expand",
64
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
65
- fill: "none",
66
- d: "M0 0h32v32H0z",
67
- "data-name": "white background"
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
69
- fill: festoColor ? '#0091dc' : 'currentColor',
70
- d: "M23.293 21.354 16 14.061l-7.293 7.293-1.414-1.415L16 11.232l8.707 8.707z",
71
- "data-name": "content"
72
- })]
73
- });
74
- }
75
- return null;
76
- }
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconRight2;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconRight2(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- "data-name": "white background",
19
- viewBox: "0 0 16 16",
20
- width: size,
21
- height: size,
22
- ...svgProps,
23
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
24
- "aria-label": "right-2",
25
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
26
- fill: "none",
27
- d: "M0 16V0h16v16z"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
29
- fill: festoColor ? '#0091dc' : 'currentColor',
30
- d: "m10.707 8-4.353 4.354-.708-.708L9.293 8 5.646 4.354l.708-.708z"
31
- })]
32
- });
33
- }
34
- if (size < 32 || size === 48) {
35
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
36
- xmlns: "http://www.w3.org/2000/svg",
37
- "data-name": "white background",
38
- viewBox: "0 0 24 24",
39
- width: size,
40
- height: size,
41
- ...svgProps,
42
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
43
- "aria-label": "right-2",
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
- fill: "none",
46
- d: "M0 24V0h24v24z"
47
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
48
- fill: festoColor ? '#0091dc' : 'currentColor',
49
- d: "M9.172 18.364 15.536 12 9.172 5.636l-.708.707L14.121 12l-5.657 5.657z"
50
- })]
51
- });
52
- }
53
- if (size >= 32) {
54
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
55
- xmlns: "http://www.w3.org/2000/svg",
56
- "data-name": "white background",
57
- viewBox: "0 0 32 32",
58
- width: size,
59
- height: size,
60
- ...svgProps,
61
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
62
- "aria-label": "right-2",
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
64
- fill: "none",
65
- d: "M0 32V0h32v32z"
66
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
67
- fill: festoColor ? '#0091dc' : 'currentColor',
68
- d: "m22 16-8.707 8.707-1.414-1.414L19.172 16l-7.293-7.293 1.414-1.414z"
69
- })]
70
- });
71
- }
72
- return null;
73
- }
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconWarning;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconWarning(_ref) {
9
- let {
10
- className,
11
- svgProps,
12
- festoColor,
13
- size = 16
14
- } = _ref;
15
- if (size < 24) {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- viewBox: "0 0 16 16",
19
- width: size,
20
- height: size,
21
- ...svgProps,
22
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
23
- "aria-label": "warning",
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
25
- fill: "none",
26
- d: "M0 0h16v16H0z",
27
- "data-name": "white background"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
29
- fill: festoColor ? '#ff9600' : 'currentColor',
30
- d: "M15.216 13.53 8.882 1.653a1 1 0 0 0-1.764 0L.784 13.53A1 1 0 0 0 1.667 15h12.666a1 1 0 0 0 .883-1.47M9 13H7v-2h2Zm0-3H7V5h2Z",
31
- "data-name": "content"
32
- })]
33
- });
34
- }
35
- if (size < 32 || size === 48) {
36
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
37
- xmlns: "http://www.w3.org/2000/svg",
38
- viewBox: "0 0 24 24",
39
- width: size,
40
- height: size,
41
- ...svgProps,
42
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
43
- "aria-label": "warning",
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
- fill: "none",
46
- d: "M0 0h24v24H0z",
47
- "data-name": "white background"
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
49
- fill: festoColor ? '#ff9600' : 'currentColor',
50
- d: "M22.4 19.86 13.273 2.743a1.441 1.441 0 0 0-2.544 0L1.6 19.86a1.44 1.44 0 0 0 1.272 2.12H21.13a1.44 1.44 0 0 0 1.272-2.12M11 7h2v8h-2Zm2.005 11.965h-2.01v-2.01h2.01Z",
51
- "data-name": "content"
52
- })]
53
- });
54
- }
55
- if (size >= 32) {
56
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
57
- xmlns: "http://www.w3.org/2000/svg",
58
- viewBox: "0 0 32 32",
59
- width: size,
60
- height: size,
61
- ...svgProps,
62
- className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
63
- "aria-label": "warning",
64
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
65
- fill: "none",
66
- d: "M0 0h32v32H0z",
67
- "data-name": "white background"
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
69
- fill: festoColor ? '#ff9600' : 'currentColor',
70
- d: "M30.431 26.059 17.765 2.309a2 2 0 0 0-3.53 0L1.57 26.059A2 2 0 0 0 3.333 29h25.334a2 2 0 0 0 1.764-2.941M17 25h-2v-2h2Zm0-5h-2V10h2Z",
71
- "data-name": "content"
72
- })]
73
- });
74
- }
75
- return null;
76
- }