@bolio-ui/core 1.0.6 → 1.0.8

package/dist/Textarea/index.js

@@ -268,7 +268,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -283,32 +283,32 @@ var palette$1 = {
   accents_6: '#444',
   accents_7: '#333',
   accents_8: '#111',
-  selection: '#cee4fe',
+  selection: 'rgba(206,228,254, 0.5)',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
@@ -350,37 +350,37 @@ var palette = {
   accents_6: '#999',
   accents_7: '#eaeaea',
   accents_8: '#fafafa',
-  selection: '#f81ce5',
+  selection: 'rgba(248,28,229, 0.5)',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -388,9 +388,9 @@ var expressiveness = {
   dropdownBoxShadow: '0 0 0 1px #333',
   scrollerStart: 'rgba(255, 255, 255, 1)',
   scrollerEnd: 'rgba(255, 255, 255, 0)',
-  shadowSmall: '0 0 0 1px #333',
-  shadowMedium: '0 0 0 1px #333',
-  shadowLarge: '0 0 0 1px #333',
+  shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
+  shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
+  shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
   portalOpacity: 0.75
 };
 var font = defaultFont;
@@ -520,37 +520,51 @@ var getColors = function getColors(palette, status) {
   var colors = {
     "default": {
       color: palette.foreground,
-      borderColor: palette.border,
-      hoverBorder: palette.accents_5
+      bgColor: palette.accents_2,
+      borderColor: palette.accents_3,
+      hoverBgColor: palette.accents_2,
+      hoverBorder: palette.accents_6
     },
     primary: {
-      color: palette.primary,
-      borderColor: palette.primary,
+      color: palette.primaryDark,
+      bgColor: palette.primaryLighter,
+      borderColor: palette.primaryDark,
+      hoverBgColor: palette.primaryLight,
       hoverBorder: palette.primary
     },
     secondary: {
-      color: palette.secondary,
-      borderColor: palette.secondary,
+      color: palette.secondaryDark,
+      bgColor: palette.secondaryLighter,
+      borderColor: palette.secondaryDark,
+      hoverBgColor: palette.secondaryLight,
       hoverBorder: palette.secondary
     },
     success: {
-      color: palette.success,
-      borderColor: palette.success,
+      color: palette.successDark,
+      bgColor: palette.successLighter,
+      borderColor: palette.successDark,
+      hoverBgColor: palette.successLight,
       hoverBorder: palette.success
     },
     warning: {
-      color: palette.warning,
-      borderColor: palette.warning,
+      color: palette.warningDark,
+      bgColor: palette.warningLighter,
+      borderColor: palette.warningDark,
+      hoverBgColor: palette.warningLight,
       hoverBorder: palette.warning
     },
     error: {
-      color: palette.error,
-      borderColor: palette.error,
+      color: palette.errorDark,
+      bgColor: palette.errorLighter,
+      borderColor: palette.errorDark,
+      hoverBgColor: palette.errorLight,
       hoverBorder: palette.error
     },
     info: {
-      color: palette.info,
-      borderColor: palette.info,
+      color: palette.infoDark,
+      bgColor: palette.infoLighter,
+      borderColor: palette.infoDark,
+      hoverBgColor: palette.infoLight,
       hoverBorder: palette.info
     }
   };
@@ -638,9 +652,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var key = _step2.value;
         var value = props[key];
-        console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
-        //   scaleProps[key as keyof ScaleProps] = value as any
-        // }
+
+        if (typeof value !== 'undefined') {
+          scaleProps[key] = value;
+        }
       }
     } catch (err) {
       _iterator2.e(err);
@@ -849,13 +864,9 @@ var TextareaComponent = /*#__PURE__*/React__default["default"].forwardRef(functi
       hover = _useState4[0],
       setHover = _useState4[1];
 
-  var _useMemo = React.useMemo(function () {
+  var colors = React.useMemo(function () {
     return getColors(theme.palette, type);
-  }, [theme.palette, type]),
-      color = _useMemo.color,
-      borderColor = _useMemo.borderColor,
-      hoverBorder = _useMemo.hoverBorder;
-
+  }, [theme.palette, type]);
   var classes = useClasses$1('wrapper', {
     hover: hover,
     disabled: disabled
@@ -891,7 +902,7 @@ var TextareaComponent = /*#__PURE__*/React__default["default"].forwardRef(functi
   var textareaProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styledJsx_cjs.style.dynamic([["1283886166", [theme.layout.radius, borderColor, color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverBorder, theme.palette.accents_1, theme.palette.accents_2, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.palette.background]]]) + " " + (classes || "")
+    className: styledJsx_cjs.style.dynamic([["2097224582", [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background]]]) + " " + (classes || "")
   }, /*#__PURE__*/React__default["default"].createElement("textarea", _extends({
     ref: textareaRef,
     disabled: disabled,
@@ -901,11 +912,11 @@ var TextareaComponent = /*#__PURE__*/React__default["default"].forwardRef(functi
     onBlur: blurHandler,
     onChange: changeHandler
   }, textareaProps, {
-    className: styledJsx_cjs.style.dynamic([["1283886166", [theme.layout.radius, borderColor, color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverBorder, theme.palette.accents_1, theme.palette.accents_2, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.palette.background]]]) + " " + (textareaProps && textareaProps.className != null && textareaProps.className || "")
+    className: styledJsx_cjs.style.dynamic([["2097224582", [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background]]]) + " " + (textareaProps && textareaProps.className != null && textareaProps.className || "")
   })), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
-    id: "1283886166",
-    dynamic: [theme.layout.radius, borderColor, color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverBorder, theme.palette.accents_1, theme.palette.accents_2, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.palette.background]
-  }, ".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:".concat(theme.layout.radius, ";border:1px solid ").concat(borderColor, ";color:").concat(color, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;min-width:12.5rem;max-width:95vw;--textarea-font-size:").concat(SCALES.font(0.875), ";--textarea-height:").concat(SCALES.height(1, 'auto'), ";width:").concat(SCALES.width(1, 'initial'), ";height:var(--textarea-height);margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}.wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_1, ";border-color:").concat(theme.palette.accents_2, ";cursor:not-allowed;}textarea.__jsx-style-dynamic-selector{background-color:transparent;box-shadow:none;display:block;font-family:").concat(theme.font.sans, ";font-size:var(--textarea-font-size);width:100%;height:var(--textarea-height);border:none;outline:none;padding:").concat(SCALES.pt(0.5), " ").concat(SCALES.pr(0.5), " ").concat(SCALES.pb(0.5), " ").concat(SCALES.pl(0.5), ";resize:").concat(resize, ";}.disabled.__jsx-style-dynamic-selector>textarea.__jsx-style-dynamic-selector{cursor:not-allowed;}textarea.__jsx-style-dynamic-selector:-webkit-autofill,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;}")));
+    id: "2097224582",
+    dynamic: [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, 'auto'), SCALES.width(1, 'initial'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background]
+  }, ".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:".concat(theme.layout.radius, ";border:1px solid ").concat(colors.borderColor, ";color:").concat(colors.color, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;min-width:12.5rem;max-width:95vw;--textarea-font-size:").concat(SCALES.font(0.875), ";--textarea-height:").concat(SCALES.height(1, 'auto'), ";width:").concat(SCALES.width(1, 'initial'), ";height:var(--textarea-height);margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(colors.hoverBorder, ";background-color:").concat(colors.hoverBgColor, ";}.wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_2, ";border-color:").concat(theme.palette.accents_3, ";cursor:not-allowed;}textarea.__jsx-style-dynamic-selector{background-color:").concat(colors.bgColor, ";box-shadow:none;display:block;font-family:").concat(theme.font.sans, ";font-size:var(--textarea-font-size);width:100%;border:none;outline:none;padding:").concat(SCALES.pt(0.5), " ").concat(SCALES.pr(0.5), " ").concat(SCALES.pb(0.5), " ").concat(SCALES.pl(0.5), ";resize:").concat(resize, ";border-radius:").concat(theme.layout.radius, ";}.disabled.__jsx-style-dynamic-selector>textarea.__jsx-style-dynamic-selector{cursor:not-allowed;}textarea.active.__jsx-style-dynamic-selector,textarea.__jsx-style-dynamic-selector:hover{border-color:").concat(colors.hoverBorder, ";background:").concat(colors.hoverBgColor, ";}textarea.__jsx-style-dynamic-selector:-webkit-autofill,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;}")));
 });
 TextareaComponent.displayName = 'BolioUITextarea';
 var Textarea = withScale$1(TextareaComponent);

