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

package/esm/Popover/Popover.js

@@ -1,96 +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 = ["content", "children", "trigger", "placement", "initialVisible", "portalClassName", "disableItemsAutoClose", "onVisibleChange", "visible", "type"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo, useState } from 'react';
-import Tooltip from '../Tooltip';
-import { getReactNode } from '../utils/collections';
-import useScale, { withScale } from '../use-scale';
-import { PopoverContext } from './PopoverContext';
-import useClasses from '../use-classes';
-import useDefaultProps from '../utils/use-default-props';
-var defaultProps = {
-  disableItemsAutoClose: false,
-  trigger: 'click',
-  placement: 'bottom',
-  portalClassName: '',
-  initialVisible: false,
-  hideArrow: false,
-  type: 'default',
-  enterDelay: 100,
-  leaveDelay: 150,
-  offset: 12,
-  className: '',
-  onVisibleChange: function () {},
-  visible: false
-};
-
-// type ExcludeTooltipProps = {
-//   type: any
-//   text: any
-//   trigger: any
-//   placement: any
-// }
-
-var PopoverComponent = /*#__PURE__*/React.forwardRef(function (popoverProps, ref) {
-  var _useDefaultProps = useDefaultProps(popoverProps, defaultProps),
-    content = _useDefaultProps.content,
-    children = _useDefaultProps.children,
-    trigger = _useDefaultProps.trigger,
-    placement = _useDefaultProps.placement,
-    initialVisible = _useDefaultProps.initialVisible,
-    portalClassName = _useDefaultProps.portalClassName,
-    disableItemsAutoClose = _useDefaultProps.disableItemsAutoClose,
-    onVisibleChange = _useDefaultProps.onVisibleChange,
-    customVisible = _useDefaultProps.visible,
-    _useDefaultProps$type = _useDefaultProps.type,
-    type = _useDefaultProps$type === void 0 ? 'default' : _useDefaultProps$type,
-    props = _objectWithoutProperties(_useDefaultProps, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useState = useState(initialVisible),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var textNode = useMemo(function () {
-    return getReactNode(content);
-  }, [content]);
-  var onChildClick = function onChildClick() {
-    onPopoverVisibleChange(false);
-  };
-  var value = useMemo(function () {
-    return {
-      onItemClick: onChildClick,
-      disableItemsAutoClose: disableItemsAutoClose
-    };
-  }, [disableItemsAutoClose]);
-  var classes = useClasses('popover', portalClassName);
-  var onPopoverVisibleChange = function onPopoverVisibleChange(next) {
-    setVisible(next);
-    onVisibleChange(next);
-  };
-  useEffect(function () {
-    if (customVisible === undefined) return;
-    onPopoverVisibleChange(customVisible);
-  }, [customVisible]);
-  return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
-    ref: ref,
-    initialVisible: false,
-    text: textNode,
-    trigger: trigger,
-    placement: placement,
-    portalClassName: classes,
-    visible: visible,
-    type: type,
-    onVisibleChange: onPopoverVisibleChange
-  }, props), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "421785314",
-    dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]
-  }, ".tooltip-content.popover > .inner{padding:".concat(SCALES.pt(0.9), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.9), " ").concat(SCALES.pl(0), ";}"))));
-});
-PopoverComponent.displayName = 'BolioUIPopover';
-var Popover = withScale(PopoverComponent);
-export default Popover;

package/esm/Popover/PopoverContext.js

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

