@orfium/ictinus 4.38.2 → 4.41.0

package/dist/components/Icon/assets/iconSelector.js

@@ -1974,53 +1974,61 @@ TrainingIcon.defaultProps = {
 
 var TriangleDownIcon = function TriangleDownIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M1.414 0h5.171a1 1 0 0 1 .707 1.707L4.707 4.293a1 1 0 0 1-1.414 0L.707 1.707A1 1 0 0 1 1.414 0z",
-    fill: "#121212",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.853.854A.5.5 0 0 1 1.207 0h9.586a.5.5 0 0 1 .354.854L6.353 5.647a.5.5 0 0 1-.708 0L.853.854z",
+    fill: "#0E0E17"
   }));
 };
 
 TriangleDownIcon.defaultProps = {
-  viewBox: "0 0 8 5",
+  viewBox: "0 0 12 6",
+  fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 
 var TriangleLeftIcon = function TriangleLeftIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M5.5 1.914v5.172a1 1 0 0 1-1.707.707L1.207 5.207a1 1 0 0 1 0-1.414l2.586-2.586a1 1 0 0 1 1.707.707z",
-    fill: "#121212",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.146.854A.5.5 0 0 1 6 1.207v9.586a.5.5 0 0 1-.854.353L.354 6.354a.5.5 0 0 1 0-.708L5.146.854z",
+    fill: "#0E0E17"
   }));
 };
 
 TriangleLeftIcon.defaultProps = {
-  viewBox: "0 0 6 9",
+  viewBox: "0 0 6 12",
+  fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 
 var TriangleRightIcon = function TriangleRightIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M.5 7.086V1.914a1 1 0 0 1 1.707-.707l2.586 2.586a1 1 0 0 1 0 1.414L2.207 7.793A1 1 0 0 1 .5 7.086z",
-    fill: "#121212",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.854 11.146A.5.5 0 0 1 0 10.793V1.207A.5.5 0 0 1 .854.854l4.792 4.792a.5.5 0 0 1 0 .708L.854 11.146z",
+    fill: "#0E0E17"
   }));
 };
 
 TriangleRightIcon.defaultProps = {
-  viewBox: "0 0 6 9",
+  viewBox: "0 0 6 12",
+  fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 
 var TriangleUpIcon = function TriangleUpIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M6.586 5H1.414a1 1 0 0 1-.707-1.707L3.293.707a1 1 0 0 1 1.414 0l2.586 2.586A1 1 0 0 1 6.586 5z",
-    fill: "#121212",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.146 5.146a.5.5 0 0 1-.353.854H1.207a.5.5 0 0 1-.353-.854L5.646.354a.5.5 0 0 1 .708 0l4.792 4.792z",
+    fill: "#0E0E17"
   }));
 };
 
 TriangleUpIcon.defaultProps = {
-  viewBox: "0 0 8 5",
+  viewBox: "0 0 12 6",
+  fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 

package/dist/components/Select/Select.d.ts

@@ -36,6 +36,8 @@ export declare type Props = {
     isLoading?: boolean;
     /** if options list is virtualized */
     isVirtualized?: boolean;
+    /** A callback that's called when the user clicks the 'clear' icon */
+    onClear?: () => void;
 } & TextFieldProps;
 declare const Select: React.ForwardRefExoticComponent<{
     /** The function that is used to return the selected options */
@@ -65,6 +67,8 @@ declare const Select: React.ForwardRefExoticComponent<{
     isLoading?: boolean | undefined;
     /** if options list is virtualized */
     isVirtualized?: boolean | undefined;
+    /** A callback that's called when the user clicks the 'clear' icon */
+    onClear?: (() => void) | undefined;
 } & {
     id?: string | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;

package/dist/components/Select/Select.js

@@ -29,7 +29,7 @@ var _Loader = _interopRequireDefault(require("../Loader"));
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId"];
+var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId", "onClear"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -78,6 +78,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       locked = _ref.locked,
       dataTestId = _ref.dataTestId,
+      onClear = _ref.onClear,
       restInputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var theme = (0, _useTheme["default"])();
@@ -175,8 +176,12 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       setSearchValue('');
       setInputValue(emptyValue);
       asyncSearch('');
+
+      if (onClear) {
+        onClear();
+      }
     }
-  }, [asyncSearch, inputValue.value, isSearchable, open, searchValue]);
+  }, [asyncSearch, inputValue.value, isSearchable, onClear, open, searchValue]);
 
   var rightIconRender = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)("div", {

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TestProps } from '../../utils/types';
+interface Props {
+    label?: string;
+    labelPlacement?: 'left' | 'right';
+    checked: boolean;
+    onChange: (checked?: boolean, event?: React.SyntheticEvent<MouseEvent | KeyboardEvent> | MouseEvent) => void;
+    disabled?: boolean;
+}
+declare const Switch: React.FC<Props & TestProps>;
+export default Switch;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _polished = require("polished");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactSwitch = _interopRequireDefault(require("react-switch"));
+
+var _index = require("../../index");
+
+var _Switch = require("./Switch.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Switch = function Switch(_ref) {
+  var _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      label = _ref.label,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      _ref$labelPlacement = _ref.labelPlacement,
+      labelPlacement = _ref$labelPlacement === void 0 ? 'left' : _ref$labelPlacement,
+      _ref$dataTestId = _ref.dataTestId,
+      dataTestId = _ref$dataTestId === void 0 ? 'switch' : _ref$dataTestId;
+  var theme = (0, _index.useTheme)();
+
+  var addLabel = function addLabel(component) {
+    if (!label) {
+      return component;
+    }
+
+    return (0, _react2.jsx)("label", null, (0, _react2.jsx)(_Switch.Container, null, labelPlacement === 'left' ? (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Switch.Label, {
+      "data-testid": dataTestId + "_label"
+    }, label), component) : (0, _react2.jsx)(_react["default"].Fragment, null, component, (0, _react2.jsx)(_Switch.Label, null, label))));
+  };
+
+  return addLabel((0, _react2.jsx)(_Switch.SwitchWrapper, {
+    checked: checked,
+    disabled: disabled
+  }, (0, _react2.jsx)(_reactSwitch["default"], {
+    "data-testid": dataTestId,
+    checked: checked,
+    onChange: onChange,
+    offHandleColor: theme.utils.getColor('lightGrey', 50),
+    offColor: theme.utils.getColor('lightGrey', 150),
+    onHandleColor: theme.utils.getColor('blue', 500),
+    onColor: theme.utils.getColor('blue', 150),
+    handleDiameter: 20,
+    uncheckedIcon: false,
+    checkedIcon: false,
+    height: 8,
+    width: 36,
+    activeBoxShadow: (0, _polished.rgba)(14, 14, 23, 0.1) + " 0 0 2px 3px",
+    disabled: disabled
+  })));
+};
+
+Switch.displayName = 'Switch';
+var _default = Switch;
+exports["default"] = _default;