package/dist/Themes/index.js

@@ -92,7 +92,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -107,32 +107,32 @@ var palette$1 = {
   accents_6: '#444',
   accents_7: '#333',
   accents_8: '#111',
-  selection: '#cee4fe',
+  selection: 'rgba(206,228,254, 0.5)',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
@@ -174,37 +174,37 @@ var palette = {
   accents_6: '#999',
   accents_7: '#eaeaea',
   accents_8: '#fafafa',
-  selection: '#f81ce5',
+  selection: 'rgba(248,28,229, 0.5)',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -212,9 +212,9 @@ var expressiveness = {
   dropdownBoxShadow: '0 0 0 1px #333',
   scrollerStart: 'rgba(255, 255, 255, 1)',
   scrollerEnd: 'rgba(255, 255, 255, 0)',
-  shadowSmall: '0 0 0 1px #333',
-  shadowMedium: '0 0 0 1px #333',
-  shadowLarge: '0 0 0 1px #333',
+  shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
+  shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
+  shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
   portalOpacity: 0.75
 };
 var font = defaultFont;

package/dist/Toggle/index.js

@@ -268,7 +268,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -283,32 +283,32 @@ var palette$1 = {
   accents_6: '#444',
   accents_7: '#333',
   accents_8: '#111',
-  selection: '#cee4fe',
+  selection: 'rgba(206,228,254, 0.5)',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
@@ -350,37 +350,37 @@ var palette = {
   accents_6: '#999',
   accents_7: '#eaeaea',
   accents_8: '#fafafa',
-  selection: '#f81ce5',
+  selection: 'rgba(248,28,229, 0.5)',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
-  primaryLight: '#96C1F3',
-  primaryLighter: '#CEE4FF',
+  primaryLight: '#CEE4FF',
+  primaryLighter: '#96C1F3',
   primaryDark: '#00254E',
   secondary: '#7828C9',
-  secondaryLighter: '#D1B1F1',
   secondaryLight: '#EADCF9',
+  secondaryLighter: '#D1B1F1',
   secondaryDark: '#290E45',
   error: '#F31261',
-  errorLight: '#FAA8C6',
-  errorLighter: '#FDD8E6',
+  errorLight: '#FDD8E6',
+  errorLighter: '#FAA8C6',
   errorDark: '#4E041F',
   success: '#17C965',
-  successLight: '#ADF5CD',
-  successLighter: '#DAFBE9',
+  successLight: '#DAFBE9',
+  successLighter: '#ADF5CD',
   successDark: '#06371C',
   warning: '#F5A525',
-  warningLight: '#FBDBA8',
-  warningLighter: '#FDEFD9',
+  warningLight: '#FDEFD9',
+  warningLighter: '#FBDBA8',
   warningDark: '#4E3105',
   info: '#06B7DC',
-  infoLighter: '#A5EEFE',
   infoLight: '#D7F8FF',
+  infoLighter: '#A5EEFE',
   infoDark: '#053B49',
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -388,9 +388,9 @@ var expressiveness = {
   dropdownBoxShadow: '0 0 0 1px #333',
   scrollerStart: 'rgba(255, 255, 255, 1)',
   scrollerEnd: 'rgba(255, 255, 255, 0)',
-  shadowSmall: '0 0 0 1px #333',
-  shadowMedium: '0 0 0 1px #333',
-  shadowLarge: '0 0 0 1px #333',
+  shadowSmall: '0 5px 10px rgba(255, 255, 255, 0.12)',
+  shadowMedium: '0 8px 30px rgba(255, 255, 255, 0.12)',
+  shadowLarge: '0 30px 60px rgba(255, 255, 255, 0.12)',
   portalOpacity: 0.75
 };
 var font = defaultFont;
@@ -608,9 +608,10 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var key = _step2.value;
         var value = props[key];
-        console.log('🚀 ~ file: utils.ts:32 ~ value:', value); // if (typeof value !== 'undefined') {
-        //   scaleProps[key as keyof ScaleProps] = value as any
-        // }
+
+        if (typeof value !== 'undefined') {
+          scaleProps[key] = value;
+        }
       }
     } catch (err) {
       _iterator2.e(err);
@@ -827,21 +828,21 @@ function ToggleComponent(_ref) {
     setSelfChecked(checked);
   }, [checked]);
   return /*#__PURE__*/React__default["default"].createElement("label", _extends({}, props, {
-    className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (props && props.className != null && props.className || className || "")
+    className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (props && props.className != null && props.className || className || "")
   }), /*#__PURE__*/React__default["default"].createElement("input", {
     type: "checkbox",
     disabled: disabled,
     checked: selfChecked,
     onChange: changeHandle,
-    className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]])
+    className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]])
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (classes || "")
+    className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + (classes || "")
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: styledJsx_cjs.style.dynamic([["3938822023", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + "inner"
+    className: styledJsx_cjs.style.dynamic([["2317841100", [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]]]) + " " + "inner"
   })), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