package/esm/Popover/PopoverItem.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "line", "title", "className", "onClick", "disableAutoClose"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import { usePopoverContext } from './PopoverContext';
-import useClasses from '../use-classes';
-function PopoverItemComponent(_ref) {
-  var children = _ref.children,
-    _ref$line = _ref.line,
-    line = _ref$line === void 0 ? false : _ref$line,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? false : _ref$title,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    _ref$disableAutoClose = _ref.disableAutoClose,
-    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _usePopoverContext = usePopoverContext(),
-    disableItemsAutoClose = _usePopoverContext.disableItemsAutoClose,
-    onItemClick = _usePopoverContext.onItemClick;
-  var hasHandler = Boolean(onClick);
-  var dontCloseByClick = disableAutoClose || disableItemsAutoClose || title || line;
-  var classes = useClasses('item', {
-    line: line,
-    title: title
-  }, className);
-  var clickHandler = function clickHandler(event) {
-    onClick && onClick(event);
-    if (dontCloseByClick) {
-      return event.stopPropagation();
-    }
-    onItemClick(event);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["2829879905", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2829879905",
-    dynamic: [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]
-  }, ".item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:".concat(theme.palette.accents_5, ";-webkit-transition:color,background-color 150ms linear;transition:color,background-color 150ms linear;line-height:1.25em;font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0.5), " ").concat(SCALES.pr(0.75), " ").concat(SCALES.pb(0.5), " ").concat(SCALES.pl(0.75), ";cursor:").concat(hasHandler ? 'pointer' : 'default', ";}.item.__jsx-style-dynamic-selector:hover{color:").concat(theme.palette.foreground, ";}.item.line.__jsx-style-dynamic-selector{line-height:0;padding:0;background-color:").concat(theme.palette.border, ";height:").concat(SCALES.height(0.0625), ";margin:").concat(SCALES.mt(0.35), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0.35), " ").concat(SCALES.ml(0), ";width:").concat(SCALES.width(1, '100%'), ";}.item.title.__jsx-style-dynamic-selector{font-weight:500;font-size:").concat(SCALES.font(0.925), ";color:").concat(theme.palette.foreground, ";}"))), title && /*#__PURE__*/React.createElement(PopoverItem, {
-    line: true,
-    title: false
-  }));
-}
-PopoverItemComponent.displayName = 'BolioUIPopoverItem';
-var PopoverItem = withScale(PopoverItemComponent);
-export default PopoverItem;

package/esm/Progress/Progress.js

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "max", "className", "type", "colors", "fixedTop", "fixedBottom"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import { useProportions } from '../utils/calculations';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getCurrentColor = function getCurrentColor(ratio, palette, type) {
-  var colors = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var defaultColors = {
-    "default": palette.foreground,
-    primary: palette.primary,
-    success: palette.success,
-    secondary: palette.secondary,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  var colorKeys = Object.keys(colors);
-  if (colorKeys.length === 0) return defaultColors[type];
-  var customColorKey = colorKeys.find(function (key) {
-    return ratio <= +key;
-  });
-  if (!customColorKey || Number.isNaN(+customColorKey)) return defaultColors[type];
-  return colors[+customColorKey];
-};
-var ProgressComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 0 : _ref$value,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    colors = _ref.colors,
-    _ref$fixedTop = _ref.fixedTop,
-    fixedTop = _ref$fixedTop === void 0 ? false : _ref$fixedTop,
-    _ref$fixedBottom = _ref.fixedBottom,
-    fixedBottom = _ref$fixedBottom === void 0 ? false : _ref$fixedBottom,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var percentValue = useProportions(value, max);
-  var currentColor = getCurrentColor(percentValue, theme.palette, type, colors);
-  var fixed = fixedTop || fixedBottom;
-  var classes = useClasses('progress', {
-    fixed: fixed
-  }, className);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (classes || "")
-  }, /*#__PURE__*/React.createElement("div", {
-    title: "".concat(percentValue, "%"),
-    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + "inner"
-  }), /*#__PURE__*/React.createElement("progress", _extends({
-    value: value,
-    max: max
-  }, props, {
-    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (props && props.className != null && props.className || className || "")
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4156751558",
-    dynamic: [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]
-  }, "progress.__jsx-style-dynamic-selector{position:fixed;top:-1000px;opacity:0;visibility:hidden;pointer-events:none;}.progress.__jsx-style-dynamic-selector{position:relative;background-color:".concat(theme.palette.accents_2, ";border-radius:").concat(theme.layout.radius, ";width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(0.625), ";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), ";}.fixed.__jsx-style-dynamic-selector{position:fixed;top:").concat(fixedTop ? 0 : 'unset', ";bottom:").concat(fixedBottom ? 0 : 'unset', ";left:0;border-radius:0;}.fixed.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{border-radius:0;}.inner.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;height:100%;bottom:0;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in;border-radius:").concat(theme.layout.radius, ";background-color:").concat(currentColor, ";width:").concat(percentValue, "%;}")));
-});
-ProgressComponent.displayName = 'BolioUIProgress';
-var Progress = withScale(ProgressComponent);
-export default Progress;

package/esm/Radio/Radio.js

