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

package/esm/Loading/stories.js

@@ -1,75 +0,0 @@
-import Loading from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Feedback/Loading',
-  component: Loading
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Loading, null)));
-};
-export var WithText = function WithText() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Loading, null, "Loading")));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, null)), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "primary"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "secondary"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "success"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "warning"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "error"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    md: 3
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "info"
-  })));
-};
-export var Spaces = function Spaces() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 6,
-    md: 6
-  }, /*#__PURE__*/React.createElement(Loading, {
-    spaceRatio: 10
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 6,
-    md: 6
-  }, /*#__PURE__*/React.createElement(Loading, {
-    spaceRatio: 5
-  })));
-};

package/esm/Modal/stories.js

@@ -1,165 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Modal from '.';
-import Button from '../Button';
-import Grid from '../Grid';
-import useModal from '../use-modal';
-export default {
-  title: 'Feedback/Modal',
-  component: Modal
-};
-export var Default = function Default() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var handler = function handler() {
-    return setState(true);
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: handler
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, {
-    visible: state,
-    onClose: function onClose() {
-      return setState(false);
-    }
-  }, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Example of a modal"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "Demo content for the modal.")), /*#__PURE__*/React.createElement(Modal.Action, {
-    passive: true,
-    onClick: function onClick() {
-      return setState(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Modal.Action, null, "Accepted"))));
-};
-export var UseModal = function UseModal() {
-  var _useModal = useModal(),
-      setVisible = _useModal.setVisible,
-      bindings = _useModal.bindings;
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, bindings, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Example of a modal"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "Demo content for the modal.")), /*#__PURE__*/React.createElement(Modal.Action, {
-    passive: true,
-    onClick: function onClick() {
-      return setVisible(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Modal.Action, null, "Accepted"))));
-};
-export var WithoutActions = function WithoutActions() {
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
-  var handler = function handler() {
-    return setState(true);
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: handler
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, {
-    visible: state,
-    onClose: function onClose() {
-      return setState(false);
-    }
-  }, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Example of a modal"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "Demo content for the modal.")))));
-};
-export var DisabledAction = function DisabledAction() {
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      state = _useState6[0],
-      setState = _useState6[1];
-
-  var handler = function handler() {
-    return setState(true);
-  };
-
-  var closeHandler = function closeHandler() {
-    setState(false);
-    console.log('closed');
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: handler
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, {
-    visible: state,
-    onClose: closeHandler
-  }, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Example of a modal"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "Demo content for the modal.")), /*#__PURE__*/React.createElement(Modal.Action, {
-    passive: true,
-    onClick: function onClick() {
-      return setState(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Modal.Action, {
-    disabled: true
-  }, "Submit")));
-};
-export var Customized = function Customized() {
-  var _useModal2 = useModal(),
-      setVisible = _useModal2.setVisible,
-      bindings = _useModal2.bindings;
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, _extends({
-    width: "35rem"
-  }, bindings), /*#__PURE__*/React.createElement(Modal.Title, null, "My Favorites"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "This is the width I want.")))));
-};
-export var Loading = function Loading() {
-  var _useModal3 = useModal(),
-      setVisible = _useModal3.setVisible,
-      bindings = _useModal3.bindings;
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, bindings, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Example of a modal"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "Demo content for the modal.")), /*#__PURE__*/React.createElement(Modal.Action, {
-    passive: true,
-    onClick: function onClick() {
-      return setVisible(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Modal.Action, {
-    loading: true
-  }, "Accepted"))));
-};
-export var Overlong = function Overlong() {
-  var _useModal4 = useModal(),
-      setVisible = _useModal4.setVisible,
-      bindings = _useModal4.bindings;
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "Show Modal"), /*#__PURE__*/React.createElement(Modal, bindings, /*#__PURE__*/React.createElement(Modal.Title, null, "Modal"), /*#__PURE__*/React.createElement(Modal.Subtitle, null, "Modal with a very large content"), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started."), /*#__PURE__*/React.createElement("p", null, "React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started.")), /*#__PURE__*/React.createElement(Modal.Action, {
-    passive: true,
-    onClick: function onClick() {
-      return setVisible(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Modal.Action, null, "Accepted"))));
-};

package/esm/Note/stories.js

@@ -1,68 +0,0 @@
-import Note from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Feedback/Note',
-  component: Note
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, null, "Check payment pending.")));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, null, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "primary"
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "secondary"
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "success"
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "warning"
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "error"
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "info"
-  }, "Check payment pending.")));
-};
-export var HiddenLabel = function HiddenLabel() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    label: false
-  }, "Demo note!")));
-};
-export var CustomLabel = function CustomLabel() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    label: "custom"
-  }, "Customize a note.")));
-};
-export var FilledVariant = function FilledVariant() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    label: "custom",
-    filled: true
-  }, "Customize a note.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    label: false,
-    filled: true
-  }, "Demo note!")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "success",
-    label: "success",
-    filled: true
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "warning",
-    label: "warning",
-    filled: true
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "error",
-    label: "error",
-    filled: true
-  }, "Check payment pending.")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Note, {
-    type: "secondary",
-    filled: true
-  }, "Check payment pending.")));
-};