-    id: "3938822023",
-    dynamic: [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(0.875), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.background, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]
-  }, "label.__jsx-style-dynamic-selector{-webkit-tap-highlight-color:transparent;display:inline-block;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;cursor:".concat(disabled ? 'not-allowed' : 'pointer', ";--toggle-font-size:").concat(SCALES.font(1), ";--toggle-height:").concat(SCALES.height(0.875), ";width:").concat(SCALES.width(1.75), ";height:var(--toggle-height);padding:").concat(SCALES.pt(0.1875), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.1875), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}input.__jsx-style-dynamic-selector{overflow:hidden;visibility:hidden;height:0;opacity:0;width:0;position:absolute;background-color:transparent;z-index:-1;}.toggle.__jsx-style-dynamic-selector{height:var(--toggle-height);width:100%;border-radius:var(--toggle-height);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);position:relative;border:1px solid transparent;background-color:").concat(theme.palette.accents_2, ";padding:0;}.inner.__jsx-style-dynamic-selector{width:calc(var(--toggle-height) - 2px);height:calc(var(--toggle-height) - 2px);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0, rgba(0,0,0,0.1) 0 1px 3px 0;-webkit-transition:left 280ms cubic-bezier(0,0,0.2,1);transition:left 280ms cubic-bezier(0,0,0.2,1);border-radius:50%;background-color:").concat(theme.palette.background, ";}.disabled.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_2, ";background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_2, ";}.disabled.checked.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_4, ";background-color:").concat(theme.palette.accents_4, ";}.checked.__jsx-style-dynamic-selector{background-color:").concat(bg, ";}.checked.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{left:calc(100% - (var(--toggle-height) - 2px));box-shadow:none;}")));
+    id: "2317841100",
+    dynamic: [disabled ? 'not-allowed' : 'pointer', SCALES.font(1), SCALES.height(1), SCALES.width(1.75), SCALES.pt(0.1875), SCALES.pr(0), SCALES.pb(0.1875), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_4, bg]
+  }, "label.__jsx-style-dynamic-selector{-webkit-tap-highlight-color:transparent;display:inline-block;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;cursor:".concat(disabled ? 'not-allowed' : 'pointer', ";--toggle-font-size:").concat(SCALES.font(1), ";--toggle-height:").concat(SCALES.height(1), ";width:").concat(SCALES.width(1.75), ";height:var(--toggle-height);padding:").concat(SCALES.pt(0.1875), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.1875), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}input.__jsx-style-dynamic-selector{overflow:hidden;visibility:hidden;height:0;opacity:0;width:0;position:absolute;background-color:transparent;z-index:-1;}.toggle.__jsx-style-dynamic-selector{height:calc(var(--toggle-height) + 2px);width:100%;border-radius:var(--toggle-height);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);position:relative;border:1px solid transparent;background-color:").concat(theme.palette.accents_2, ";padding:0;}.inner.__jsx-style-dynamic-selector{width:calc(var(--toggle-height) - 2px);height:calc(var(--toggle-height) - 2px);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0, rgba(0,0,0,0.1) 0 1px 3px 0;-webkit-transition:left 280ms cubic-bezier(0,0,0.2,1);transition:left 280ms cubic-bezier(0,0,0.2,1);border-radius:50%;background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_2, ";background-color:").concat(theme.palette.accents_1, ";}.disabled.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_2, ";}.disabled.checked.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_4, ";background-color:").concat(theme.palette.accents_4, ";}.checked.__jsx-style-dynamic-selector{background-color:").concat(bg, ";}.checked.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{left:calc(100% - (var(--toggle-height) - 1px));box-shadow:none;}")));
 }
 
 ToggleComponent.displayName = 'BolioUIToggle';