@bolio-ui/core 1.0.3 → 1.0.5

package/esm/breadcrumbs/stories.js

@@ -1,51 +0,0 @@
-import NextLink from 'next/link';
-import Breadcrumbs from '.';
-import Grid from '../grid';
-import { Home, Settings } from '@bolio-ui/icons';
-export default {
-  title: 'Navigation/Breadcrumbs',
-  component: Breadcrumbs
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    href: ""
-  }, "Settings"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
-};
-export var Separator = function Separator() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, {
-    separator: "-"
-  }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    href: ""
-  }, "Categories"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Add"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, {
-    separator: ">"
-  }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Separator, null, ":"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    href: ""
-  }, "Pages"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    href: ""
-  }, "Default"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Index"))));
-};
-export var Icons = function Icons() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    href: ""
-  }, /*#__PURE__*/React.createElement(Settings, null), " Settings"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
-};
-export var WithNextjs = function WithNextjs() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(NextLink, {
-    href: "/"
-  }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    nextLink: true
-  }, "Home")), /*#__PURE__*/React.createElement(NextLink, {
-    href: "/settings"
-  }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-    nextLink: true
-  }, "Settings")), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
-};

package/esm/button/button-loading.js

@@ -1,17 +0,0 @@
-import _JSXStyle from "../styled-jsx.es.js";
-import React from 'react';
-import Loading from '../loading';
-
-function ButtonLoading(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-412966635" + " " + "btn-loading"
-  }, /*#__PURE__*/React.createElement(Loading, {
-    color: color
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "412966635"
-  }, ".btn-loading.jsx-412966635{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:var(--bolio-ui-button-bg);}"));
-}
-
-ButtonLoading.displayName = 'BolioUIButtonLoading';
-export default ButtonLoading;

package/esm/button/button.js

