@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,68 @@
-"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(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(props){return _react.default.createElement("svg",props,_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:classes,isActive:isActive,isCompleted:isCompleted,size:size,stage:stage,stepperLabelProps:stepperLabelProps={}}=_ref;const stageCompleted=isCompleted(null==stage?void 0:stage.id),stageActive=isActive(null==stage?void 0:stage.id),CustomIcon=stage.Icon,{isMobileOrTablet:isMobileOrTablet}=(0,_useScreenSize.useScreenSize)();return _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&&_react.default.createElement(CompletedIcon,{className:_stylesModule.default["checkIcon".concat(size)]}),!stageCompleted&&size===_constants.SIZES.LARGE&&_react.default.createElement(CustomIcon,{className:"\n            ".concat(stageActive?classes.activeIcon:classes.nextIcxon," \n            ").concat(_stylesModule.default["customIcon".concat(size)],"\n          ")}),(stageActive||!isMobileOrTablet&&!(null!=stepperLabelProps&&stepperLabelProps.onlyDisplayActiveStepLabel))&&_react.default.createElement(_UTLabel.default,_extends({variant:"xsmall",className:"\n            ".concat(_stylesModule.default.label,"\n            ").concat(stageActive||stageCompleted?classes.coloredLabel:"","\n        "),colorTheme:stageActive||stageCompleted?null:"gray"},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: 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;

package/dist/components/UTStepper/constants.js

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

package/dist/components/UTStepper/index.js

@@ -1 +1,63 @@
-"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,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:classNames,currentStage:currentStage,stages:stages,stepperLabelProps:stepperLabelProps={},stepperSize:stepperSize,withPadding:withPadding}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),orderedStages=Object.values(stages).sort((a,b)=>(null==a?void 0:a.id)-(null==b?void 0:b.id)),numberOfSteps=orderedStages.length,size=stepperSize===_constants.SIZES.LARGE&&orderedStages.every(stage=>stage.Icon)?_constants.SIZES.LARGE:_constants.SIZES.SMALL,isCompleted=stageNumber=>stageNumber<currentStage,isActive=stageNumber=>stageNumber===currentStage;return _react.default.createElement("div",{className:_stylesModule.default.stepper},_react.default.createElement("div",{className:withPadding?_stylesModule.default.paddingContainer:_stylesModule.default.container},orderedStages.map(stage=>_react.default.createElement(_Step.default,{key:stage.id,classes:classes,withPadding:withPadding,size:size,isCompleted:isCompleted,isActive:isActive,stage:stage,stepperLabelProps:stepperLabelProps})),_react.default.createElement(_Connectors.default,{classes:classes,withPadding:withPadding,isCompleted:isCompleted,numberOfSteps: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: 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);

package/dist/components/UTStepper/theme.js

