@bolio-ui/core 1.1.6 → 1.1.8

package/esm/Avatar/stories.js

@@ -1,113 +0,0 @@
-import Avatar from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Data Display/Avatar',
-  component: Avatar
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=60",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "Bill",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=30",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "Max",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=20",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "Jane",
-    isSquare: true,
-    width: 1.5,
-    height: 1.5
-  })));
-};
-export var Text = function Text() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "BA",
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "ES",
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "MB",
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "WL",
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "ML",
-    width: 1.5,
-    height: 1.5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
-    text: "TR",
-    width: 1.5,
-    height: 1.5
-  })));
-};
-export var Group = function Group() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar.Group, null, /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=60",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=30",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=20",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=10",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar.Group, {
-    count: 6
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=60",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    text: "C",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    text: "Mag",
-    width: 1.5,
-    height: 1.5,
-    stacked: true
-  }))));
-};

package/esm/Badge/stories.js

@@ -1,92 +0,0 @@
-import { useTheme } from '../use-theme/theme-context';
-import Badge from '.';
-import Grid from '../Grid';
-import Avatar from '../Avatar';
-import Button from '../Button';
-import Link from '../Link';
-export default {
-  title: 'Data Display/Badge',
-  component: Badge
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, null, "Default")));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, null, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "primary"
-  }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "secondary"
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "success"
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "warning"
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "error"
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "info"
-  }, "Info")));
-};
-export var CustomColor = function CustomColor() {
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      backgroundColor: theme.palette.successDark
-    }
-  }, "Success Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      backgroundColor: theme.palette.alert
-    }
-  }, "Alert")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      backgroundColor: theme.palette.purple
-    }
-  }, "Purple")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      backgroundColor: theme.palette.secondary
-    }
-  }, "Violet")));
-};
-export var Anchor = function Anchor() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
-    scale: 0.5
-  }, "10"), /*#__PURE__*/React.createElement(Avatar, {
-    src: "https://i.pravatar.cc/150?img=60"
-  }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, {
-    placement: "bottomRight"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    scale: 0.5,
-    type: "success"
-  }, "10"), /*#__PURE__*/React.createElement(Avatar, {
-    scale: 1.5,
-    isSquare: true,
-    src: "https://i.pravatar.cc/150?img=30"
-  }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
-    scale: 0.5,
-    type: "warning"
-  }, "99+"), /*#__PURE__*/React.createElement(Button, {
-    scale: 0.5,
-    auto: true
-  }, "Action"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
-    scale: 0.5,
-    type: "error",
-    dot: true
-  }), /*#__PURE__*/React.createElement(Link, {
-    target: "_blank",
-    href: "https://github.com/bolio-ui/bolio-ui/"
-  }, "Bolio UI"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
-    type: "error",
-    dot: true,
-    padding: "5px"
-  }), /*#__PURE__*/React.createElement(Link, {
-    target: "_blank",
-    href: "https://github.com/bolio-ui/bolio-ui/"
-  }, "Share Link"))));
-};

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/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/ButtonDropdown/stories.js

@@ -1,92 +0,0 @@
-import ButtonDropdown from '.';
-import Grid from '../Grid';
-import { Plus } from '@bolio-ui/icons';
-export default {
-  title: 'Navigation/ButtonDropdown',
-  component: ButtonDropdown
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, null, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
-};
-export var Loading = function Loading() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    loading: true
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    disabled: true
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "primary",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Primary Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "secondary",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Secondary Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "success",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Success Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "warning",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Warning Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "error",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Error Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    type: "info",
-    scale: 0.5
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Info Button"))));
-};
-export var MultipleType = function MultipleType() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    scale: 2 / 3,
-    auto: true
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Check"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Block"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Lock"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    type: "error"
-  }, "Destroy"))));
-};
-export var CustomIcon = function CustomIcon() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
-    scale: 2 / 3,
-    auto: true,
-    icon: /*#__PURE__*/React.createElement(Plus, null)
-  }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    main: true
-  }, "Check User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Block User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Lock User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
-    type: "error"
-  }, "Destroy User"))));
-};

package/esm/ButtonGroup/stories.js

@@ -1,66 +0,0 @@
-import ButtonGroup from '.';
-import Button from '../Button';
-import Grid from '../Grid';
-export default {
-  title: 'Data Entry/ButtonGroup',
-  component: ButtonGroup
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))));
-};
-export var Variant = function Variant() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    type: "success"
-  }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    type: "abort"
-  }, /*#__PURE__*/React.createElement(Button, null, "Action1"), /*#__PURE__*/React.createElement(Button, null, "Action2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    type: "warning",
-    ghost: true
-  }, /*#__PURE__*/React.createElement(Button, null, "Action1"), /*#__PURE__*/React.createElement(Button, null, "Action2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    type: "success-light"
-  }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))));
-};
-export var Sizes = function Sizes() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    scale: 2 / 3
-  }, /*#__PURE__*/React.createElement(Button, {
-    scale: 2 / 3
-  }, "One"), /*#__PURE__*/React.createElement(Button, {
-    scale: 2 / 3
-  }, "Two"), /*#__PURE__*/React.createElement(Button, {
-    scale: 2 / 3
-  }, "Three"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    scale: 1 / 3
-  }, /*#__PURE__*/React.createElement(Button, {
-    scale: 1 / 3
-  }, "Action1"), /*#__PURE__*/React.createElement(Button, {
-    scale: 1 / 3
-  }, "Action2"))));
-};
-export var Vertical = function Vertical() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    vertical: true
-  }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"), /*#__PURE__*/React.createElement(Button, null, "Four"))));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-    scale: 0.5,
-    disabled: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    scale: 0.5
-  }, "One"), /*#__PURE__*/React.createElement(Button, {
-    scale: 0.5
-  }, "Two"), /*#__PURE__*/React.createElement(Button, {
-    scale: 0.5
-  }, "Three"))));
-};