package/esm/Page/stories.js

@@ -1,54 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Page from '.';
-import Button from '../Button';
-import Grid from '../Grid';
-import MockPage from '../MdxWidgets/MockPage';
-export default {
-  title: 'Layout/Page',
-  component: Page
-};
-export var Default = function Default() {
-  var Child = function Child() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h2", null, "Hi my dear!"), /*#__PURE__*/React.createElement("p", null, "This is an example to show the body of a page."));
-  };
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setVisible(true);
-    },
-    auto: true
-  }, "View Page"), /*#__PURE__*/React.createElement(MockPage, {
-    visible: visible,
-    onClose: function onClose() {
-      return setVisible(false);
-    }
-  }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Child, null)))));
-};
-export var Content = function Content() {
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setVisible(true);
-    },
-    auto: true
-  }, "Header, Body and Footer"), /*#__PURE__*/React.createElement(MockPage, {
-    visible: visible,
-    onClose: function onClose() {
-      return setVisible(false);
-    }
-  }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Page.Header, null, /*#__PURE__*/React.createElement("h2", null, "Header")), /*#__PURE__*/React.createElement(Page.Content, null, /*#__PURE__*/React.createElement("h2", null, "Hi my dear!"), /*#__PURE__*/React.createElement("p", null, "This is an example to show the body of a page.")), /*#__PURE__*/React.createElement(Page.Footer, null, /*#__PURE__*/React.createElement("h2", null, "Footer"))))));
-};

package/esm/Pagination/stories.js

@@ -1,49 +0,0 @@
-import Pagination from '.';
-import Grid from '../Grid';
-import { ChevronRight, ChevronLeft, ArrowRight, ArrowLeft, ArrowRightCircle, ArrowLeftCircle } from '@bolio-ui/icons';
-export default {
-  title: 'Navigation/Pagination',
-  component: Pagination
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 20,
-    initialPage: 3
-  })));
-};
-export var Limit = function Limit() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 10,
-    limit: 10
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 10,
-    initialPage: 6,
-    limit: 5
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 10,
-    initialPage: 6
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 30,
-    initialPage: 6,
-    limit: 10
-  })));
-};
-export var Icon = function Icon() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 5
-  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft, null)))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 5
-  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ArrowRight, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ArrowLeft, null)))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Pagination, {
-    count: 5
-  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ArrowRightCircle, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ArrowLeftCircle, null)))));
-};

package/esm/Popover/stories.js

@@ -1,84 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Popover from '.';
-import Link from '../Link';
-import Spacer from '../Spacer';
-import Grid from '../Grid';
-export default {
-  title: 'Data Display/Popover',
-  component: Popover
-};
-export var Default = function Default() {
-  var content = function content() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '0 10px'
-      }
-    }, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "A hyperlink"), /*#__PURE__*/React.createElement(Spacer, {
-      h: 0.5
-    }), /*#__PURE__*/React.createElement(Link, {
-      color: true,
-      href: "#"
-    }, "External link"));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content
-  }, "Menu")));
-};
-export var PresetItem = function PresetItem() {
-  var content = function content() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Item, {
-      title: true
-    }, /*#__PURE__*/React.createElement("span", null, "User Settings")), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "A hyperlink")), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement(Link, {
-      color: true,
-      href: "#"
-    }, "A hyperlink for edit profile")), /*#__PURE__*/React.createElement(Popover.Item, {
-      line: true
-    }), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement("span", null, "Command-Line")));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content
-  }, "Menu")));
-};
-export var CloseManual = function CloseManual() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var changeHandler = function changeHandler(next) {
-    setVisible(next);
-  };
-
-  var content = function content() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '0 10px'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      onClick: function onClick() {
-        return setVisible(false);
-      }
-    }, "Click to close"), /*#__PURE__*/React.createElement(Spacer, {
-      h: 0.5
-    }), /*#__PURE__*/React.createElement("span", null, "Nothing"));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content,
-    visible: visible,
-    onVisibleChange: changeHandler
-  }, "Menu")));
-};

package/esm/Progress/stories.js

@@ -1,114 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import useTheme from '../use-theme';
-import Progress from '.';
-import Grid from '../Grid';
-import Button from '../Button';
-export default {
-  title: 'Feedback/Progress',
-  component: Progress
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 50
-  })));
-};
-export var CustomMax = function CustomMax() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 45,
-    max: 50
-  })));
-};
-export var DynamicColors = function DynamicColors() {
-  var theme = useTheme();
-
-  var _useState = useState(20),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var colors = {
-    20: theme.palette.error,
-    40: theme.palette.warning,
-    60: theme.palette.success,
-    80: '#000'
-  };
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: value,
-    colors: colors
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setValue(value + 20);
-    },
-    auto: true,
-    scale: 0.5
-  }, "Add")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setValue(20);
-    },
-    auto: true,
-    scale: 0.5,
-    type: "error"
-  }, "Remove")));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 3
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "primary",
-    value: 74
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "secondary",
-    value: 10
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "success",
-    value: 45
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "warning",
-    value: 100
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "error",
-    value: 21
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "info",
-    value: 34
-  })));
-};