@@ -1,146 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["children", "disabled", "type", "loading", "shadow", "ghost", "rounded", "effect", "onClick", "auto", "icon", "htmlType", "iconRight", "className"];
-import _JSXStyle from "../styled-jsx.es.js";
-import React, { useRef, useState, useMemo, useImperativeHandle } from 'react';
-import useScale, { withScale } from '../use-scale';
-import useTheme from '../use-theme';
-import ButtonDrip from './button.drip';
-import ButtonLoading from './button-loading';
-import { filterPropsWithGroup, getButtonChildrenWithIcon } from './utils';
-import { useButtonGroupContext } from '../button-group/button-group-context';
-import { getButtonColors, getButtonCursor, getButtonDripColor, getButtonHoverColors } from './styles';
-import useClasses from '../use-classes';
-var defaultProps = {
-  type: 'default',
-  htmlType: 'button',
-  ghost: false,
-  rounded: false,
-  loading: false,
-  shadow: false,
-  auto: false,
-  effect: true,
-  disabled: false,
-  className: ''
-};
-var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
-  var theme = useTheme();
-
-  var _useScale = useScale(),
-      SCALES = _useScale.SCALES;
-
-  var buttonRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return buttonRef.current;
-  });
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dripShow = _useState2[0],
-      setDripShow = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      dripX = _useState4[0],
-      setDripX = _useState4[1];
-
-  var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      dripY = _useState6[0],
-      setDripY = _useState6[1];
-
-  var groupConfig = useButtonGroupContext();
-  var filteredProps = filterPropsWithGroup(btnProps, groupConfig);
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-
-  var children = filteredProps.children,
-      disabled = filteredProps.disabled,
-      type = filteredProps.type,
-      loading = filteredProps.loading,
-      shadow = filteredProps.shadow,
-      ghost = filteredProps.ghost,
-      rounded = filteredProps.rounded,
-      effect = filteredProps.effect,
-      onClick = filteredProps.onClick,
-      auto = filteredProps.auto,
-      icon = filteredProps.icon,
-      htmlType = filteredProps.htmlType,
-      iconRight = filteredProps.iconRight,
-      className = filteredProps.className,
-      props = _objectWithoutProperties(filteredProps, _excluded);
-  /* eslint-enable @typescript-eslint/no-unused-vars */
-
-
-  var _useMemo = useMemo(function () {
-    return getButtonColors(theme.palette, filteredProps);
-  }, [theme.palette, filteredProps]),
-      bg = _useMemo.bg,
-      border = _useMemo.border,
-      color = _useMemo.color;
-
-  var hover = useMemo(function () {
-    return getButtonHoverColors(theme.palette, filteredProps);
-  }, [theme.palette, filteredProps]);
-
-  var _useMemo2 = useMemo(function () {
-    return getButtonCursor(disabled, loading);
-  }, [disabled, loading]),
-      cursor = _useMemo2.cursor,
-      events = _useMemo2.events;
-
-  var dripColor = useMemo(function () {
-    return getButtonDripColor(theme.palette, filteredProps);
-  }, [theme.palette, filteredProps]);
-
-  var dripCompletedHandle = function dripCompletedHandle() {
-    setDripShow(false);
-    setDripX(0);
-    setDripY(0);
-  };
-
-  var clickHandler = function clickHandler(event) {
-    if (disabled || loading) return;
-    var showDrip = effect;
-
-    if (showDrip && buttonRef.current) {
-      var rect = buttonRef.current.getBoundingClientRect();
-      setDripShow(true);
-      setDripX(event.clientX - rect.left);
-      setDripY(event.clientY - rect.top);
-    }
-
-    onClick && onClick(event);
-  };
-
-  var childrenWithIcon = useMemo(function () {
-    return getButtonChildrenWithIcon(auto, children, {
-      icon: icon,
-      iconRight: iconRight
-    });
-  }, [auto, children, icon, iconRight]);
-  var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.15),
-      paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.15);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    ref: buttonRef,
-    type: htmlType,
-    disabled: disabled,
-    onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["3337261033", [rounded ? '25px' : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? '0 4px 10px 0' + bg : 'none', SCALES.pl(0.75), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events]]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
-  }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
-    color: color
-  }), childrenWithIcon, dripShow && /*#__PURE__*/React.createElement(ButtonDrip, {
-    x: dripX,
-    y: dripY,
-    color: dripColor,
-    onCompleted: dripCompletedHandle
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3337261033",
-    dynamic: [rounded ? '25px' : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? '0 4px 10px 0' + bg : 'none', SCALES.pl(0.75), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events]
-  }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;border-radius:".concat(rounded ? '25px' : theme.layout.radius, ";font-weight:500;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? '0 4px 10px 0' + bg : 'none', ";--bolio-ui-button-icon-padding:").concat(SCALES.pl(0.75), ";--bolio-ui-button-height:").concat(SCALES.height(2.5), ";--bolio-ui-button-color:").concat(color, ";--bolio-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--bolio-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";}.btn.__jsx-style-dynamic-selector:active{-webkit-transform:scale(0.98,0.98);-ms-transform:scale(0.98,0.98);transform:scale(0.98,0.98);}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;text-align:center;line-height:inherit;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}")));
-});
-ButtonComponent.defaultProps = defaultProps;
-ButtonComponent.displayName = 'BolioUIButton';
-var Button = withScale(ButtonComponent);
-export default Button;

package/esm/button/index.js

@@ -1,2 +0,0 @@
-import Button from './button';
-export default Button;

package/esm/button/stories.js

