@bolio-ui/core 2.0.0-alpha.1 → 2.0.0-alpha.2

package/esm/ButtonDropdown/ButtonDropdown.js

@@ -1,107 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "type", "auto", "className", "disabled", "loading", "icon"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import useTheme from '../use-theme';
-import useClickAway from '../utils/use-click-away';
-import { getColor } from './styles';
-import ButtonDropdownIcon from './Icon';
-import ButtonDropdownItem from './ButtonDropdownItem';
-import { ButtonDropdownContext } from './ButtonDropdownContext';
-import { pickChild, pickChildByProps } from '../utils/collections';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var stopPropagation = function stopPropagation(event) {
-  event.stopPropagation();
-  event.nativeEvent.stopImmediatePropagation();
-};
-var ButtonDropdownComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$auto = _ref.auto,
-    auto = _ref$auto === void 0 ? false : _ref$auto,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    icon = _ref.icon,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var innerRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return innerRef.current;
-  });
-  var theme = useTheme();
-  var colors = getColor(theme.palette, type);
-  var itemChildren = pickChild(children, ButtonDropdownItem)[1];
-  var _pickChildByProps = pickChildByProps(itemChildren, 'main', true),
-    _pickChildByProps2 = _slicedToArray(_pickChildByProps, 2),
-    itemChildrenWithoutMain = _pickChildByProps2[0],
-    mainItemChildren = _pickChildByProps2[1];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var clickHandler = useCallback(function (event) {
-    event.preventDefault();
-    stopPropagation(event);
-    if (disabled || loading) return;
-    setVisible(!visible);
-  }, [disabled, loading, visible]);
-  var initialValue = {
-    type: type,
-    auto: auto,
-    disabled: disabled,
-    loading: loading
-  };
-  var bgColor = useMemo(function () {
-    if (disabled || loading) return theme.palette.accents_2;
-    return visible ? colors.hoverBgColor : colors.bgColor;
-  }, [disabled, loading, theme.palette.accents_2, visible, colors.hoverBgColor, colors.bgColor]);
-  var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.375),
-    paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
-  useClickAway(innerRef, function () {
-    return setVisible(false);
-  });
-  return /*#__PURE__*/React.createElement(ButtonDropdownContext.Provider, {
-    value: initialValue
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    ref: innerRef,
-    onClick: stopPropagation
-  }, props, {
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " " + (props && props.className != null && props.className || useClasses('btn-dropdown', className) || "")
-  }), mainItemChildren, /*#__PURE__*/React.createElement("details", {
-    open: visible,
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]])
-  }, /*#__PURE__*/React.createElement("summary", {
-    "aria-label": "More options",
-    onClick: clickHandler,
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " " + "dropdown-box"
-  }, icon ? /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: disabled || loading ? theme.palette.error : colors.color,
-      height: SCALES.height(2.5),
-      width: SCALES.height(2.5)
-    },
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " " + "dropdown-icon"
-  }, icon) : /*#__PURE__*/React.createElement(ButtonDropdownIcon, {
-    color: disabled || loading ? theme.palette.accents_4 : colors.color,
-    height: SCALES.height(2.5)
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3951357131", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " " + "content"
-  }, itemChildrenWithoutMain)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3951357131",
-    dynamic: [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? 'min-content' : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? 'not-allowed' : 'pointer', colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]
-  }, ".btn-dropdown.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;box-sizing:border-box;border-radius:".concat(theme.layout.radius, ";--bolio-ui-dropdown-height:").concat(SCALES.height(2.5), ";--bolio-ui-dropdown-min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";--bolio-ui-dropdown-padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";--bolio-ui-dropdown-font-size:").concat(SCALES.font(0.875), ";}.btn-dropdown.__jsx-style-dynamic-selector>button{border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}details.__jsx-style-dynamic-selector{border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";overflow:hidden;}.dropdown-box.__jsx-style-dynamic-selector{height:").concat(SCALES.height(2.5), ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;}summary.__jsx-style-dynamic-selector{box-sizing:border-box;-webkit-tap-highlight-color:transparent;list-style:none;outline:none;color:").concat(colors.color, ";background-color:").concat(bgColor, ";height:").concat(SCALES.height(2.5), ";cursor:").concat(disabled || loading ? 'not-allowed' : 'pointer', ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;padding:0 1px;-webkit-transition:background 0.2s ease 0s,border-color 0.2s ease 0s;transition:background 0.2s ease 0s,border-color 0.2s ease 0s;}.content.__jsx-style-dynamic-selector{position:absolute;right:0;left:0;z-index:90;width:100%;border-radius:").concat(theme.layout.radius, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";-webkit-transform:translateY(").concat(theme.layout.gapHalf, ");-ms-transform:translateY(").concat(theme.layout.gapHalf, ");transform:translateY(").concat(theme.layout.gapHalf, ");background-color:").concat(theme.palette.background, ";}.content.__jsx-style-dynamic-selector>button:first-of-type{border-top-left-radius:").concat(theme.layout.radius, ";border-top-right-radius:").concat(theme.layout.radius, ";}.content.__jsx-style-dynamic-selector>button:last-of-type{border-bottom-left-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.dropdown-icon.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}"))));
-});
-ButtonDropdownComponent.displayName = 'BolioUIButtonDropdown';
-var ButtonDropdown = withScale(ButtonDropdownComponent);
-export default ButtonDropdown;

