@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTStepper/components/Step/index.js

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _commonTypes = require("../../../../types/commonTypes");
-var _constants = require("../../constants");
-var _useScreenSize = require("../../../../utils/useScreenSize");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var CompletedIcon = function CompletedIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    clipRule: "evenodd",
-    d: "M10.354 3.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 1 1 .708-.708L5 7.793l4.646-4.647a.5.5 0 0 1 .708 0Z"
-  }));
-};
-CompletedIcon.defaultProps = {
-  width: "12",
-  height: "12",
-  viewBox: "0 0 12 12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const Step = _ref => {
-  let {
-    classes,
-    isActive,
-    isCompleted,
-    size,
-    stage,
-    stepperLabelProps = {}
-  } = _ref;
-  const stageCompleted = isCompleted(stage === null || stage === void 0 ? void 0 : stage.id);
-  const stageActive = isActive(stage === null || stage === void 0 ? void 0 : stage.id);
-  const CustomIcon = stage.Icon;
-  const {
-    isMobileOrTablet
-  } = (0, _useScreenSize.useScreenSize)();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n        ".concat(_stylesModule.default["stepContainer".concat(size)], " ").concat(classes["stepContainer".concat(size)], "\n        ").concat(stageActive ? classes["active".concat(size)] : '', " \n        ").concat(stageCompleted ? classes.completed : '', "\n      ")
-  }, stageCompleted && /*#__PURE__*/_react.default.createElement(CompletedIcon, {
-    className: _stylesModule.default["checkIcon".concat(size)]
-  }), !stageCompleted && size === _constants.SIZES.LARGE && /*#__PURE__*/_react.default.createElement(CustomIcon, {
-    className: "\n            ".concat(stageActive ? classes.activeIcon : classes.nextIcxon, " \n            ").concat(_stylesModule.default["customIcon".concat(size)], "\n          ")
-  }), (stageActive || !isMobileOrTablet && !(stepperLabelProps !== null && stepperLabelProps !== void 0 && stepperLabelProps.onlyDisplayActiveStepLabel)) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    variant: "xsmall",
-    className: "\n            ".concat(_stylesModule.default.label, "\n            ").concat(stageActive || stageCompleted ? classes.coloredLabel : '', "\n        "),
-    colorTheme: !stageActive && !stageCompleted ? 'gray' : null
-  }, stepperLabelProps), stage.label));
-};
-Step.propTypes = {
-  classes: _commonTypes.classesType,
-  isActive: _propTypes.func,
-  isCompleted: _propTypes.func,
-  size: _propTypes.string,
-  stage: (0, _propTypes.shape)({
-    id: _propTypes.number,
-    label: _propTypes.string,
-    Icon: _propTypes.elementType
-  }),
-  stepperLabelProps: _propTypes.object
-};
-var _default = exports.default = Step;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_commonTypes=require("../../../../types/commonTypes"),_constants=require("../../constants"),_useScreenSize=require("../../../../utils/useScreenSize"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_extends.apply(null,arguments)}var CompletedIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{clipRule:"evenodd",d:"M10.354 3.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 1 1 .708-.708L5 7.793l4.646-4.647a.5.5 0 0 1 .708 0Z"}))};CompletedIcon.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const Step=e=>{let{classes:t,isActive:n,isCompleted:a,size:s,stage:l,stepperLabelProps:c={}}=e;const o=a(null==l?void 0:l.id),r=n(null==l?void 0:l.id),p=l.Icon,{isMobileOrTablet:u}=(0,_useScreenSize.useScreenSize)();return _react.default.createElement("div",{className:"\n        ".concat(_stylesModule.default["stepContainer".concat(s)]," ").concat(t["stepContainer".concat(s)],"\n        ").concat(r?t["active".concat(s)]:""," \n        ").concat(o?t.completed:"","\n      ")},o&&_react.default.createElement(CompletedIcon,{className:_stylesModule.default["checkIcon".concat(s)]}),!o&&s===_constants.SIZES.LARGE&&_react.default.createElement(p,{className:"\n            ".concat(r?t.activeIcon:t.nextIcxon," \n            ").concat(_stylesModule.default["customIcon".concat(s)],"\n          ")}),(r||!u&&!(null!=c&&c.onlyDisplayActiveStepLabel))&&_react.default.createElement(_UTLabel.default,_extends({variant:"xsmall",className:"\n            ".concat(_stylesModule.default.label,"\n            ").concat(r||o?t.coloredLabel:"","\n        "),colorTheme:r||o?null:"gray"},c),l.label))};Step.propTypes={classes:_commonTypes.classesType,isActive:_propTypes.func,isCompleted:_propTypes.func,size:_propTypes.string,stage:(0,_propTypes.shape)({id:_propTypes.number,label:_propTypes.string,Icon:_propTypes.elementType}),stepperLabelProps:_propTypes.object};var _default=exports.default=Step;