@@ -1,221 +0,0 @@
-import Button from '.';
-import Grid from '../grid';
-import { Zap, ZapOff, AlertCircle, XSquare } from '@bolio-ui/icons';
-export default {
-  title: 'General/Button',
-  component: Button
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, null, "Button")));
-};
-export var Loading = function Loading() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    loading: true
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    loading: true,
-    scale: 0.75
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    loading: true,
-    auto: true,
-    type: "primary",
-    scale: 2 / 3
-  }, "Button")));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    disabled: true
-  }, "Button")));
-};
-export var Shadow = function Shadow() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    shadow: true,
-    type: "primary"
-  }, "Button Shadow")));
-};
-export var TypeColors = function TypeColors() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "primary"
-  }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "secondary"
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "success"
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "warning"
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "error"
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "info"
-  }, "Info")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "abort"
-  }, "Abort")));
-};
-export var Lighted = function Lighted() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "primary-light"
-  }, "Primary Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "secondary-light"
-  }, "Secondary Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "success-light"
-  }, "Success Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "warning-light"
-  }, "Warning Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "error-light"
-  }, "Error Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "info-light"
-  }, "Info Light")));
-};
-export var Ghost = function Ghost() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    ghost: true,
-    auto: true,
-    scale: 0.7
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "success",
-    ghost: true,
-    auto: true,
-    scale: 0.7
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "warning",
-    ghost: true,
-    auto: true,
-    scale: 0.7
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "error",
-    ghost: true,
-    auto: true,
-    scale: 0.7
-  }, "Error")));
-};
-export var Rounded = function Rounded() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    rounded: true,
-    auto: true,
-    scale: 0.7
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "success",
-    rounded: true,
-    auto: true,
-    scale: 0.7
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "warning",
-    rounded: true,
-    auto: true,
-    scale: 0.7
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    type: "error",
-    rounded: true,
-    auto: true,
-    scale: 0.7
-  }, "Error")));
-};
-export var Scale = function Scale() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 0.25
-  }, "0.25")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 0.35
-  }, "0.35")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 1 / 2
-  }, "1 / 2")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 0.75
-  }, "0.75")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    padding: 0
-  }, "NoPadding")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    font: 0.25
-  }, "Small Font")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    pl: 0,
-    ml: "25px"
-  }, "Offset")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Button, {
-    width: "100%"
-  }, "Full Width")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    width: "30%",
-    mx: "5px"
-  }, "proportion"), /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    width: "30%",
-    mx: "5px"
-  }, "proportion"), /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    width: "30%",
-    mx: "5px"
-  }, "proportion")));
-};
-export var WithIcons = function WithIcons() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    iconRight: /*#__PURE__*/React.createElement(Zap, null),
-    auto: true,
-    scale: 2 / 3
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    iconRight: /*#__PURE__*/React.createElement(ZapOff, null),
-    auto: true,
-    scale: 2 / 3,
-    px: 0.6
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(AlertCircle, null),
-    auto: true
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    iconRight: /*#__PURE__*/React.createElement(AlertCircle, null),
-    type: "success",
-    scale: 0.85
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(AlertCircle, null),
-    type: "warning",
-    scale: 0.85
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(AlertCircle, null),
-    type: "secondary"
-  }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(XSquare, null),
-    type: "error",
-    ghost: true
-  }, "Remove Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(XSquare, null),
-    disabled: true
-  }, "Remove Button")));
-};

package/esm/button/utils.js

@@ -1,46 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _JSXStyle from "../styled-jsx.es.js";
-import React from 'react';
-import ButtonIcon from './button-icon';
-import useClasses from '../use-classes';
-export var getButtonChildrenWithIcon = function getButtonChildrenWithIcon() {
-  var auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var children = arguments.length > 1 ? arguments[1] : undefined;
-  var icons = arguments.length > 2 ? arguments[2] : undefined;
-  var icon = icons.icon,
-      iconRight = icons.iconRight;
-  var hasIcon = icon || iconRight;
-  var isRight = Boolean(iconRight);
-  var paddingForAutoMode = auto ? "calc(var(--bolio-ui-button-height) / 2 + var(--bolio-ui-button-icon-padding) * .5)" : 0; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var classes = useClasses('text', isRight ? 'right' : 'left');
-  if (!hasIcon) return /*#__PURE__*/React.createElement("div", {
-    className: "text"
-  }, children);
-
-  if (React.Children.count(children) === 0) {
-    return /*#__PURE__*/React.createElement(ButtonIcon, {
-      isRight: isRight,
-      isSingle: true
-    }, hasIcon);
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonIcon, {
-    isRight: isRight
-  }, hasIcon), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3568181479", [paddingForAutoMode, paddingForAutoMode]]]) + " " + (classes || "")
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3568181479",
-    dynamic: [paddingForAutoMode, paddingForAutoMode]
-  }, ".left.__jsx-style-dynamic-selector{padding-left:".concat(paddingForAutoMode, ";}.right.__jsx-style-dynamic-selector{padding-right:").concat(paddingForAutoMode, ";}"))));
-};
-export var filterPropsWithGroup = function filterPropsWithGroup(props, config) {
-  if (!config.isButtonGroup) return props;
-  return _extends({}, props, {
-    auto: true,
-    shadow: false,
-    ghost: config.ghost || props.ghost,
-    type: config.type || props.type,
-    disabled: config.disabled || props.disabled
-  });
-};

package/esm/button-dropdown/button-dropdown-item.js

@@ -1,52 +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.es.js";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { getColor } from './styles';
-import { useButtonDropdown } from './button-dropdown-context';
-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([["3452455908", [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: "3452455908",
-    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);}button.__jsx-style-dynamic-selector:hover{border-color:").concat(colors.hoverBorder, ";background-color:").concat(colors.hoverBgColor, ";}")));
-}
-
-ButtonDropdownItem.displayName = 'BolioUIButtonDropdownItem';
-export default ButtonDropdownItem;