package/esm/ButtonDropdown/ButtonDropdownContext.js

@@ -1,11 +0,0 @@
-import React from 'react';
-var defaultContext = {
-  type: 'default',
-  auto: false,
-  disabled: false,
-  loading: false
-};
-export var ButtonDropdownContext = /*#__PURE__*/React.createContext(defaultContext);
-export var useButtonDropdown = function useButtonDropdown() {
-  return React.useContext(ButtonDropdownContext);
-};

package/esm/ButtonDropdown/ButtonDropdownItem.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "onClick", "className", "main", "type"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { getColor } from './styles';
-import { useButtonDropdown } from './ButtonDropdownContext';
-import Loading from '../Loading';
-function ButtonDropdownItem(_ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$main = _ref.main,
-    main = _ref$main === void 0 ? false : _ref$main,
-    _ref$type = _ref.type,
-    selfType = _ref$type === void 0 ? 'default' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useButtonDropdown = useButtonDropdown(),
-    parentType = _useButtonDropdown.type,
-    disabled = _useButtonDropdown.disabled,
-    loading = _useButtonDropdown.loading;
-  var type = main ? parentType : selfType;
-  var colors = getColor(theme.palette, type, disabled);
-  var clickHandler = function clickHandler(event) {
-    if (disabled || loading) return;
-    onClick && onClick(event);
-  };
-  var cursor = useMemo(function () {
-    if (loading) return 'default';
-    return disabled ? 'not-allowed' : 'pointer';
-  }, [loading, disabled]);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["313713234", [cursor, colors.bgColor, colors.color, colors.hoverBorder, colors.hoverBgColor]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), loading ? /*#__PURE__*/React.createElement(Loading, null) : children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "313713234",
-    dynamic: [cursor, colors.bgColor, colors.color, colors.hoverBorder, colors.hoverBgColor]
-  }, "button.__jsx-style-dynamic-selector{position:relative;-webkit-appearance:button;text-rendering:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;text-align:center;cursor:".concat(cursor, ";box-sizing:border-box;margin:0;border:none;background-color:").concat(colors.bgColor, ";color:").concat(colors.color, ";width:100%;height:var(--bolio-ui-dropdown-height);min-width:var(--bolio-ui-dropdown-min-width);padding:var(--bolio-ui-dropdown-padding);font-size:var(--bolio-ui-dropdown-font-size);font-weight:bold;}button.__jsx-style-dynamic-selector:hover{border-color:").concat(colors.hoverBorder, ";background-color:").concat(colors.hoverBgColor, ";}")));
-}
-ButtonDropdownItem.displayName = 'BolioUIButtonDropdownItem';
-export default ButtonDropdownItem;

package/esm/ButtonDropdown/Icon.js