package/dist/components/UTStepper/constants.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = void 0;
-const SIZES = exports.SIZES = {
-  LARGE: 'L',
-  SMALL: 'S'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=void 0;const SIZES=exports.SIZES={LARGE:"L",SMALL:"S"};

package/dist/components/UTStepper/index.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _classesUtils = require("../../utils/classesUtils");
-var _Step = _interopRequireDefault(require("./components/Step"));
-var _Connectors = _interopRequireDefault(require("./components/Connectors"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTStepper = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    currentStage,
-    stages,
-    stepperLabelProps = {},
-    stepperSize,
-    withPadding
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const orderedStages = Object.values(stages).sort((a, b) => (a === null || a === void 0 ? void 0 : a.id) - (b === null || b === void 0 ? void 0 : b.id));
-  const numberOfSteps = orderedStages.length;
-  const size = stepperSize === _constants.SIZES.LARGE && orderedStages.every(stage => stage.Icon) ? _constants.SIZES.LARGE : _constants.SIZES.SMALL;
-  const isCompleted = stageNumber => stageNumber < currentStage;
-  const isActive = stageNumber => stageNumber === currentStage;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.stepper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: withPadding ? _stylesModule.default.paddingContainer : _stylesModule.default.container
-  }, orderedStages.map(stage => /*#__PURE__*/_react.default.createElement(_Step.default, {
-    key: stage.id,
-    classes,
-    withPadding,
-    size,
-    isCompleted,
-    isActive,
-    stage,
-    stepperLabelProps
-  })), /*#__PURE__*/_react.default.createElement(_Connectors.default, {
-    classes,
-    withPadding,
-    isCompleted,
-    numberOfSteps
-  })));
-};
-UTStepper.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  currentStage: _propTypes.number,
-  stages: _propTypes.object,
-  stepperLabelProps: _propTypes.object,
-  stepperSize: (0, _propTypes.oneOf)([_constants.SIZES.LARGE, _constants.SIZES.SMALL]),
-  withPadding: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStepper);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_classesUtils=require("../../utils/classesUtils"),_Step=_interopRequireDefault(require("./components/Step")),_Connectors=_interopRequireDefault(require("./components/Connectors")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var p,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(p=t?s:r){if(p.has(e))return p.get(e);p.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?p(o,t,a):o[t]=e[t]);return o})(e,t)}const UTStepper=e=>{let{classes:t={},classNames:r,currentStage:s,stages:p,stepperLabelProps:a={},stepperSize:o,withPadding:n}=e;const i=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,r),[r]),l=Object.values(p).sort((e,t)=>(null==e?void 0:e.id)-(null==t?void 0:t.id)),u=l.length,c=o===_constants.SIZES.LARGE&&l.every(e=>e.Icon)?_constants.SIZES.LARGE:_constants.SIZES.SMALL,_=e=>e<s,d=e=>e===s;return _react.default.createElement("div",{className:_stylesModule.default.stepper},_react.default.createElement("div",{className:n?_stylesModule.default.paddingContainer:_stylesModule.default.container},l.map(e=>_react.default.createElement(_Step.default,{key:e.id,classes:i,withPadding:n,size:c,isCompleted:_,isActive:d,stage:e,stepperLabelProps:a})),_react.default.createElement(_Connectors.default,{classes:i,withPadding:n,isCompleted:_,numberOfSteps:u})))};UTStepper.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),currentStage:_propTypes.number,stages:_propTypes.object,stepperLabelProps:_propTypes.object,stepperSize:(0,_propTypes.oneOf)([_constants.SIZES.LARGE,_constants.SIZES.SMALL]),withPadding:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStepper);

