@xelto.npm/xc2-lib 0.0.51 → 0.0.52

package/dist/index.cjs.js

@@ -10566,13 +10566,62 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
 } : void 0;
 var Switch$1 = Switch;
 
+var theme = {
+  mainPallete: {
+    primary: {
+      blue: '#293072',
+      grey: '#5D5D5C',
+      red: '#E42127',
+      white: '#FFFFFF',
+      placeholderText: '#B0BAD8',
+      tooltipBg: '#53598E'
+    },
+    secondary: {
+      inputsValidation: '#FFF5F5',
+      buttonBlack: '#000000',
+      buttonBlue: '#3A44A7',
+      specialGreen: '#61CC61'
+    },
+    table: {
+      header: '#E7EAF3',
+      border: '#DBE0F2',
+      tableCellDarker: '#F6F8FB',
+      bodyTextColor: '#2A3D96',
+      selected: 'rgba(176,186,216,0.5)'
+    }
+  },
+  fontWeight: {
+    thin: 100,
+    extraLight: 200,
+    light: 300,
+    regular: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700,
+    extraBold: 800,
+    black: 900
+  },
+  fontFamily: ['"Barlow", sans-serif'].join(','),
+  scrollbar: {
+    height: 4,
+    width: 4,
+    background: '#B0BAD8',
+    borderRadius: 10,
+    '&-thumb': {
+      height: 4,
+      width: 4,
+      borderRadius: 10,
+      backgroundColor: '#293072'
+    }
+  }
+};
+
 var _excluded = ["label", "checked", "onChange", "forwardedRef"];
 var StyledFormControlLabel = styled$1(function (props) {
   return /*#__PURE__*/React__namespace.createElement(FormControlLabel$1, _extends$1({
     ref: props.forwardedRef
   }, props));
-})(function (_ref) {
-  var theme = _ref.theme;
+})(function () {
   return {
     boxSizing: 'border-box',
     marginBottom: '30px',
@@ -10602,8 +10651,7 @@ var StyledSwitch = styled$1(function (props) {
     focusVisibleClassName: ".Mui-focusVisible",
     disableRipple: true
   }, props));
-})(function (_ref2) {
-  var theme = _ref2.theme;
+})(function () {
   return {
     width: 66,
     height: 37,
@@ -10694,13 +10742,13 @@ var StyledSwitch = styled$1(function (props) {
     }
   };
 });
-var SwitchComponent = function SwitchComponent(_ref3) {
-  var label = _ref3.label,
-    checked = _ref3.checked,
-    onChange = _ref3.onChange,
-    _ref3$forwardedRef = _ref3.forwardedRef,
-    forwardedRef = _ref3$forwardedRef === void 0 ? null : _ref3$forwardedRef,
-    props = _objectWithoutProperties(_ref3, _excluded);
+var SwitchComponent = function SwitchComponent(_ref) {
+  var label = _ref.label,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    _ref$forwardedRef = _ref.forwardedRef,
+    forwardedRef = _ref$forwardedRef === void 0 ? null : _ref$forwardedRef,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement(FormGroup$1, null, /*#__PURE__*/React__namespace.createElement(StyledFormControlLabel, _extends$1({}, props, {
     forwardedRef: forwardedRef,
     control: /*#__PURE__*/React__namespace.createElement(StyledSwitch, {

package/dist/index.esm.js

@@ -10546,13 +10546,62 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
 } : void 0;
 var Switch$1 = Switch;
 
+var theme = {
+  mainPallete: {
+    primary: {
+      blue: '#293072',
+      grey: '#5D5D5C',
+      red: '#E42127',
+      white: '#FFFFFF',
+      placeholderText: '#B0BAD8',
+      tooltipBg: '#53598E'
+    },
+    secondary: {
+      inputsValidation: '#FFF5F5',
+      buttonBlack: '#000000',
+      buttonBlue: '#3A44A7',
+      specialGreen: '#61CC61'
+    },
+    table: {
+      header: '#E7EAF3',
+      border: '#DBE0F2',
+      tableCellDarker: '#F6F8FB',
+      bodyTextColor: '#2A3D96',
+      selected: 'rgba(176,186,216,0.5)'
+    }
+  },
+  fontWeight: {
+    thin: 100,
+    extraLight: 200,
+    light: 300,
+    regular: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700,
+    extraBold: 800,
+    black: 900
+  },
+  fontFamily: ['"Barlow", sans-serif'].join(','),
+  scrollbar: {
+    height: 4,
+    width: 4,
+    background: '#B0BAD8',
+    borderRadius: 10,
+    '&-thumb': {
+      height: 4,
+      width: 4,
+      borderRadius: 10,
+      backgroundColor: '#293072'
+    }
+  }
+};
+
 var _excluded = ["label", "checked", "onChange", "forwardedRef"];
 var StyledFormControlLabel = styled$1(function (props) {
   return /*#__PURE__*/React.createElement(FormControlLabel$1, _extends$1({
     ref: props.forwardedRef
   }, props));
-})(function (_ref) {
-  var theme = _ref.theme;
+})(function () {
   return {
     boxSizing: 'border-box',
     marginBottom: '30px',
@@ -10582,8 +10631,7 @@ var StyledSwitch = styled$1(function (props) {
     focusVisibleClassName: ".Mui-focusVisible",
     disableRipple: true
   }, props));
-})(function (_ref2) {
-  var theme = _ref2.theme;
+})(function () {
   return {
     width: 66,
     height: 37,
@@ -10674,13 +10722,13 @@ var StyledSwitch = styled$1(function (props) {
     }
   };
 });
-var SwitchComponent = function SwitchComponent(_ref3) {
-  var label = _ref3.label,
-    checked = _ref3.checked,
-    onChange = _ref3.onChange,
-    _ref3$forwardedRef = _ref3.forwardedRef,
-    forwardedRef = _ref3$forwardedRef === void 0 ? null : _ref3$forwardedRef,
-    props = _objectWithoutProperties(_ref3, _excluded);
+var SwitchComponent = function SwitchComponent(_ref) {
+  var label = _ref.label,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    _ref$forwardedRef = _ref.forwardedRef,
+    forwardedRef = _ref$forwardedRef === void 0 ? null : _ref$forwardedRef,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(FormGroup$1, null, /*#__PURE__*/React.createElement(StyledFormControlLabel, _extends$1({}, props, {
     forwardedRef: forwardedRef,
     control: /*#__PURE__*/React.createElement(StyledSwitch, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",