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

package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
+var _reactIcons = require("@festo-ui/react-icons");
 var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef.js"));
 var _LinkButton = _interopRequireDefault(require("../../../components/link-button/LinkButton.js"));
 var _TimePickerInput = _interopRequireDefault(require("./TimePickerInput.js"));
 var _useOnClickOutside = _interopRequireDefault(require("../../../helper/useOnClickOutside.js"));
-var _collapse = _interopRequireDefault(require("../../../components/icons/collapse.js"));
-var _expand = _interopRequireDefault(require("../../../components/icons/expand.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -37,7 +34,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const [innerDate, setInnerDate] = (0, _react.useState)(date);
   (0, _useOnClickOutside.default)(labelRef, () => onClose(innerDate), innerRef);
   const min = 0;
-  const hourMax = timeFormat === '12' ? 12 : 23;
+  const hourMax = timeFormat === "12" ? 12 : 23;
   const minutesSecondsMax = 59;
   let innerMinuteStepSize = 1;
   if (minuteStepSize) {
@@ -51,8 +48,8 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     });
   }, []);
   function handleKeyPress(e) {
-    if (e.key === 'Escape' || e.key === 'Enter') {
-      onClose(e.key === 'Enter' ? innerDate : undefined);
+    if (e.key === "Escape" || e.key === "Enter") {
+      onClose(e.key === "Enter" ? innerDate : undefined);
     }
   }
   function limitRange(newDate) {
@@ -114,7 +111,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     setInnerDate(newDate);
     setTmpSeconds(newDate.getSeconds().toString());
   }
-  const hours = timeFormat === '12' ? (innerDate.getHours() + 11) % 12 + 1 : innerDate.getHours();
+  const hours = timeFormat === "12" ? (innerDate.getHours() + 11) % 12 + 1 : innerDate.getHours();
   function toggleAmPm() {
     const newDate = new Date(innerDate);
     // Get the current hour in 24-hour format
@@ -129,7 +126,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     setInnerDate(newDate);
     onDateChange(newDate);
   }
-  const formatNumberWithLeadingZero = number => (number < 10 ? '0' : '') + number;
+  const formatNumberWithLeadingZero = number => (number < 10 ? "0" : "") + number;
   return (
     /*#__PURE__*/
     // should not be an issue with dialog
@@ -138,8 +135,8 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       role: "dialog",
       style: style,
       ref: combinedRef,
-      className: (0, _classnames.default)('fr-timepicker fwe-timepicker', {
-        'fwe-timepicker-am-pm': timeFormat === '12'
+      className: (0, _classnames.default)("fr-timepicker fwe-timepicker", {
+        "fwe-timepicker-am-pm": timeFormat === "12"
       }),
       onKeyDown: e => handleKeyPress(e),
       tabIndex: -1,
@@ -152,7 +149,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleHourIncrement(1),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expand.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconExpand, {})
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerInput.default, {
             "aria-label": "hours value",
             min: min,
@@ -165,7 +162,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleHourIncrement(-1),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCollapse, {})
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "fwe-timepicker-spinners-minutes",
@@ -174,7 +171,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleMinuteIncrement(innerMinuteStepSize),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expand.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconExpand, {})
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerInput.default, {
             "aria-label": "minutes value",
             min: min,
@@ -186,7 +183,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleMinuteIncrement(-innerMinuteStepSize),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCollapse, {})
           })]
         }), showSeconds && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "fwe-timepicker-spinners-seconds",
@@ -195,7 +192,7 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleSecondIncrement(1),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expand.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconExpand, {})
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerInput.default, {
             "aria-label": "seconds value",
             min: min,
@@ -207,14 +204,14 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             className: "fwe-dark",
             onClick: () => handleSecondIncrement(-1),
             iconOnly: true,
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.default, {})
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCollapse, {})
           })]
         })]
-      }), timeFormat === '12' && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      }), timeFormat === "12" && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         onClick: toggleAmPm,
         type: "button",
         className: "fwe-btn fwe-ml-m",
-        children: innerDate.getHours() >= 12 ? 'PM' : 'AM'
+        children: innerDate.getHours() >= 12 ? "PM" : "AM"
       })]
     })
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "8.1.0",
+  "version": "8.2.0-dev.576",
   "author": "Festo UI (styleguide@festo.com)",
   "copyright": "Copyright (c) 2025 Festo SE & Co. KG. All rights reserved.",
   "license": "apache-2.0",