package/dist/components/UTStepper/theme.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8, _theme$Palette9, _theme$Palette0, _theme$Palette1;
-  let {
-    theme
-  } = _ref;
-  return {
-    connector: {
-      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['05']
-    },
-    coloredProgress: {
-      backgroundColor: "".concat(((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['04']) || theme.Palette.accent['04'], " !important")
-    },
-    stepContainerS: {
-      backgroundColor: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['05'],
-      borderColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['03']
-    },
-    stepContainerL: {
-      backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03']
-    },
-    activeS: {
-      backgroundColor: _colorsModule.default.white,
-      borderColor: ((_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.accent) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['04']) || theme.Palette.accent['04']
-    },
-    activeL: {
-      backgroundColor: ((_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.accent) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['04']) || theme.Palette.accent['04']
-    },
-    completed: {
-      backgroundColor: ((_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.accent) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['04']) || theme.Palette.accent['04'],
-      borderColor: ((_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.actions) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.accent) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04']) || theme.Palette.accent['04']
-    },
-    activeIcon: {
-      fill: _colorsModule.default.white
-    },
-    nextIcon: {
-      fill: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.gray['04']
-    },
-    coloredLabel: {
-      color: "".concat(((_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 || (_theme$Palette1 = _theme$Palette1.actions) === null || _theme$Palette1 === void 0 || (_theme$Palette1 = _theme$Palette1.accent) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1['04']) || theme.Palette.accent['04'], " !important")
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{var o,l,t,i,n,r,a,c,d,u,v;let{theme:s}=e;return{connector:{backgroundColor:null===(o=s.Palette)||void 0===o?void 0:o.light["05"]},coloredProgress:{backgroundColor:"".concat((null===(l=s.Palette)||void 0===l||null===(l=l.actions)||void 0===l||null===(l=l.accent)||void 0===l?void 0:l["04"])||s.Palette.accent["04"]," !important")},stepContainerS:{backgroundColor:null===(t=s.Palette)||void 0===t?void 0:t.light["05"],borderColor:null===(i=s.Palette)||void 0===i?void 0:i.light["03"]},stepContainerL:{backgroundColor:null===(n=s.Palette)||void 0===n?void 0:n.light["03"]},activeS:{backgroundColor:_colorsModule.default.white,borderColor:(null===(r=s.Palette)||void 0===r||null===(r=r.actions)||void 0===r||null===(r=r.accent)||void 0===r?void 0:r["04"])||s.Palette.accent["04"]},activeL:{backgroundColor:(null===(a=s.Palette)||void 0===a||null===(a=a.actions)||void 0===a||null===(a=a.accent)||void 0===a?void 0:a["04"])||s.Palette.accent["04"]},completed:{backgroundColor:(null===(c=s.Palette)||void 0===c||null===(c=c.actions)||void 0===c||null===(c=c.accent)||void 0===c?void 0:c["04"])||s.Palette.accent["04"],borderColor:(null===(d=s.Palette)||void 0===d||null===(d=d.actions)||void 0===d||null===(d=d.accent)||void 0===d?void 0:d["04"])||s.Palette.accent["04"]},activeIcon:{fill:_colorsModule.default.white},nextIcon:{fill:null===(u=s.Palette)||void 0===u?void 0:u.gray["04"]},coloredLabel:{color:"".concat((null===(v=s.Palette)||void 0===v||null===(v=v.actions)||void 0===v||null===(v=v.accent)||void 0===v?void 0:v["04"])||s.Palette.accent["04"]," !important")}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSwitch/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTSwitch = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTSwitch.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSwitch=e=>{let{version:r="V0",...t}=e;const u={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(u,t)};UTSwitch.propTypes={version:_propTypes.string};var _default=exports.default=UTSwitch;

package/dist/components/UTSwitch/versions/V0/constants.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
-const STATES = exports.STATES = {
-  ON: 'SI',
-  OFF: 'NO'
-};
-const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
-const TRUE = exports.TRUE = 'true';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true";

package/dist/components/UTSwitch/versions/V0/index.js

@@ -1,101 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _form = require("@widergy/web-utils/lib/form");
-var _array = require("@widergy/web-utils/lib/array");
-var _index = _interopRequireDefault(require("../../../UTLabel/index.js"));
-var _formTypes = require("../../../../types/formTypes.js");
-var _index2 = _interopRequireDefault(require("../../../WithTheme/index.js"));
-var _classesUtils = require("../../../../utils/classesUtils.js");
-var _constants = require("./constants.js");
-var _theme = require("./theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTSwitch = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    disabled,
-    field = {},
-    input = {},
-    meta = {},
-    showErrors
-  } = _ref;
-  const {
-    value,
-    onChange: onChange_
-  } = input;
-  const {
-    key,
-    field_options: fieldOptions,
-    configuration = {}
-  } = field;
-  const {
-    textOff: textOff_,
-    textOn: textOn_,
-    insideText = true,
-    withText
-  } = configuration;
-  const switchId = key || _constants.DEFAULT_SWITCH_ID;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const useFieldOptions = fieldOptions && !(0, _array.isEmpty)(fieldOptions);
-  const [currentOption, switchedOption] = useFieldOptions ? [...fieldOptions].sort((_, _ref2) => {
-    let {
-      value: optionValue,
-      name
-    } = _ref2;
-    return [optionValue, name === _constants.TRUE].includes(value) ? 1 : -1;
-  }) : [];
-  const onChange = useFieldOptions ? () => onChange_(switchedOption.value) : onChange_;
-  (0, _react.useEffect)(() => {
-    if (useFieldOptions && value === false) onChange_(currentOption.value);
-  }, [value]);
-  const textOn = textOn_ || _constants.STATES.ON;
-  const textOff = textOff_ || _constants.STATES.OFF;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.outerContainer
-  }, withText && !insideText && textOff, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: switchId,
-    className: "".concat(classes.container, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: classes.input,
-    id: switchId,
-    type: "checkbox",
-    checked: useFieldOptions ? currentOption.name === _constants.TRUE : value,
-    value: useFieldOptions ? currentOption.value : value,
-    onChange: onChange,
-    disabled: disabled
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
-  }), withText && insideText && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.textContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.checkedText
-  }, textOn), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.uncheckedText
-  }, textOff)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderHover, " ").concat(disabled && classes.disabled)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.slider, " ").concat(disabled && classes.disabled)
-  }))), withText && !insideText && textOn), showErrors && meta && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_index.default, {
-    colorTheme: "error",
-    variant: "small"
-  }, meta === null || meta === void 0 ? void 0 : meta.error));
-};
-UTSwitch.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  disabled: _propTypes.bool,
-  field: _formTypes.fieldType,
-  input: _formTypes.inputPropTypes.isRequired,
-  meta: _formTypes.metaPropTypes,
-  showErrors: _propTypes.bool
-};
-var _default = exports.default = (0, _index2.default)(_theme.retrieveStyle)(UTSwitch);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_array=require("@widergy/web-utils/lib/array"),_index=_interopRequireDefault(require("../../../UTLabel/index.js")),_formTypes=require("../../../../types/formTypes.js"),_index2=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_constants=require("./constants.js"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?s(l,t,n):l[t]=e[t]);return l})(e,t)}const UTSwitch=e=>{let{classes:t={},classNames:r,disabled:a,field:s={},input:n={},meta:l={},showErrors:c}=e;const{value:i,onChange:o}=n,{key:u,field_options:d,configuration:p={}}=s,{textOff:_,textOn:f,insideText:m=!0,withText:y}=p,T=u||_constants.DEFAULT_SWITCH_ID,b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,r),[r]),h=d&&!(0,_array.isEmpty)(d),[E,v]=h?[...d].sort((e,t)=>{let{value:r,name:a}=t;return[r,a===_constants.TRUE].includes(i)?1:-1}):[],q=h?()=>o(v.value):o;(0,_react.useEffect)(()=>{h&&!1===i&&o(E.value)},[i]);const x=f||_constants.STATES.ON,w=_||_constants.STATES.OFF;return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:b.outerContainer},y&&!m&&w,_react.default.createElement("label",{htmlFor:T,className:"".concat(b.container," ").concat(a&&b.disabled)},_react.default.createElement("input",{className:b.input,id:T,type:"checkbox",checked:h?E.name===_constants.TRUE:i,value:h?E.value:i,onChange:q,disabled:a}),_react.default.createElement("span",{className:"".concat(b.sliderContainer," ").concat(a&&b.disabled)},_react.default.createElement("span",{className:"".concat(b.sliderBack," ").concat(a&&b.disabled)}),y&&m&&_react.default.createElement("div",{className:b.textContainer},_react.default.createElement("div",{className:b.checkedText},x),_react.default.createElement("div",{className:b.uncheckedText},w)),_react.default.createElement("span",{className:"".concat(b.sliderHover," ").concat(a&&b.disabled)}),_react.default.createElement("span",{className:"".concat(b.slider," ").concat(a&&b.disabled)}))),y&&!m&&x),c&&l&&(0,_form.shouldShowErrors)(l)&&_react.default.createElement(_index.default,{colorTheme:"error",variant:"small"},null==l?void 0:l.error))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),disabled:_propTypes.bool,field:_formTypes.fieldType,input:_formTypes.inputPropTypes.isRequired,meta:_formTypes.metaPropTypes,showErrors:_propTypes.bool};var _default=exports.default=(0,_index2.default)(_theme.retrieveStyle)(UTSwitch);