@@ -1,108 +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 = ["className", "checked", "onChange", "disabled", "type", "value", "children"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo, useState } from 'react';
-import useTheme from '../use-theme';
-import { useRadioContext } from './RadioContext';
-import RadioDescription from './RadioDescription';
-import { pickChild } from '../utils/collections';
-import useWarning from '../utils/use-warning';
-import { getColors } from './styles';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var RadioComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    radioValue = _ref.value,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useState = useState(!!checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    selfChecked = _useState2[0],
-    setSelfChecked = _useState2[1];
-  var _useRadioContext = useRadioContext(),
-    groupValue = _useRadioContext.value,
-    disabledAll = _useRadioContext.disabledAll,
-    inGroup = _useRadioContext.inGroup,
-    updateState = _useRadioContext.updateState;
-  var _pickChild = pickChild(children, RadioDescription),
-    _pickChild2 = _slicedToArray(_pickChild, 2),
-    withoutDescChildren = _pickChild2[0],
-    DescChildren = _pickChild2[1];
-  if (inGroup) {
-    if (checked !== undefined) {
-      useWarning('Remove props "checked" if in the Radio.Group.', 'Radio');
-    }
-    if (radioValue === undefined) {
-      useWarning('Props "value" must be deinfed if in the Radio.Group.', 'Radio');
-    }
-    useEffect(function () {
-      setSelfChecked(groupValue === radioValue);
-    }, [groupValue, radioValue]);
-  }
-  var _useMemo = useMemo(function () {
-      return getColors(theme.palette, type);
-    }, [theme.palette, type]),
-    label = _useMemo.label,
-    border = _useMemo.border,
-    bg = _useMemo.bg;
-  var isDisabled = useMemo(function () {
-    return disabled || disabledAll;
-  }, [disabled, disabledAll]);
-  var changeHandler = function changeHandler(event) {
-    if (isDisabled) return;
-    var selfEvent = {
-      target: {
-        checked: !selfChecked
-      },
-      stopPropagation: event.stopPropagation,
-      preventDefault: event.preventDefault,
-      nativeEvent: event
-    };
-    setSelfChecked(!selfChecked);
-    if (inGroup) {
-      updateState && updateState(radioValue);
-    }
-    onChange && onChange(selfEvent);
-  };
-  useEffect(function () {
-    if (checked === undefined) return;
-    setSelfChecked(Boolean(checked));
-  }, [checked]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["691427886", [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]]]) + " " + (useClasses('radio', className) || "")
-  }, /*#__PURE__*/React.createElement("label", {
-    className: _JSXStyle.dynamic([["691427886", [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]]])
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    ref: ref,
-    type: "radio",
-    value: radioValue,
-    checked: selfChecked,
-    onChange: changeHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["691427886", [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]]]) + " " + (props && props.className != null && props.className || "")
-  })), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["691427886", [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]]]) + " " + "name"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["691427886", [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]]]) + " " + (useClasses('point', {
-      active: selfChecked
-    }) || "")
-  }), withoutDescChildren), DescChildren && DescChildren), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "691427886",
-    dynamic: [theme.palette.primary, SCALES.font(1), SCALES.width(1, 'initial'), 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), isDisabled ? theme.palette.accents_4 : label, isDisabled ? 'not-allowed' : 'pointer', border, isDisabled ? theme.palette.accents_4 : bg]
-  }, "input.__jsx-style-dynamic-selector{opacity:0;overflow:hidden;width:1px;height:1px;margin:0;top:0;left:0;position:absolute;font-size:0;}input.__jsx-style-dynamic-selector:focus-visible+.name.__jsx-style-dynamic-selector{border-radius:4px;outline:2px solid ".concat(theme.palette.primary, ";outline-offset:2px;}.radio.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;position:relative;--radio-size:").concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'initial'), ";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), ";}label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:").concat(isDisabled ? theme.palette.accents_4 : label, ";cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";}.name.__jsx-style-dynamic-selector{font-size:var(--radio-size);font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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;}.point.__jsx-style-dynamic-selector{height:var(--radio-size);width:var(--radio-size);border-radius:50%;border:1px solid ").concat(border, ";-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;position:relative;display:inline-block;-webkit-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);margin-right:calc(var(--radio-size) * 0.375);}.point.__jsx-style-dynamic-selector:before{content:'';position:absolute;left:-1px;top:-1px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);height:var(--radio-size);width:var(--radio-size);border-radius:50%;background-color:").concat(isDisabled ? theme.palette.accents_4 : bg, ";}.active.__jsx-style-dynamic-selector:before{-webkit-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}")));
-});
-RadioComponent.displayName = 'BolioUIRadio';
-var Radio = withScale(RadioComponent);
-export default Radio;

