@bolio-ui/core 1.0.6 → 1.0.8

package/dist/Divider/index.js

@@ -226,7 +226,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -241,32 +241,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',
@@ -308,37 +308,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',
@@ -346,9 +346,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;
@@ -538,9 +538,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);

package/dist/Dot/Dot.d.ts

@@ -4,6 +4,7 @@ export declare type DotTypes = NormalTypes;
 interface Props {
     type?: DotTypes;
     className?: string;
+    color?: string;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type DotProps = Props & NativeAttrs;

package/dist/Dot/index.js

@@ -226,7 +226,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -241,32 +241,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',
@@ -308,37 +308,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',
@@ -346,9 +346,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;
@@ -538,9 +538,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);
@@ -704,7 +705,7 @@ var useClasses = function useClasses() {
 
 var useClasses$1 = useClasses;
 
-var _excluded = ["type", "children", "className"];
+var _excluded = ["type", "children", "className", "color"];
 
 var getColor = function getColor(type, theme) {
   var colors = {
@@ -725,6 +726,8 @@ function DotComponent(_ref) {
       children = _ref.children,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var theme = useTheme();
@@ -732,19 +735,19 @@ function DotComponent(_ref) {
   var _useScale = useScale(),
       SCALES = _useScale.SCALES;
 
-  var color = React.useMemo(function () {
+  var typeColor = React.useMemo(function () {
     return getColor(type, theme);
   }, [type, theme]);
   return /*#__PURE__*/React__default["default"].createElement("span", _extends({}, props, {
-    className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + (props && props.className != null && props.className || useClasses$1('dot', className) || "")
+    className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + (props && props.className != null && props.className || useClasses$1('dot', className) || "")
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "icon"
+    className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "icon"
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: styledJsx_cjs.style.dynamic([["870607818", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]]]) + " " + "label"
+    className: styledJsx_cjs.style.dynamic([["1863610765", [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]]]) + " " + "label"
   }, children), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
-    id: "870607818",
-    dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color]
-  }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
+    id: "1863610765",
+    dynamic: [SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color ? color : typeColor]
+  }, ".dot.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:").concat(color ? color : typeColor, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}")));
 }
 
 DotComponent.displayName = 'BolioUIDot';

package/dist/Drawer/index.js

@@ -306,7 +306,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -321,32 +321,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',
@@ -388,37 +388,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',
@@ -426,9 +426,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;
@@ -602,9 +602,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);

package/dist/Fieldset/index.js

@@ -284,7 +284,7 @@ var defaultLayout = {
   pageWidthWithMargin: '930pt',
   breakpointMobile: defaultBreakpoints.xs.max,
   breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
+  radius: '10px',
   unit: '16px'
 };
 
@@ -299,32 +299,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',
@@ -366,37 +366,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',
@@ -404,9 +404,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;
@@ -693,9 +693,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);