package/dist/components/Switch/Switch.style.d.ts

@@ -0,0 +1,15 @@
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    checked: boolean;
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/Switch/Switch.style.js

@@ -0,0 +1,72 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Label = exports.SwitchWrapper = exports.Container = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _polished = require("polished");
+
+var _functions = require("../../theme/functions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Container = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ee2lvot2"
+} : {
+  target: "ee2lvot2",
+  label: "Container"
+})(_functions.flexCenterVertical, ";flex-direction:row;justify-content:space-between;gap:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.spacing.sm;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSwgcmdiYSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgZmxleCwgZmxleENlbnRlclZlcnRpY2FsIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7ZmxleENlbnRlclZlcnRpY2FsfTtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjaGVja2VkOiBib29sZWFuOyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgJHtmbGV4fTtcblxuICAucmVhY3Qtc3dpdGNoLWhhbmRsZSB7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAndW5zZXQnKX0gIWltcG9ydGFudDtcbiAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGNoZWNrZWQgfSkgPT5cbiAgICAgICFjaGVja2VkID8gYDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzMDApfWAgOiAwfSAhaW1wb3J0YW50O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3ggIWltcG9ydGFudDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBjaGVja2VkIH0pID0+IChjaGVja2VkID8gcmVtKDE2KSA6IDApfSkgIWltcG9ydGFudDtcblxuICAgIDpob3ZlciB7XG4gICAgICBib3gtc2hhZG93OiAkeyh7IGRpc2FibGVkIH0pID0+ICghZGlzYWJsZWQgPyBgJHtyZ2JhKDE0LCAxNCwgMjMsIDAuMSl9IDAgMCAwIDVweGAgOiAwKX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBjaGVja2VkLCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICAhY2hlY2tlZCAmJiAhZGlzYWJsZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSA6IHVuZGVmaW5lZH0gIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICAucmVhY3Qtc3dpdGNoLWJnIHtcbiAgICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICd1bnNldCcpfSAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1yaWdodDogMCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1sZWZ0OiAwICFpbXBvcnRhbnQ7XG4gIH1cblxuICAucmVhY3Qtc3dpdGNoLWJnOmhvdmVyIH4gLnJlYWN0LXN3aXRjaC1oYW5kbGUge1xuICAgIGJveC1zaGFkb3c6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKCFkaXNhYmxlZCA/IGAke3JnYmEoMTQsIDE0LCAyMywgMC4xKX0gMCAwIDAgNXB4YCA6IDApfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBjaGVja2VkLCBkaXNhYmxlZCB9KSA9PlxuICAgICAgIWNoZWNrZWQgJiYgIWRpc2FibGVkID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCkgOiB1bmRlZmluZWR9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbMTRdfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG5gO1xuIl19 */"));
+exports.Container = Container;
+var SwitchWrapper = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ee2lvot1"
+} : {
+  target: "ee2lvot1",
+  label: "SwitchWrapper"
+})(_functions.flex, ";.react-switch-handle{cursor:", function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled ? 'not-allowed' : 'unset';
+}, "!important;border:", function (_ref3) {
+  var theme = _ref3.theme,
+      checked = _ref3.checked;
+  return !checked ? "2px solid " + theme.utils.getColor('lightGrey', 300) : 0;
+}, "!important;box-sizing:border-box!important;transform:translateX(", function (_ref4) {
+  var checked = _ref4.checked;
+  return checked ? (0, _polished.rem)(16) : 0;
+}, ")!important;:hover{box-shadow:", function (_ref5) {
+  var disabled = _ref5.disabled;
+  return !disabled ? (0, _polished.rgba)(14, 14, 23, 0.1) + " 0 0 0 5px" : 0;
+}, ";background:", function (_ref6) {
+  var theme = _ref6.theme,
+      checked = _ref6.checked,
+      disabled = _ref6.disabled;
+  return !checked && !disabled ? theme.utils.getColor('lightGrey', 150) : undefined;
+}, "!important;}}.react-switch-bg{cursor:", function (_ref7) {
+  var disabled = _ref7.disabled;
+  return disabled ? 'not-allowed' : 'unset';
+}, "!important;margin-right:0!important;margin-left:0!important;}.react-switch-bg:hover~.react-switch-handle{box-shadow:", function (_ref8) {
+  var disabled = _ref8.disabled;
+  return !disabled ? (0, _polished.rgba)(14, 14, 23, 0.1) + " 0 0 0 5px" : 0;
+}, ";background:", function (_ref9) {
+  var theme = _ref9.theme,
+      checked = _ref9.checked,
+      disabled = _ref9.disabled;
+  return !checked && !disabled ? theme.utils.getColor('lightGrey', 150) : undefined;
+}, "!important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlnRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSwgcmdiYSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgZmxleCwgZmxleENlbnRlclZlcnRpY2FsIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7ZmxleENlbnRlclZlcnRpY2FsfTtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjaGVja2VkOiBib29sZWFuOyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgJHtmbGV4fTtcblxuICAucmVhY3Qtc3dpdGNoLWhhbmRsZSB7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAndW5zZXQnKX0gIWltcG9ydGFudDtcbiAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGNoZWNrZWQgfSkgPT5cbiAgICAgICFjaGVja2VkID8gYDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzMDApfWAgOiAwfSAhaW1wb3J0YW50O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3ggIWltcG9ydGFudDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBjaGVja2VkIH0pID0+IChjaGVja2VkID8gcmVtKDE2KSA6IDApfSkgIWltcG9ydGFudDtcblxuICAgIDpob3ZlciB7XG4gICAgICBib3gtc2hhZG93OiAkeyh7IGRpc2FibGVkIH0pID0+ICghZGlzYWJsZWQgPyBgJHtyZ2JhKDE0LCAxNCwgMjMsIDAuMSl9IDAgMCAwIDVweGAgOiAwKX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBjaGVja2VkLCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICAhY2hlY2tlZCAmJiAhZGlzYWJsZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSA6IHVuZGVmaW5lZH0gIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICAucmVhY3Qtc3dpdGNoLWJnIHtcbiAgICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICd1bnNldCcpfSAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1yaWdodDogMCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1sZWZ0OiAwICFpbXBvcnRhbnQ7XG4gIH1cblxuICAucmVhY3Qtc3dpdGNoLWJnOmhvdmVyIH4gLnJlYWN0LXN3aXRjaC1oYW5kbGUge1xuICAgIGJveC1zaGFkb3c6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKCFkaXNhYmxlZCA/IGAke3JnYmEoMTQsIDE0LCAyMywgMC4xKX0gMCAwIDAgNXB4YCA6IDApfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBjaGVja2VkLCBkaXNhYmxlZCB9KSA9PlxuICAgICAgIWNoZWNrZWQgJiYgIWRpc2FibGVkID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCkgOiB1bmRlZmluZWR9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbMTRdfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG5gO1xuIl19 */"));
+exports.SwitchWrapper = SwitchWrapper;
+var Label = (0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
+  target: "ee2lvot0"
+} : {
+  target: "ee2lvot0",
+  label: "Label"
+})("font-size:", function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.typography.fontSizes[14];
+}, ";color:", function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.utils.getColor('darkGrey', 850);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0sIHJnYmEgfSBmcm9tICdwb2xpc2hlZCc7XG5cbmltcG9ydCB7IGZsZXgsIGZsZXhDZW50ZXJWZXJ0aWNhbCB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAke2ZsZXhDZW50ZXJWZXJ0aWNhbH07XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmcuc219O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2hlY2tlZDogYm9vbGVhbjsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gICR7ZmxleH07XG5cbiAgLnJlYWN0LXN3aXRjaC1oYW5kbGUge1xuICAgIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3Vuc2V0Jyl9ICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyOiAkeyh7IHRoZW1lLCBjaGVja2VkIH0pID0+XG4gICAgICAhY2hlY2tlZCA/IGAycHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzAwKX1gIDogMH0gIWltcG9ydGFudDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94ICFpbXBvcnRhbnQ7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7KHsgY2hlY2tlZCB9KSA9PiAoY2hlY2tlZCA/IHJlbSgxNikgOiAwKX0pICFpbXBvcnRhbnQ7XG5cbiAgICA6aG92ZXIge1xuICAgICAgYm94LXNoYWRvdzogJHsoeyBkaXNhYmxlZCB9KSA9PiAoIWRpc2FibGVkID8gYCR7cmdiYSgxNCwgMTQsIDIzLCAwLjEpfSAwIDAgMCA1cHhgIDogMCl9O1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgY2hlY2tlZCwgZGlzYWJsZWQgfSkgPT5cbiAgICAgICAgIWNoZWNrZWQgJiYgIWRpc2FibGVkID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCkgOiB1bmRlZmluZWR9ICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgLnJlYWN0LXN3aXRjaC1iZyB7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAndW5zZXQnKX0gIWltcG9ydGFudDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tbGVmdDogMCAhaW1wb3J0YW50O1xuICB9XG5cbiAgLnJlYWN0LXN3aXRjaC1iZzpob3ZlciB+IC5yZWFjdC1zd2l0Y2gtaGFuZGxlIHtcbiAgICBib3gtc2hhZG93OiAkeyh7IGRpc2FibGVkIH0pID0+ICghZGlzYWJsZWQgPyBgJHtyZ2JhKDE0LCAxNCwgMjMsIDAuMSl9IDAgMCAwIDVweGAgOiAwKX07XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgY2hlY2tlZCwgZGlzYWJsZWQgfSkgPT5cbiAgICAgICFjaGVja2VkICYmICFkaXNhYmxlZCA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxNTApIDogdW5kZWZpbmVkfSAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuYDtcbiJdfQ== */"));
+exports.Label = Label;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Switch';