@@ -28,6 +28,7 @@
   "main": "./node/index.js",
   "types": "./index.d.ts",
   "dependencies": {
+    "@festo-ui/react-icons": "*",
     "@popperjs/core": "^2.11.0",
     "classnames": "^2.2.6",
     "flatpickr": "^4.6.9",

package/lib/components/icons/check-small.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconCheckSmall({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/check-small.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconCheckSmall(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "check-small",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h16v16H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M6.141 12.814 1.934 8.607l1.414-1.414 2.793 2.793 6.793-6.793 1.414 1.414z",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "check-small",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        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",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsx("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "check-small",
-      children: /*#__PURE__*/_jsxs("g", {
-        "data-name": "content",
-        children: [/*#__PURE__*/_jsx("path", {
-          fill: "none",
-          d: "M0 0h32v32H0z"
-        }), /*#__PURE__*/_jsx("path", {
-          fill: festoColor ? '#0091dc' : 'currentColor',
-          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"
-        })]
-      })
-    });
-  }
-  return null;
-}

package/lib/components/icons/close-small.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconCloseSmall({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/close-small.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconCloseSmall(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "content",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "close-small",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h16v16H0z",
-        "data-name": "abb55ae8-ca55-470c-87c3-4b06738b4360"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        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",
-        "data-name": "b64b1ed2-b831-435c-9cee-b9964260209d"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "content",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "close-small",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        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"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "content",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "close-small",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h32v32H0z"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        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"
-      })]
-    });
-  }
-  return null;
-}

package/lib/components/icons/collapse.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconCollapse({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/collapse.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconCollapse(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "collapse",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h16v16H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M8 10.707 3.646 6.354l.708-.708L8 9.293l3.646-3.647.708.708z",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "collapse",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M5.636 9.172 12 15.536l6.364-6.364-.707-.708L12 14.121 6.343 8.464z",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "collapse",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h32v32H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "m16 22-8.707-8.707 1.414-1.414L16 19.172l7.293-7.293 1.414 1.414z",
-        "data-name": "content"
-      })]
-    });
-  }
-  return null;
-}

package/lib/components/icons/expand.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconExpand({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/expand.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconExpand(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "expand",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h16v16H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M11.646 10.354 8 6.707l-3.646 3.647-.708-.708L8 5.293l4.354 4.353z",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "expand",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M18.364 14.828 12 8.464l-6.364 6.364.707.708L12 9.879l5.657 5.657z",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "expand",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h32v32H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M23.293 21.354 16 14.061l-7.293 7.293-1.414-1.415L16 11.232l8.707 8.707z",
-        "data-name": "content"
-      })]
-    });
-  }
-  return null;
-}

package/lib/components/icons/right-2.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconRight2({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/right-2.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconRight2(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "white background",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "right-2",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 16V0h16v16z"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "m10.707 8-4.353 4.354-.708-.708L9.293 8 5.646 4.354l.708-.708z"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "white background",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "right-2",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 24V0h24v24z"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "M9.172 18.364 15.536 12 9.172 5.636l-.708.707L14.121 12l-5.657 5.657z"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      "data-name": "white background",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "right-2",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 32V0h32v32z"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#0091dc' : 'currentColor',
-        d: "m22 16-8.707 8.707-1.414-1.414L19.172 16l-7.293-7.293 1.414-1.414z"
-      })]
-    });
-  }
-  return null;
-}

package/lib/components/icons/warning.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement, SVGProps } from 'react';
-export default function IconWarning({ className, svgProps, festoColor, size, }: {
-    className?: string;
-    svgProps?: SVGProps<SVGSVGElement>;
-    festoColor?: boolean;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
-}): ReactElement<any, any> | null;

package/lib/components/icons/warning.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function IconWarning(_ref) {
-  let {
-    className,
-    svgProps,
-    festoColor,
-    size = 16
-  } = _ref;
-  if (size < 24) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 16 16",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "warning",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h16v16H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#ff9600' : 'currentColor',
-        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",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size < 32 || size === 48) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "warning",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#ff9600' : 'currentColor',
-        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",
-        "data-name": "content"
-      })]
-    });
-  }
-  if (size >= 32) {
-    return /*#__PURE__*/_jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 32 32",
-      width: size,
-      height: size,
-      ...svgProps,
-      className: `fwe-svg-icon${className ? ` ${className}` : ''}`,
-      "aria-label": "warning",
-      children: [/*#__PURE__*/_jsx("path", {
-        fill: "none",
-        d: "M0 0h32v32H0z",
-        "data-name": "white background"
-      }), /*#__PURE__*/_jsx("path", {
-        fill: festoColor ? '#ff9600' : 'currentColor',
-        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",
-        "data-name": "content"
-      })]
-    });
-  }
-  return null;
-}