@@ -1,28 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-function ButtonDropdownIcon(_ref) {
-  var color = _ref.color,
-    height = _ref.height;
-  return /*#__PURE__*/React.createElement("svg", {
-    stroke: color,
-    style: {
-      color: color
-    },
-    viewBox: "0 0 24 24",
-    width: height,
-    height: height,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    fill: "none",
-    shapeRendering: "geometricPrecision",
-    className: "jsx-3359574434"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M6 9l6 6 6-6",
-    className: "jsx-3359574434"
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3359574434"
-  }, "svg.jsx-3359574434{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}"));
-}
-ButtonDropdownIcon.displayName = 'BolioUIButtonDropdownIcon';
-export default ButtonDropdownIcon;

package/esm/ButtonDropdown/styles.js

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export var getColor = function getColor(palette, type) {
-  var disabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var colors = {
-    "default": {
-      color: palette.foreground,
-      bgColor: palette.accents_2,
-      borderColor: palette.accents_3,
-      borderLeftColor: palette.accents_3,
-      hoverBgColor: palette.accents_3,
-      hoverBorder: palette.accents_7
-    },
-    primary: {
-      color: palette.primaryDark,
-      bgColor: palette.primaryLight,
-      borderColor: palette.primary,
-      borderLeftColor: palette.primary,
-      hoverBgColor: palette.primaryLight,
-      hoverBorder: palette.primary
-    },
-    secondary: {
-      color: palette.secondaryDark,
-      bgColor: palette.secondaryLight,
-      borderColor: palette.secondary,
-      borderLeftColor: palette.secondary,
-      hoverBgColor: palette.secondaryLight,
-      hoverBorder: palette.secondary
-    },
-    success: {
-      color: palette.successDark,
-      bgColor: palette.successLight,
-      borderColor: palette.success,
-      borderLeftColor: palette.success,
-      hoverBgColor: palette.successLight,
-      hoverBorder: palette.success
-    },
-    warning: {
-      color: palette.warningDark,
-      bgColor: palette.warningLight,
-      borderColor: palette.warning,
-      borderLeftColor: palette.warning,
-      hoverBgColor: palette.warningLight,
-      hoverBorder: palette.warning
-    },
-    error: {
-      color: palette.errorDark,
-      bgColor: palette.errorLight,
-      borderColor: palette.error,
-      borderLeftColor: palette.error,
-      hoverBgColor: palette.errorLight,
-      hoverBorder: palette.error
-    },
-    info: {
-      color: palette.infoDark,
-      bgColor: palette.infoLight,
-      borderColor: palette.info,
-      borderLeftColor: palette.info,
-      hoverBgColor: palette.infoLight,
-      hoverBorder: palette.info
-    }
-  };
-  if (disabled) return _extends({}, colors["default"], {
-    color: palette.accents_4,
-    bgColor: palette.accents_2,
-    borderColor: palette.accents_3,
-    borderLeftColor: palette.accents_3,
-    hoverBgColor: palette.accents_2,
-    hoverBorder: palette.accents_3
-  });
-  return type ? colors[type] : colors["default"];
-};