package/dist/components/Switch/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Switch = _interopRequireDefault(require("./Switch"));
+
+exports["default"] = _Switch["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export { default as Pagination } from './components/Pagination';
 export { default as Radio } from './components/Radio';
 export { default as RadioGroup } from './components/RadioGroup';
 export { default as Select } from './components/Select';
+export { default as Switch } from './components/Switch';
 export { default as Table } from './components/Table';
 export { default as TextField } from './components/TextField';
 export { default as SearchField } from './components/SearchField';

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Overlay = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.AvatarStack = exports.Avatar = void 0;
+exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Switch = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Overlay = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.AvatarStack = exports.Avatar = void 0;
 
 var _useBreakpoints = _interopRequireWildcard(require("./hooks/useBreakpoints"));
 
@@ -152,6 +152,10 @@ var _Select = _interopRequireDefault(require("./components/Select"));
 
 exports.Select = _Select["default"];
 
+var _Switch = _interopRequireDefault(require("./components/Switch"));
+
+exports.Switch = _Switch["default"];
+
 var _Table = _interopRequireDefault(require("./components/Table"));
 
 exports.Table = _Table["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.38.2",
+  "version": "4.41.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -102,6 +102,7 @@
     "react-fast-compare": "^3.2.0",
     "react-highlight-words": "^0.17.0",
     "react-media": "^2.0.0-rc.1",
+    "react-switch": "^6.0.0",
     "react-window": "^1.8.6",
     "recharts": "^1.8.5",
     "uuid": "^8.3.2"