@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

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;

package/esm/Calendar/date-utils.js

@@ -1,39 +0,0 @@
-export var startOfDay = function startOfDay(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-};
-export var addDays = function addDays(date, amount) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-};
-
-// Keeps the day inside the target month, so January 31 plus one month is February 28.
-export var addMonths = function addMonths(date, amount) {
-  var target = new Date(date.getFullYear(), date.getMonth() + amount, 1);
-  var lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
-  return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));
-};
-export var isSameDay = function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-};
-export var clampDate = function clampDate(date, min, max) {
-  if (min && date < min) return min;
-  if (max && date > max) return max;
-  return date;
-};
-var pad = function pad(value) {
-  return String(value).padStart(2, '0');
-};
-export var toISO = function toISO(date) {
-  return "".concat(date.getFullYear(), "-").concat(pad(date.getMonth() + 1), "-").concat(pad(date.getDate()));
-};
-
-// Only real dates: 2026-02-31 is not accepted.
-export var fromISO = function fromISO(text) {
-  var match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(text.trim());
-  if (!match) return null;
-  var year = +match[1],
-    month = +match[2],
-    day = +match[3];
-  var date = new Date(year, month - 1, day);
-  var isReal = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
-  return isReal ? date : null;
-};

package/esm/Capacity/Capacity.js

@@ -1,47 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "limit", "color", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { useProportions } from '../utils/calculations';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getColor = function getColor(val, palette) {
-  if (val < 33) return palette.info;
-  if (val < 66) return palette.warning;
-  return palette.errorDark;
-};
-var CapacityComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 0 : _ref$value,
-    _ref$limit = _ref.limit,
-    limit = _ref$limit === void 0 ? 100 : _ref$limit,
-    userColor = _ref.color,
-    _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 percentValue = useProportions(value, limit);
-  var classes = useClasses('capacity', className);
-  var color = useMemo(function () {
-    if (userColor && userColor !== '') return userColor;
-    return getColor(percentValue, theme.palette);
-  }, [userColor, percentValue, theme.palette]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    title: "".concat(percentValue, "%")
-  }, props, {
-    className: _JSXStyle.dynamic([["3030733389", [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["3030733389", [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color]]])
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3030733389",
-    dynamic: [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color]
-  }, ".capacity.__jsx-style-dynamic-selector{width:".concat(SCALES.width(3.125), ";height:").concat(SCALES.height(0.625), ";border-radius:").concat(theme.layout.radius, ";overflow:hidden;background-color:").concat(theme.palette.accents_2, ";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), ";}span.__jsx-style-dynamic-selector{width:").concat(percentValue, "%;background-color:").concat(color, ";height:100%;margin:0;padding:0;display:block;}")));
-});
-CapacityComponent.displayName = 'BolioUICapacity';
-var Capacity = withScale(CapacityComponent);
-export default Capacity;

package/esm/Card/Card.js

@@ -1,66 +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", "hoverable", "rounded", "bordered", "className", "shadow", "type"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { getStyles } from './styles';
-import CardFooter from './CardFooter';
-import CardContent from './CardContent';
-import Image from '../Image';
-import { hasChild, pickChild } from '../utils/collections';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var defaultProps = {
-  type: 'default',
-  hoverable: false,
-  bordered: false,
-  shadow: false,
-  className: ''
-};
-var CardComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    hoverable = _ref.hoverable,
-    rounded = _ref.rounded,
-    bordered = _ref.bordered,
-    className = _ref.className,
-    shadow = _ref.shadow,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var hoverShadow = useMemo(function () {
-    if (shadow) return theme.expressiveness.shadowMedium;
-    return hoverable ? theme.expressiveness.shadowSmall : 'none';
-  }, [hoverable, shadow, theme.expressiveness]);
-  var _useMemo = useMemo(function () {
-      return getStyles(type, theme.palette, shadow);
-    }, [type, theme.palette, shadow]),
-    color = _useMemo.color,
-    bgColor = _useMemo.bgColor,
-    borderColor = _useMemo.borderColor;
-  var _pickChild = pickChild(children, CardFooter),
-    _pickChild2 = _slicedToArray(_pickChild, 2),
-    withoutFooterChildren = _pickChild2[0],
-    footerChildren = _pickChild2[1];
-  var _pickChild3 = pickChild(withoutFooterChildren, Image),
-    _pickChild4 = _slicedToArray(_pickChild3, 2),
-    withoutImageChildren = _pickChild4[0],
-    imageChildren = _pickChild4[1];
-  var hasContent = hasChild(withoutImageChildren, CardContent);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["3501183919", [theme.palette.background, rounded ? '25px' : theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : 'none', color, bgColor, bordered ? '1px solid' + borderColor : 'none', 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), hoverShadow]]]) + " " + (props && props.className != null && props.className || useClasses('card', className) || "")
-  }), imageChildren, hasContent ? withoutImageChildren : /*#__PURE__*/React.createElement(CardContent, null, withoutImageChildren), footerChildren, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3501183919",
-    dynamic: [theme.palette.background, rounded ? '25px' : theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : 'none', color, bgColor, bordered ? '1px solid' + borderColor : 'none', 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), hoverShadow]
-  }, ".card.__jsx-style-dynamic-selector{background:".concat(theme.palette.background, ";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";box-shadow:").concat(shadow ? theme.expressiveness.shadowSmall : 'none', ";box-sizing:border-box;color:").concat(color, ";background-color:").concat(bgColor, ";border:").concat(bordered ? '1px solid' + borderColor : 'none', ";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), ";}.card.__jsx-style-dynamic-selector:hover{box-shadow:").concat(hoverShadow, ";}.card.__jsx-style-dynamic-selector img{width:100%;}.card.__jsx-style-dynamic-selector .image{border-bottom-left-radius:0;border-bottom-right-radius:0;}")));
-});
-CardComponent.defaultProps = defaultProps;
-CardComponent.displayName = 'BolioUICard';
-var Card = withScale(CardComponent);
-export default Card;