package/esm/ButtonGroup/ButtonGroup.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["disabled", "type", "ghost", "vertical", "children", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { ButtonGroupContext } from './ButtonGroupContext';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var defaultProps = {
-  disabled: false,
-  vertical: false,
-  ghost: false,
-  type: 'default',
-  className: ''
-};
-var getGroupBorderColors = function getGroupBorderColors(palette, props) {
-  var ghost = props.ghost,
-    type = props.type;
-  if (!ghost && type !== 'default') return palette.background;
-  var colors = {
-    // default: palette.accents_3,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  var withoutLightType = type === null || type === void 0 ? void 0 : type.replace('-light', '');
-  return colors[withoutLightType] || colors["default"];
-};
-var ButtonGroupComponent = /*#__PURE__*/React.forwardRef(function (groupProps, ref) {
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _groupProps$disabled = groupProps.disabled,
-    disabled = _groupProps$disabled === void 0 ? defaultProps.disabled : _groupProps$disabled,
-    _groupProps$type = groupProps.type,
-    type = _groupProps$type === void 0 ? defaultProps.type : _groupProps$type,
-    _groupProps$ghost = groupProps.ghost,
-    ghost = _groupProps$ghost === void 0 ? defaultProps.ghost : _groupProps$ghost,
-    _groupProps$vertical = groupProps.vertical,
-    vertical = _groupProps$vertical === void 0 ? defaultProps.vertical : _groupProps$vertical,
-    children = groupProps.children,
-    _groupProps$className = groupProps.className,
-    className = _groupProps$className === void 0 ? defaultProps.className : _groupProps$className,
-    props = _objectWithoutProperties(groupProps, _excluded);
-  var initialValue = useMemo(function () {
-    return {
-      disabled: disabled,
-      type: type,
-      ghost: ghost,
-      isButtonGroup: true
-    };
-  }, [disabled, ghost, type]);
-  var border = useMemo(function () {
-    return getGroupBorderColors(theme.palette, {
-      ghost: ghost,
-      type: type
-    });
-  }, [theme.palette, ghost, type]);
-  var classes = useClasses('btn-group', {
-    vertical: vertical,
-    horizontal: !vertical
-  }, className);
-  return /*#__PURE__*/React.createElement(ButtonGroupContext.Provider, {
-    value: initialValue
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["3583665674", [theme.layout.radius, border, SCALES.width(1, 'auto'), SCALES.height(1, 'min-content'), SCALES.mt(0.313), SCALES.mr(0.313), SCALES.mb(0.313), SCALES.ml(0.313), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), border, border]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3583665674",
-    dynamic: [theme.layout.radius, border, SCALES.width(1, 'auto'), SCALES.height(1, 'min-content'), SCALES.mt(0.313), SCALES.mr(0.313), SCALES.mb(0.313), SCALES.ml(0.313), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), border, border]
-  }, ".btn-group.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:".concat(theme.layout.radius, ";border:1px solid ").concat(border, ";background-color:transparent;overflow:hidden;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'min-content'), ";margin:").concat(SCALES.mt(0.313), " ").concat(SCALES.mr(0.313), " ").concat(SCALES.mb(0.313), " ").concat(SCALES.ml(0.313), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.btn-group.__jsx-style-dynamic-selector .btn{border:none;}.btn-group.__jsx-style-dynamic-selector .btn .text{top:0;}.horizontal.__jsx-style-dynamic-selector .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid ").concat(border, ";}.horizontal.__jsx-style-dynamic-selector .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}.vertical.__jsx-style-dynamic-selector .btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid ").concat(border, ";}.vertical.__jsx-style-dynamic-selector .btn:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;}"))));
-});
-ButtonGroupComponent.displayName = 'BolioUIButtonGroup';
-var ButtonGroup = withScale(ButtonGroupComponent);
-export default ButtonGroup;

package/esm/ButtonGroup/ButtonGroupContext.js

@@ -1,9 +0,0 @@
-import React from 'react';
-var defaultContext = {
-  isButtonGroup: false,
-  disabled: false
-};
-export var ButtonGroupContext = /*#__PURE__*/React.createContext(defaultContext);
-export var useButtonGroupContext = function useButtonGroupContext() {
-  return React.useContext(ButtonGroupContext);
-};

package/esm/Calendar/Calendar.js