package/esm/Radio/RadioContext.js

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

package/esm/Radio/RadioDescription.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "children"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-function RadioDescriptionComponent(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2910110723", [theme.palette.accents_3, SCALES.font(0.85, 'calc(var(--radio-size) * 0.85)'), 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, 'calc(var(--radio-size) + var(--radio-size) * 0.375)')]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2910110723",
-    dynamic: [theme.palette.accents_3, SCALES.font(0.85, 'calc(var(--radio-size) * 0.85)'), 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, 'calc(var(--radio-size) + var(--radio-size) * 0.375)')]
-  }, "span.__jsx-style-dynamic-selector{color:".concat(theme.palette.accents_3, ";font-size:").concat(SCALES.font(0.85, 'calc(var(--radio-size) * 0.85)'), ";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, 'calc(var(--radio-size) + var(--radio-size) * 0.375)'), ";}")));
-}
-RadioDescriptionComponent.displayName = 'BolioUIRadioDescription';
-var RadioDescription = withScale(RadioDescriptionComponent);
-export default RadioDescription;

package/esm/Radio/RadioGroup.js

@@ -1,55 +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 = ["disabled", "onChange", "value", "children", "className", "initialValue", "useRow"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo, useState } from 'react';
-import { RadioContext } from './RadioContext';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-function RadioGroupComponent(_ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    initialValue = _ref.initialValue,
-    _ref$useRow = _ref.useRow,
-    useRow = _ref$useRow === void 0 ? false : _ref$useRow,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useState = useState(initialValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    selfVal = _useState2[0],
-    setSelfVal = _useState2[1];
-  var updateState = function updateState(nextValue) {
-    setSelfVal(nextValue);
-    onChange && onChange(nextValue);
-  };
-  var providerValue = useMemo(function () {
-    return {
-      updateState: updateState,
-      disabledAll: disabled,
-      inGroup: true,
-      value: selfVal
-    };
-  }, [disabled, selfVal]);
-  useEffect(function () {
-    if (value === undefined) return;
-    setSelfVal(value);
-  }, [value]);
-  return /*#__PURE__*/React.createElement(RadioContext.Provider, {
-    value: providerValue
-  }, /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2984632262", [useRow ? 'col' : 'column', 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), useRow ? 0 : 'var(--radio-group-gap)', useRow ? 'var(--radio-group-gap)' : 0, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || useClasses('radio-group', className) || "")
-  }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2984632262",
-    dynamic: [useRow ? 'col' : 'column', 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), useRow ? 0 : 'var(--radio-group-gap)', useRow ? 'var(--radio-group-gap)' : 0, SCALES.font(1)]
-  }, ".radio-group.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:".concat(useRow ? 'col' : 'column', ";-ms-flex-direction:").concat(useRow ? 'col' : 'column', ";flex-direction:").concat(useRow ? 'col' : 'column', ";--radio-group-gap:").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), ";}.radio-group.__jsx-style-dynamic-selector .radio{margin-top:").concat(useRow ? 0 : 'var(--radio-group-gap)', ";margin-left:").concat(useRow ? 'var(--radio-group-gap)' : 0, ";--radio-size:").concat(SCALES.font(1), ";}.radio-group.__jsx-style-dynamic-selector .radio:first-of-type{margin:0;}")));
-}
-RadioGroupComponent.displayName = 'BolioUIRadioGroup';
-var RadioGroup = withScale(RadioGroupComponent);
-export default RadioGroup;

package/esm/Radio/styles.js

@@ -1,41 +0,0 @@
-export var getColors = function getColors(palette, status) {
-  var colors = {
-    "default": {
-      label: palette.foreground,
-      border: palette.border,
-      bg: palette.foreground
-    },
-    primary: {
-      label: palette.primary,
-      border: palette.primary,
-      bg: palette.primary
-    },
-    secondary: {
-      label: palette.secondary,
-      border: palette.secondary,
-      bg: palette.secondary
-    },
-    success: {
-      label: palette.success,
-      border: palette.success,
-      bg: palette.success
-    },
-    warning: {
-      label: palette.warning,
-      border: palette.warning,
-      bg: palette.warning
-    },
-    error: {
-      label: palette.error,
-      border: palette.error,
-      bg: palette.error
-    },
-    info: {
-      label: palette.info,
-      border: palette.info,
-      bg: palette.info
-    }
-  };
-  if (!status) return colors["default"];
-  return colors[status];
-};