package/dist/components/UTSwitch/versions/V0/theme.js

@@ -1,140 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    outerContainer: {
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'outerContainer', 'alignItems'], 'center'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'outerContainer', 'color']),
-      columnGap: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'outerContainer', 'columnGap']),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'outerContainer', 'display'], 'flex')
-    },
-    container: {
-      boxSizing: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'boxSizing'], 'border-box'),
-      cursor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'cursor'], 'pointer'),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'height'], '26px'),
-      position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'position'], 'relative'),
-      flexShrink: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'flexShrink'], '0'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'width'], '54px'),
-      '&.disabled': {
-        cursor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'disabled', 'cursor'], 'default')
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'padding']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'container', 'margin']),
-      '&:hover > $sliderContainer > $sliderBack': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'hover', 'backgroundColor'], _colorsModule.default.switchGrayHover)
-      },
-      '&:hover > $sliderContainer > $sliderHover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'hover', 'backgroundColor'], _colorsModule.default.switchHover)
-      },
-      '&:hover > $sliderContainer > $slider': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'hover', 'backgroundColor'], (0, _seamlessImmutable.getIn)(['UTSwitch', 'slider', 'backgroundColor'], _colorsModule.default.switchGrayHover))
-      },
-      '&:Active > $sliderContainer > $sliderHover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'active', 'backgroundColor'], _colorsModule.default.switchActive)
-      }
-    },
-    textContainer: {
-      boxSizing: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'boxSizing'], 'border-box'),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'display'], 'flex'),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'height'], '100%'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'width'], '100%'),
-      position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'position'], 'absolute'),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'padding'], '0'),
-      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'justifyContent'], 'space-evenly'),
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'textContainer', 'alignItems'], 'center')
-    },
-    checkedText: {
-      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'opacity'], '0'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'color'], _colorsModule.default.white),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'small'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'fontWeight'], 500)
-    },
-    uncheckedText: {
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'transition'], 'all 0.3s ease'),
-      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'opacity'], '1'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'color'], _colorsModule.default.gray2),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'small'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'fontWeight'], 500)
-    },
-    sliderContainer: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderContainer', 'height'], '100%'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderContainer', 'width'], '100%'),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderContainer', 'display'], 'flex'),
-      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderContainer', 'justifyContent'], 'center'),
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderContainer', 'alignItems'], 'center')
-    },
-    disabled: {
-      filter: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'disabled', 'filter'], 'grayscale(1) contrast(0.5) brightness(1.2)'),
-      pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'disabled', 'pointerEvents'], 'none')
-    },
-    slider: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'backgroundColor'], _colorsModule.default.switchGray),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'borderRadius'], '26px'),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'height'], '18px'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'width'], '18px'),
-      marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'marginLeft'], '-28px'),
-      zIndex: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'zIndex'], '0'),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'boxShadow'], 'none'),
-      pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'pointerEvents'], 'none'),
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'transition'], 'all 0.3s ease-in-out')
-    },
-    sliderHover: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'backgroundColor'], _colorsModule.default.transparent),
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'transition'], 'all 0.3s ease-in-out'),
-      position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'position'], 'absolute'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'width'], '40px'),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'height'], '40px'),
-      marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'marginLeft'], '-28px'),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'borderRadius'], '50%')
-    },
-    sliderBack: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'backgroundColor'], _colorsModule.default.white),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'borderRadius'], '26px'),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'border'], "1px solid ".concat(_colorsModule.default.switchGray)),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'height'], '100%'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'width'], '100%'),
-      position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'position'], 'absolute'),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'boxShadow'], 'none'),
-      transition: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'transition'], 'all 0.3s ease-in-out')
-    },
-    input: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'input', 'height'], '0'),
-      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'input', 'opacity'], '0'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'input', 'width'], '0'),
-      position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'input', 'position'], 'absolute'),
-      '&:checked ~ $sliderContainer > $sliderBack': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'backgroundColor'], _colorsModule.default.blue),
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'border'], "1px solid ".concat(_colorsModule.default.blue))
-      },
-      '&:checked ~ $sliderContainer:hover > $sliderBack': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'hover', 'backgroundColor'], _colorsModule.default.darkBlue),
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'hover', 'border'])
-      },
-      '&:checked ~ $sliderContainer > $sliderHover': {
-        transform: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'checkedSlider', 'transform'], 'translateX(27px)')
-      },
-      '&:checked ~ $sliderContainer > $slider': {
-        transform: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'checkedSlider', 'transform'], 'translateX(27px)'),
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'checkedSlider', 'backgroundColor'], _colorsModule.default.switchGray)
-      },
-      '&:checked ~ $sliderContainer > $textContainer > $checkedText': {
-        transition: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'checked', 'transition'], 'all 0.3s ease'),
-        opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'checkedText', 'checked', 'opacity'], '1')
-      },
-      '&:checked ~ $sliderContainer > $textContainer > $uncheckedText': {
-        opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'checked', 'opacity'], '0')
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{let{theme:t}=e;return{outerContainer:{alignItems:(0,_seamlessImmutable.getIn)(t,["UTSwitch","outerContainer","alignItems"],"center"),color:(0,_seamlessImmutable.getIn)(t,["UTSwitch","outerContainer","color"]),columnGap:(0,_seamlessImmutable.getIn)(t,["UTSwitch","outerContainer","columnGap"]),display:(0,_seamlessImmutable.getIn)(t,["UTSwitch","outerContainer","display"],"flex")},container:{boxSizing:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","boxSizing"],"border-box"),cursor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","cursor"],"pointer"),height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","height"],"26px"),position:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","position"],"relative"),flexShrink:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","flexShrink"],"0"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","width"],"54px"),"&.disabled":{cursor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","disabled","cursor"],"default")},padding:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","padding"]),margin:(0,_seamlessImmutable.getIn)(t,["UTSwitch","container","margin"]),"&:hover > $sliderContainer > $sliderBack":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","hover","backgroundColor"],_colorsModule.default.switchGrayHover)},"&:hover > $sliderContainer > $sliderHover":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","hover","backgroundColor"],_colorsModule.default.switchHover)},"&:hover > $sliderContainer > $slider":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","hover","backgroundColor"],(0,_seamlessImmutable.getIn)(["UTSwitch","slider","backgroundColor"],_colorsModule.default.switchGrayHover))},"&:Active > $sliderContainer > $sliderHover":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","active","backgroundColor"],_colorsModule.default.switchActive)}},textContainer:{boxSizing:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","boxSizing"],"border-box"),display:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","display"],"flex"),height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","height"],"100%"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","width"],"100%"),position:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","position"],"absolute"),padding:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","padding"],"0"),justifyContent:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","justifyContent"],"space-evenly"),alignItems:(0,_seamlessImmutable.getIn)(t,["UTSwitch","textContainer","alignItems"],"center")},checkedText:{opacity:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","opacity"],"0"),color:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","color"],_colorsModule.default.white),fontSize:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","fontSize"],(0,_seamlessImmutable.getIn)(t,["Fonts","small"])),fontWeight:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","fontWeight"],500)},uncheckedText:{transition:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","transition"],"all 0.3s ease"),opacity:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","opacity"],"1"),color:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","color"],_colorsModule.default.gray2),fontSize:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","fontSize"],(0,_seamlessImmutable.getIn)(t,["Fonts","small"])),fontWeight:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","fontWeight"],500)},sliderContainer:{height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderContainer","height"],"100%"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderContainer","width"],"100%"),display:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderContainer","display"],"flex"),justifyContent:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderContainer","justifyContent"],"center"),alignItems:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderContainer","alignItems"],"center")},disabled:{filter:(0,_seamlessImmutable.getIn)(t,["UTSwitch","disabled","filter"],"grayscale(1) contrast(0.5) brightness(1.2)"),pointerEvents:(0,_seamlessImmutable.getIn)(t,["UTSwitch","disabled","pointerEvents"],"none")},slider:{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","backgroundColor"],_colorsModule.default.switchGray),borderRadius:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","borderRadius"],"26px"),height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","height"],"18px"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","width"],"18px"),marginLeft:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","marginLeft"],"-28px"),zIndex:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","zIndex"],"0"),boxShadow:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","boxShadow"],"none"),pointerEvents:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","pointerEvents"],"none"),transition:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","transition"],"all 0.3s ease-in-out")},sliderHover:{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","backgroundColor"],_colorsModule.default.transparent),transition:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","transition"],"all 0.3s ease-in-out"),position:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","position"],"absolute"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","width"],"40px"),height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","height"],"40px"),marginLeft:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","marginLeft"],"-28px"),borderRadius:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderHover","borderRadius"],"50%")},sliderBack:{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","backgroundColor"],_colorsModule.default.white),borderRadius:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","borderRadius"],"26px"),border:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","border"],"1px solid ".concat(_colorsModule.default.switchGray)),height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","height"],"100%"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","width"],"100%"),position:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","position"],"absolute"),boxShadow:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","boxShadow"],"none"),transition:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","transition"],"all 0.3s ease-in-out")},input:{height:(0,_seamlessImmutable.getIn)(t,["UTSwitch","input","height"],"0"),opacity:(0,_seamlessImmutable.getIn)(t,["UTSwitch","input","opacity"],"0"),width:(0,_seamlessImmutable.getIn)(t,["UTSwitch","input","width"],"0"),position:(0,_seamlessImmutable.getIn)(t,["UTSwitch","input","position"],"absolute"),"&:checked ~ $sliderContainer > $sliderBack":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","checkedSlider","backgroundColor"],_colorsModule.default.blue),border:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","checkedSlider","border"],"1px solid ".concat(_colorsModule.default.blue))},"&:checked ~ $sliderContainer:hover > $sliderBack":{backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","checkedSlider","hover","backgroundColor"],_colorsModule.default.darkBlue),border:(0,_seamlessImmutable.getIn)(t,["UTSwitch","sliderBack","checkedSlider","hover","border"])},"&:checked ~ $sliderContainer > $sliderHover":{transform:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)")},"&:checked ~ $sliderContainer > $slider":{transform:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)"),backgroundColor:(0,_seamlessImmutable.getIn)(t,["UTSwitch","slider","checkedSlider","backgroundColor"],_colorsModule.default.switchGray)},"&:checked ~ $sliderContainer > $textContainer > $checkedText":{transition:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","checked","transition"],"all 0.3s ease"),opacity:(0,_seamlessImmutable.getIn)(t,["UTSwitch","checkedText","checked","opacity"],"1")},"&:checked ~ $sliderContainer > $textContainer > $uncheckedText":{opacity:(0,_seamlessImmutable.getIn)(t,["UTSwitch","uncheckedText","checked","opacity"],"0")}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSwitch/versions/V1/constants.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
-const STATES = exports.STATES = {
-  ON: 'SI',
-  OFF: 'NO'
-};
-const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
-const TRUE = exports.TRUE = 'true';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true";