@@ -1,243 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "min", "max", "locale", "weekStartsOn", "autoFocus", "previousLabel", "nextLabel", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useId, useMemo, useRef, useState } from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-import { addDays, addMonths, clampDate, isSameDay, startOfDay, toISO } from './date-utils';
-var CalendarComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customValue = _ref.value,
-    onChange = _ref.onChange,
-    min = _ref.min,
-    max = _ref.max,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
-    _ref$weekStartsOn = _ref.weekStartsOn,
-    weekStartsOn = _ref$weekStartsOn === void 0 ? 0 : _ref$weekStartsOn,
-    _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-    _ref$previousLabel = _ref.previousLabel,
-    previousLabel = _ref$previousLabel === void 0 ? 'Previous month' : _ref$previousLabel,
-    _ref$nextLabel = _ref.nextLabel,
-    nextLabel = _ref$nextLabel === void 0 ? 'Next month' : _ref$nextLabel,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var headingId = useId();
-  var minDay = useMemo(function () {
-    return min ? startOfDay(min) : undefined;
-  }, [min]);
-  var maxDay = useMemo(function () {
-    return max ? startOfDay(max) : undefined;
-  }, [max]);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    selfValue = _useState2[0],
-    setSelfValue = _useState2[1];
-  var selected = customValue !== undefined ? customValue : selfValue;
-  var _useState3 = useState(function () {
-      return clampDate(startOfDay(selected || new Date()), minDay, maxDay);
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
-  var gridRef = useRef(null);
-  // The DOM focus only follows the focused day after the keyboard or on mount.
-  var moveFocus = useRef(autoFocus);
-  var time = selected ? selected.getTime() : null;
-  useEffect(function () {
-    if (time === null) return;
-    setFocused(clampDate(startOfDay(new Date(time)), minDay, maxDay));
-  }, [time, minDay, maxDay]);
-  useEffect(function () {
-    var _gridRef$current, _gridRef$current$quer;
-    if (!moveFocus.current) return;
-    moveFocus.current = false;
-    (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : (_gridRef$current$quer = _gridRef$current.querySelector("[data-date=\"".concat(toISO(focused), "\"]"))) === null || _gridRef$current$quer === void 0 ? void 0 : _gridRef$current$quer.focus();
-  }, [focused]);
-  var formats = useMemo(function () {
-    return {
-      month: new Intl.DateTimeFormat(locale, {
-        month: 'long',
-        year: 'numeric'
-      }),
-      day: new Intl.DateTimeFormat(locale, {
-        weekday: 'long',
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric'
-      }),
-      "short": new Intl.DateTimeFormat(locale, {
-        weekday: 'short'
-      }),
-      "long": new Intl.DateTimeFormat(locale, {
-        weekday: 'long'
-      })
-    };
-  }, [locale]);
-  var weekdays = useMemo(function () {
-    return Array.from({
-      length: 7
-    }, function (_, index) {
-      // 2023-01-01 is a Sunday
-      var date = new Date(2023, 0, 1 + (weekStartsOn + index) % 7);
-      return {
-        "short": formats["short"].format(date),
-        "long": formats["long"].format(date)
-      };
-    });
-  }, [formats, weekStartsOn]);
-  var year = focused.getFullYear();
-  var month = focused.getMonth();
-  var weeks = useMemo(function () {
-    var offset = (new Date(year, month, 1).getDay() - weekStartsOn + 7) % 7;
-    var total = new Date(year, month + 1, 0).getDate();
-    var cells = [].concat(_toConsumableArray(Array.from({
-      length: offset
-    }, function () {
-      return null;
-    })), _toConsumableArray(Array.from({
-      length: total
-    }, function (_, index) {
-      return new Date(year, month, index + 1);
-    })));
-    while (cells.length % 7) {
-      cells.push(null);
-    }
-    return Array.from({
-      length: cells.length / 7
-    }, function (_, index) {
-      return cells.slice(index * 7, index * 7 + 7);
-    });
-  }, [year, month, weekStartsOn]);
-  var isDisabled = function isDisabled(date) {
-    return Boolean(minDay && date < minDay || maxDay && date > maxDay);
-  };
-  var today = new Date();
-  var previousDisabled = Boolean(minDay && new Date(year, month, 0) < minDay);
-  var nextDisabled = Boolean(maxDay && new Date(year, month + 1, 1) > maxDay);
-  var select = function select(date) {
-    if (isDisabled(date)) return;
-    setFocused(date);
-    if (customValue === undefined) setSelfValue(date);
-    onChange && onChange(date);
-  };
-  var keyDownHandler = function keyDownHandler(event, date) {
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      return select(date);
-    }
-    var weekIndex = (date.getDay() - weekStartsOn + 7) % 7;
-    var targets = {
-      ArrowLeft: addDays(date, -1),
-      ArrowRight: addDays(date, 1),
-      ArrowUp: addDays(date, -7),
-      ArrowDown: addDays(date, 7),
-      Home: addDays(date, -weekIndex),
-      End: addDays(date, 6 - weekIndex),
-      PageUp: addMonths(date, event.shiftKey ? -12 : -1),
-      PageDown: addMonths(date, event.shiftKey ? 12 : 1)
-    };
-    if (!(event.key in targets)) return;
-    event.preventDefault();
-    moveFocus.current = true;
-    setFocused(clampDate(targets[event.key], minDay, maxDay));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + (props && props.className != null && props.className || useClasses('calendar', className) || "")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + "header"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "aria-label": previousLabel,
-    disabled: previousDisabled,
-    onClick: function onClick() {
-      return setFocused(clampDate(addMonths(focused, -1), minDay, maxDay));
-    },
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, "\u2039"), /*#__PURE__*/React.createElement("div", {
-    id: headingId,
-    "aria-live": "polite",
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + "title"
-  }, formats.month.format(focused)), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "aria-label": nextLabel,
-    disabled: nextDisabled,
-    onClick: function onClick() {
-      return setFocused(clampDate(addMonths(focused, 1), minDay, maxDay));
-    },
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, "\u203A")), /*#__PURE__*/React.createElement("table", {
-    ref: gridRef,
-    role: "grid",
-    "aria-labelledby": headingId,
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, /*#__PURE__*/React.createElement("thead", {
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, /*#__PURE__*/React.createElement("tr", {
-    role: "row",
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, weekdays.map(function (weekday) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: weekday["long"],
-      role: "columnheader",
-      scope: "col",
-      className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-    }, /*#__PURE__*/React.createElement("abbr", {
-      title: weekday["long"],
-      className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-    }, weekday["short"]));
-  }))), /*#__PURE__*/React.createElement("tbody", {
-    className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-  }, weeks.map(function (week, index) {
-    return /*#__PURE__*/React.createElement("tr", {
-      key: index,
-      role: "row",
-      className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-    }, week.map(function (date, cell) {
-      return date ? /*#__PURE__*/React.createElement("td", {
-        key: cell,
-        role: "gridcell",
-        "aria-selected": Boolean(selected && isSameDay(date, selected)),
-        className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-      }, /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        "data-date": toISO(date),
-        "aria-label": formats.day.format(date),
-        "aria-current": isSameDay(date, today) ? 'date' : undefined,
-        tabIndex: isSameDay(date, focused) ? 0 : -1,
-        disabled: isDisabled(date),
-        onClick: function onClick() {
-          return select(date);
-        },
-        onKeyDown: function onKeyDown(event) {
-          return keyDownHandler(event, date);
-        },
-        className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + (useClasses({
-          selected: Boolean(selected && isSameDay(date, selected)),
-          today: isSameDay(date, today)
-        }) || "")
-      }, date.getDate())) : /*#__PURE__*/React.createElement("td", {
-        key: cell,
-        role: "gridcell",
-        "aria-hidden": "true",
-        className: _JSXStyle.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]])
-      });
-    }));
-  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "697595925",
-    dynamic: [SCALES.font(1), theme.palette.foreground, 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), theme.palette.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]
-  }, ".calendar.__jsx-style-dynamic-selector{display:inline-block;font-size:".concat(SCALES.font(1), ";color:").concat(theme.palette.foreground, ";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), ";}.header.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5em;}.title.__jsx-style-dynamic-selector{font-weight:600;text-transform:capitalize;}table.__jsx-style-dynamic-selector{border-collapse:collapse;}th.__jsx-style-dynamic-selector{padding:0.25em 0;font-size:0.75em;font-weight:500;color:").concat(theme.palette.accents_5, ";}th.__jsx-style-dynamic-selector abbr.__jsx-style-dynamic-selector{-webkit-text-decoration:none;text-decoration:none;}td.__jsx-style-dynamic-selector{padding:1px;text-align:center;}button.__jsx-style-dynamic-selector{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:").concat(theme.layout.radius, ";}.header.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{width:2em;height:2em;font-size:1.25em;line-height:1;}td.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{width:2.5em;height:2.5em;}button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:not(:disabled){background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ").concat(theme.palette.primary, ";outline-offset:1px;}button.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:").concat(theme.palette.accents_3, ";}.today.__jsx-style-dynamic-selector{border-color:").concat(theme.palette.accents_4, ";}.selected.__jsx-style-dynamic-selector,.selected.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:not(:disabled){color:").concat(theme.palette.background, ";background-color:").concat(theme.palette.primary, ";border-color:").concat(theme.palette.primary, ";}")));
-});
-CalendarComponent.displayName = 'BolioUICalendar';
-var Calendar = withScale(CalendarComponent);
-export default Calendar;