@@ -1 +1,50 @@
-"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=_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:theme}=_ref;return{connector:{backgroundColor:null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.light["05"]},coloredProgress:{backgroundColor:"".concat((null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.actions)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.accent)||void 0===_theme$Palette2?void 0:_theme$Palette2["04"])||theme.Palette.accent["04"]," !important")},stepContainerS:{backgroundColor:null===(_theme$Palette3=theme.Palette)||void 0===_theme$Palette3?void 0:_theme$Palette3.light["05"],borderColor:null===(_theme$Palette4=theme.Palette)||void 0===_theme$Palette4?void 0:_theme$Palette4.light["03"]},stepContainerL:{backgroundColor:null===(_theme$Palette5=theme.Palette)||void 0===_theme$Palette5?void 0:_theme$Palette5.light["03"]},activeS:{backgroundColor:_colorsModule.default.white,borderColor:(null===(_theme$Palette6=theme.Palette)||void 0===_theme$Palette6||null===(_theme$Palette6=_theme$Palette6.actions)||void 0===_theme$Palette6||null===(_theme$Palette6=_theme$Palette6.accent)||void 0===_theme$Palette6?void 0:_theme$Palette6["04"])||theme.Palette.accent["04"]},activeL:{backgroundColor:(null===(_theme$Palette7=theme.Palette)||void 0===_theme$Palette7||null===(_theme$Palette7=_theme$Palette7.actions)||void 0===_theme$Palette7||null===(_theme$Palette7=_theme$Palette7.accent)||void 0===_theme$Palette7?void 0:_theme$Palette7["04"])||theme.Palette.accent["04"]},completed:{backgroundColor:(null===(_theme$Palette8=theme.Palette)||void 0===_theme$Palette8||null===(_theme$Palette8=_theme$Palette8.actions)||void 0===_theme$Palette8||null===(_theme$Palette8=_theme$Palette8.accent)||void 0===_theme$Palette8?void 0:_theme$Palette8["04"])||theme.Palette.accent["04"],borderColor:(null===(_theme$Palette9=theme.Palette)||void 0===_theme$Palette9||null===(_theme$Palette9=_theme$Palette9.actions)||void 0===_theme$Palette9||null===(_theme$Palette9=_theme$Palette9.accent)||void 0===_theme$Palette9?void 0:_theme$Palette9["04"])||theme.Palette.accent["04"]},activeIcon:{fill:_colorsModule.default.white},nextIcon:{fill:null===(_theme$Palette0=theme.Palette)||void 0===_theme$Palette0?void 0:_theme$Palette0.gray["04"]},coloredLabel:{color:"".concat((null===(_theme$Palette1=theme.Palette)||void 0===_theme$Palette1||null===(_theme$Palette1=_theme$Palette1.actions)||void 0===_theme$Palette1||null===(_theme$Palette1=_theme$Palette1.accent)||void 0===_theme$Palette1?void 0:_theme$Palette1["04"])||theme.Palette.accent["04"]," !important")}}};exports.retrieveStyle=retrieveStyle;
+"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;

package/dist/components/UTSwitch/index.js

@@ -1 +1,26 @@
-"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=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTSwitch.propTypes={version:_propTypes.string};var _default=exports.default=UTSwitch;
+"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;

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

@@ -1 +1,12 @@
-"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";
+"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';

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

@@ -1 +1,101 @@
-"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,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:classNames,disabled:disabled,field:field={},input:input={},meta:meta={},showErrors:showErrors}=_ref;const{value:value,onChange:onChange_}=input,{key:key,field_options:fieldOptions,configuration:configuration={}}=field,{textOff:textOff_,textOn:textOn_,insideText:insideText=!0,withText:withText}=configuration,switchId=key||_constants.DEFAULT_SWITCH_ID,classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),useFieldOptions=fieldOptions&&!(0,_array.isEmpty)(fieldOptions),[currentOption,switchedOption]=useFieldOptions?[...fieldOptions].sort((_,_ref2)=>{let{value:optionValue,name:name}=_ref2;return[optionValue,name===_constants.TRUE].includes(value)?1:-1}):[],onChange=useFieldOptions?()=>onChange_(switchedOption.value):onChange_;(0,_react.useEffect)(()=>{useFieldOptions&&!1===value&&onChange_(currentOption.value)},[value]);const textOn=textOn_||_constants.STATES.ON,textOff=textOff_||_constants.STATES.OFF;return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:classes.outerContainer},withText&&!insideText&&textOff,_react.default.createElement("label",{htmlFor:switchId,className:"".concat(classes.container," ").concat(disabled&&classes.disabled)},_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}),_react.default.createElement("span",{className:"".concat(classes.sliderContainer," ").concat(disabled&&classes.disabled)},_react.default.createElement("span",{className:"".concat(classes.sliderBack," ").concat(disabled&&classes.disabled)}),withText&&insideText&&_react.default.createElement("div",{className:classes.textContainer},_react.default.createElement("div",{className:classes.checkedText},textOn),_react.default.createElement("div",{className:classes.uncheckedText},textOff)),_react.default.createElement("span",{className:"".concat(classes.sliderHover," ").concat(disabled&&classes.disabled)}),_react.default.createElement("span",{className:"".concat(classes.slider," ").concat(disabled&&classes.disabled)}))),withText&&!insideText&&textOn),showErrors&&meta&&(0,_form.shouldShowErrors)(meta)&&_react.default.createElement(_index.default,{colorTheme:"error",variant:"small"},null==meta?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: 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);

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

@@ -1 +1,140 @@
-"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=_ref=>{let{theme: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: 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;

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

@@ -1 +1,12 @@
-"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";
+"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';