package/esm/Rating/Rating.js

@@ -1,104 +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 = ["type", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo, useState } from 'react';
-import { tupleNumber } from '../utils/prop-types';
-import RatingIcon from './RatingIcon';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var ratingCountTuple = tupleNumber(2, 3, 4, 5, 6, 7, 8, 9, 10);
-var ratingValueTuple = tupleNumber(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
-var getColor = function getColor(type, palette) {
-  var colors = {
-    "default": palette.accents_6,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  return colors[type] || colors["default"];
-};
-var RatingComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(RatingIcon, null) : _ref$icon,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 5 : _ref$count,
-    customValue = _ref.value,
-    _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? 1 : _ref$initialValue,
-    onValueChange = _ref.onValueChange,
-    _ref$locked = _ref.locked,
-    locked = _ref$locked === void 0 ? false : _ref$locked,
-    onLockedChange = _ref.onLockedChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var color = useMemo(function () {
-    return getColor(type, theme.palette);
-  }, [type, theme.palette]);
-  var _useState = useState(initialValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(locked),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLocked = _useState4[0],
-    setIsLocked = _useState4[1];
-  var lockedChangeHandler = function lockedChangeHandler(next) {
-    setIsLocked(next);
-    onLockedChange && onLockedChange(next);
-  };
-  var valueChangeHandler = function valueChangeHandler(next) {
-    setValue(next);
-    var emitValue = next > count ? count : next;
-    onValueChange && onValueChange(emitValue);
-  };
-  var clickHandler = function clickHandler(index) {
-    if (isLocked) return lockedChangeHandler(false);
-    valueChangeHandler(index);
-    lockedChangeHandler(true);
-  };
-  var mouseEnterHandler = function mouseEnterHandler(index) {
-    if (isLocked) return;
-    valueChangeHandler(index);
-  };
-  useEffect(function () {
-    if (typeof customValue === 'undefined') return;
-    setValue(customValue < 0 ? 0 : customValue);
-  }, [customValue]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["1712443240", [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, isLocked ? 'default' : 'pointer', color]]]) + " " + (props && props.className != null && props.className || useClasses('rating', className) || "")
-  }), _toConsumableArray(Array(count)).map(function (_, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      onMouseEnter: function onMouseEnter() {
-        return mouseEnterHandler(index + 1);
-      },
-      onClick: function onClick() {
-        return clickHandler(index + 1);
-      },
-      className: _JSXStyle.dynamic([["1712443240", [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, isLocked ? 'default' : 'pointer', color]]]) + " " + (useClasses('icon-box', {
-        hovered: index + 1 <= value
-      }) || "")
-    }, icon);
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1712443240",
-    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, isLocked ? 'default' : 'pointer', color]
-  }, ".rating.__jsx-style-dynamic-selector{box-sizing:border-box;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;--rating-font-size:".concat(SCALES.font(1), ";font-size:var(--rating-font-size);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-box.__jsx-style-dynamic-selector{box-sizing:border-box;color:").concat(color, ";width:calc(var(--rating-font-size) * 1.5);height:calc(var(--rating-font-size) * 1.5);margin-right:calc(var(--rating-font-size) * 1 / 5);cursor:").concat(isLocked ? 'default' : 'pointer', ";}.icon-box.__jsx-style-dynamic-selector svg{width:100%;height:100%;fill:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform,color,fill 30ms linear;-webkit-transition:transform,color,fill 30ms linear;transition:transform,color,fill 30ms linear;}.hovered.__jsx-style-dynamic-selector svg{fill:").concat(color, ";-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}")));
-});
-RatingComponent.displayName = 'BolioUIRating';
-var Rating = withScale(RatingComponent);
-export default Rating;

package/esm/Rating/RatingIcon.js

@@ -1,18 +0,0 @@
-import React from 'react';
-function RatingIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    fill: "none",
-    shapeRendering: "geometricPrecision"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
-  }));
-}
-RatingIcon.displayName = 'BolioUIRatingIcon';
-export default RatingIcon;