@bolio-ui/core 1.0.5 → 1.0.7

package/dist/Tabs/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',

package/dist/Tag/Tag.d.ts

@@ -13,5 +13,5 @@ export declare type TagColors = {
     bgColor: string;
     borderColor: string;
 };
-declare const Tag: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Tag: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Tag;

package/dist/Tag/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',

package/dist/Text/Text.d.ts

@@ -21,5 +21,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type TextProps = Props & NativeAttrs;
-declare const Text: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Text: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Text;

package/dist/Text/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',

package/dist/Textarea/Textarea.d.ts

@@ -18,5 +18,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.TextareaHTMLAttributes<any>, keyof Props>;
 export declare type TextareaProps = Props & NativeAttrs;
-declare const Textarea: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & React.RefAttributes<HTMLTextAreaElement> & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & React.RefAttributes<HTMLTextAreaElement> & import("../use-scale").ScaleProps, "form" | "slot" | "style" | "title" | "children" | keyof import("../use-scale").ScaleProps | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "name" | "key" | "autoComplete" | "maxLength" | "minLength" | "required" | "wrap" | keyof Props | "cols" | "dirName" | "rows"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/dist/Textarea/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',
@@ -520,7 +520,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: {

package/dist/Themes/index.js

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

package/dist/Toggle/Toggle.d.ts

@@ -24,5 +24,5 @@ export declare type ToggleSize = {
     width: string;
     height: string;
 };
-declare const Toggle: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Toggle: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Toggle;

package/dist/Toggle/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',

package/dist/Tooltip/Tooltip.d.ts

@@ -21,5 +21,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type TooltipProps = Props & NativeAttrs;
-declare const Tooltip: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Tooltip: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Tooltip;

package/dist/Tooltip/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',

package/dist/index.js

@@ -302,7 +302,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#999',
+  border: '#eaeaea',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -369,7 +369,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#444',
+  border: '#333',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -397,7 +397,7 @@ var palette = {
   purple: '#f81ce5',
   alert: '#ff0080',
   link: '#3291ff',
-  pre: '#363450'
+  pre: '#111'
 };
 var expressiveness = {
   linkStyle: 'none',
@@ -4099,7 +4099,7 @@ DividerComponent.displayName = 'BolioUIDivider';
 var Divider = withScale$1(DividerComponent);
 var Divider$1 = Divider;
 
-var _excluded$S = ["type", "children", "className"];
+var _excluded$S = ["type", "children", "className", "color"];
 
 var getColor$1 = function getColor(type, theme) {
   var colors = {
@@ -4120,6 +4120,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$S);
 
   var theme = useTheme();
@@ -4127,19 +4129,19 @@ function DotComponent(_ref) {
   var _useScale = useScale(),
       SCALES = _useScale.SCALES;
 
-  var color = React.useMemo(function () {
+  var typeColor = React.useMemo(function () {
     return getColor$1(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';
@@ -5242,7 +5244,7 @@ var getColors$6 = function getColors(palette, status) {
   var colors = {
     "default": {
       color: palette.foreground,
-      borderColor: palette.border,
+      borderColor: palette.accents_3,
       hoverBorder: palette.accents_5
     },
     primary: {

package/dist/use-all-themes/index.js

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

package/dist/use-media-query/index.js

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

package/dist/use-scale/index.js

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

package/dist/use-scale/scale-context.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare const ScalePropKeys: string[];
 export declare type ScaleProps = {
-    [key: string]: any;
     width?: string | number;
     height?: string | number;
     padding?: string | number;

package/dist/use-theme/index.js

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

package/esm/Avatar/Avatar.d.ts

@@ -8,5 +8,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<Partial<React.ImgHTMLAttributes<any> & React.HTMLAttributes<any>>, keyof Props>;
 export declare type AvatarProps = Props & NativeAttrs;
-declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Avatar: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Avatar;

package/esm/Avatar/AvatarGroup.d.ts

@@ -5,5 +5,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type AvatarGroupProps = Props & NativeAttrs;
-declare const AvatarGroup: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const AvatarGroup: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default AvatarGroup;

package/esm/Badge/Badge.d.ts

@@ -8,5 +8,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type BadgeProps = Props & NativeAttrs;
-declare const Badge: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Badge: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Badge;

package/esm/Breadcrumbs/Breadcrumbs.d.ts

@@ -5,5 +5,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type BreadcrumbsProps = Props & NativeAttrs;
-declare const Breadcrumbs: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Breadcrumbs: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Breadcrumbs;

package/esm/Breadcrumbs/BreadcrumbsSeparator.d.ts

@@ -4,5 +4,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type BreadcrumbsSeparatorProps = Props & NativeAttrs;
-declare const BreadcrumbsSeparator: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const BreadcrumbsSeparator: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default BreadcrumbsSeparator;

package/esm/Button/Button.d.ts

@@ -17,5 +17,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.ButtonHTMLAttributes<unknown>, keyof Props>;
 export declare type ButtonProps = Props & NativeAttrs;
-declare const Button: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & React.RefAttributes<HTMLButtonElement> & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & React.RefAttributes<HTMLButtonElement> & import("../use-scale").ScaleProps, "form" | "slot" | "style" | "title" | "children" | keyof import("../use-scale").ScaleProps | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | keyof Props | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "key"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/esm/ButtonDropdown/ButtonDropdown.d.ts

@@ -11,5 +11,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type ButtonDropdownProps = Props & NativeAttrs;
-declare const ButtonDropdown: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const ButtonDropdown: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default ButtonDropdown;

package/esm/ButtonGroup/ButtonGroup.d.ts

@@ -9,5 +9,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type ButtonGroupProps = Props & NativeAttrs;
-declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const ButtonGroup: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default ButtonGroup;

package/esm/Capacity/Capacity.d.ts

@@ -7,5 +7,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CapacityProps = Props & NativeAttrs;
-declare const Capacity: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Capacity: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Capacity;

package/esm/Card/Card.d.ts

@@ -9,5 +9,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CardProps = Props & NativeAttrs;
-declare const Card: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Card: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Card;

package/esm/Card/CardContent.d.ts

@@ -4,5 +4,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CardContentProps = Props & NativeAttrs;
-declare const CardContent: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const CardContent: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default CardContent;

package/esm/Card/CardFooter.d.ts

@@ -5,5 +5,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CardFooterProps = Props & NativeAttrs;
-declare const CardFooter: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const CardFooter: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default CardFooter;

package/esm/Checkbox/Checkbox.d.ts

@@ -21,5 +21,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
 export declare type CheckboxProps = Props & NativeAttrs;
-declare const Checkbox: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Checkbox;

package/esm/Checkbox/CheckboxGroup.d.ts

@@ -7,5 +7,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CheckboxGroupProps = Props & NativeAttrs;
-declare const CheckboxGroup: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default CheckboxGroup;

package/esm/Code/Code.d.ts

@@ -7,5 +7,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CodeProps = Props & NativeAttrs;
-declare const Code: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Code: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Code;

package/esm/Collapse/Collapse.d.ts

@@ -9,5 +9,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CollapseProps = Props & NativeAttrs;
-declare const Collapse: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Collapse: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Collapse;

package/esm/Collapse/CollapseGroup.d.ts

@@ -5,5 +5,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type CollapseGroupProps = Props & NativeAttrs;
-declare const CollapseGroup: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const CollapseGroup: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default CollapseGroup;

package/esm/Description/Description.d.ts

@@ -6,5 +6,5 @@ interface Props {
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
 export declare type DescriptionProps = Props & NativeAttrs;
-declare const Description: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+declare const Description: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
 export default Description;