@bolio-ui/core 1.0.6 → 1.0.7

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

@@ -243,7 +243,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -310,7 +310,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -338,7 +338,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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

@@ -323,7 +323,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -390,7 +390,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -418,7 +418,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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

@@ -301,7 +301,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -368,7 +368,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -396,7 +396,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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);

package/dist/Grid/index.js

@@ -243,7 +243,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -310,7 +310,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -338,7 +338,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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/Image/index.js

@@ -285,7 +285,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -352,7 +352,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -380,7 +380,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -614,9 +614,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/Input/index.js

@@ -285,7 +285,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -352,7 +352,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -380,7 +380,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -634,7 +634,7 @@ var getColors = function getColors(palette, status) {
   var colors = {
     "default": {
       color: palette.foreground,
-      borderColor: palette.border,
+      borderColor: palette.accents_3,
       hoverBorder: palette.accents_5
     },
     primary: {
@@ -765,9 +765,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/Keyboard/index.js

@@ -243,7 +243,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -310,7 +310,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -338,7 +338,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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/Link/index.js

@@ -285,7 +285,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -352,7 +352,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -380,7 +380,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -651,9 +651,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/Loading/index.js

@@ -243,7 +243,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -310,7 +310,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -338,7 +338,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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/MdxWidgets/index.js

@@ -175,7 +175,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -242,7 +242,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -270,7 +270,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',

package/dist/Modal/index.js

@@ -379,7 +379,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -446,7 +446,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -474,7 +474,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -737,9 +737,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/Note/index.js

@@ -243,7 +243,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -310,7 +310,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -338,7 +338,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -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/Page/index.js

@@ -301,7 +301,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -368,7 +368,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -396,7 +396,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -603,9 +603,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/Pagination/index.js

@@ -301,7 +301,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -368,7 +368,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -396,7 +396,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -974,9 +974,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/Popover/index.js

@@ -286,7 +286,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -353,7 +353,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -381,7 +381,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -955,9 +955,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);