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

package/esm/Note/Note.js

@@ -1,67 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "type", "label", "filled", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getStatusColor = function getStatusColor(type, filled, theme) {
-  var colors = {
-    "default": theme.palette.accents_6,
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    error: theme.palette.error,
-    info: theme.palette.info
-  };
-  var statusColor = colors[type];
-  if (!filled) return {
-    color: statusColor || theme.palette.foreground,
-    borderColor: statusColor || theme.palette.border,
-    bgColor: theme.palette.background
-  };
-  var filledColor = statusColor ? 'white' : theme.palette.background;
-  return {
-    color: filledColor,
-    borderColor: statusColor || theme.palette.foreground,
-    bgColor: statusColor || theme.palette.foreground
-  };
-};
-export var NoteComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'note' : _ref$label,
-    _ref$filled = _ref.filled,
-    filled = _ref$filled === void 0 ? false : _ref$filled,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useMemo = useMemo(function () {
-      return getStatusColor(type, filled, theme);
-    }, [type, filled, theme]),
-    color = _useMemo.color,
-    borderColor = _useMemo.borderColor,
-    bgColor = _useMemo.bgColor;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || useClasses('note', className) || "")
-  }), label && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + "label"
-  }, /*#__PURE__*/React.createElement("b", {
-    className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
-  }, label, ":")), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3558170892",
-    dynamic: [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
-  }, ".note.__jsx-style-dynamic-selector{line-height:1.8;border:1px solid ".concat(borderColor, ";color:").concat(color, ";background-color:").concat(bgColor, ";border-radius:").concat(theme.layout.radius, ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.667), " ").concat(SCALES.pr(1.32), " ").concat(SCALES.pb(0.667), " ").concat(SCALES.pl(1.32), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.note.__jsx-style-dynamic-selector p{margin:0;}.label.__jsx-style-dynamic-selector{text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.5;padding-right:0.38em;}")));
-});
-NoteComponent.displayName = 'BolioUINote';
-var Note = withScale(NoteComponent);
-export default Note;

package/esm/Page/Page.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "render", "dotBackdrop", "className", "dotSize", "dotSpace"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo, useState } from 'react';
-import { tuple } from '../utils/prop-types';
-import useTheme from '../use-theme';
-import PageContent from './PageContent';
-import { hasChild } from '../utils/collections';
-import useScale, { withScale } from '../use-scale';
-var renderMode = tuple('default', 'effect', 'effect-seo');
-var DotStyles = function DotStyles(_ref) {
-  var dotSpace = _ref.dotSpace,
-    dotSize = _ref.dotSize;
-  var background = useMemo(function () {
-    return {
-      position: "calc(".concat(dotSpace, " * 25px)"),
-      size: "calc(".concat(dotSpace, " * 50px)")
-    };
-  }, [dotSpace]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["2593286177", [dotSize, dotSize, background.position, background.position, background.size, background.size]]])
-  }, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2593286177",
-    dynamic: [dotSize, dotSize, background.position, background.position, background.size, background.size]
-  }, "body{background-image:radial-gradient(#e3e3e3 ".concat(dotSize, ",transparent 0), radial-gradient(#e3e3e3 ").concat(dotSize, ",transparent 0);background-position:0 0, ").concat(background.position, " ").concat(background.position, ";background-attachment:fixed;background-size:").concat(background.size, " ").concat(background.size, ";}")));
-};
-var PageComponent = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    _ref2$render = _ref2.render,
-    render = _ref2$render === void 0 ? 'default' : _ref2$render,
-    _ref2$dotBackdrop = _ref2.dotBackdrop,
-    dotBackdrop = _ref2$dotBackdrop === void 0 ? false : _ref2$dotBackdrop,
-    className = _ref2.className,
-    _ref2$dotSize = _ref2.dotSize,
-    dotSize = _ref2$dotSize === void 0 ? '1px' : _ref2$dotSize,
-    _ref2$dotSpace = _ref2.dotSpace,
-    dotSpace = _ref2$dotSpace === void 0 ? 1 : _ref2$dotSpace,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var showDot = useMemo(function () {
-    if (theme.type === 'dark') return false;
-    return dotBackdrop;
-  }, [dotBackdrop, theme.type]);
-  var _useState = useState(render !== 'default'),
-    _useState2 = _slicedToArray(_useState, 2),
-    preventRender = _useState2[0],
-    setPreventRender = _useState2[1];
-  useEffect(function () {
-    setPreventRender(false);
-  }, []);
-  if (preventRender) {
-    var renderSEO = render === 'effect-seo';
-    if (!renderSEO) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      "aria-hidden": "true",
-      className: "jsx-1746763067" + " " + "hidden"
-    }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "1746763067"
-    }, ".hidden.jsx-1746763067{opacity:0;display:none;}"));
-  }
-  var hasContent = hasChild(children, PageContent);
-  return /*#__PURE__*/React.createElement("section", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["891651194", [SCALES.font(1), SCALES.width(1, 'calc(100% - 100pt)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(1.34), SCALES.pb(0), SCALES.pl(1.34), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto')]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), hasContent ? children : /*#__PURE__*/React.createElement(PageContent, null, children), showDot && /*#__PURE__*/React.createElement(DotStyles, {
-    dotSize: dotSize,
-    dotSpace: dotSpace
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "891651194",
-    dynamic: [SCALES.font(1), SCALES.width(1, 'calc(100% - 100pt)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(1.34), SCALES.pb(0), SCALES.pl(1.34), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto')]
-  }, "section.__jsx-style-dynamic-selector{max-width:100vw;min-height:100vh;box-sizing:border-box;position:relative;font-size:".concat(SCALES.font(1), ";height:").concat(SCALES.height(1, 'auto'), ";-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;min-height:100vh;}")));
-});
-PageComponent.displayName = 'BolioUIPage';
-var Page = withScale(PageComponent);
-export default Page;

package/esm/Page/PageContent.js

@@ -1,22 +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 useScale, { withScale } from '../use-scale';
-function PageContentComponent(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("main", _extends({}, props, {
-    className: _JSXStyle.dynamic([["1765662596", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1765662596",
-    dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
-  }, "main.__jsx-style-dynamic-selector{font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, '100%'), ";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), ";}")));
-}
-PageContentComponent.displayName = 'BolioUIPageContent';
-var PageContent = withScale(PageContentComponent);
-export default PageContent;

package/esm/Page/PageFooter.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useScale, { withScale } from '../use-scale';
-function PageFooterComponent(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("footer", _extends({}, props, {
-    className: _JSXStyle.dynamic([["4216345865", [SCALES.font(1), SCALES.width(1, '100%'), 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)]]]) + " " + (props && props.className != null && props.className || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4216345865",
-    dynamic: [SCALES.font(1), SCALES.width(1, '100%'), 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)]
-  }, "footer.__jsx-style-dynamic-selector{font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, '100%'), ";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), ";}")));
-}
-PageFooterComponent.displayName = 'BolioUIPageFooter';
-var PageFooter = withScale(PageFooterComponent);
-export default PageFooter;

package/esm/Page/PageHeader.js

@@ -1,29 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "center", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-function PageHeaderComponent(_ref) {
-  var children = _ref.children,
-    _ref$center = _ref.center,
-    center = _ref$center === void 0 ? false : _ref$center,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var classes = useClasses({
-    center: center
-  }, className);
-  return /*#__PURE__*/React.createElement("header", _extends({}, props, {
-    className: _JSXStyle.dynamic([["3497030820", [SCALES.font(1), SCALES.width(1, '100%'), 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)]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3497030820",
-    dynamic: [SCALES.font(1), SCALES.width(1, '100%'), 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)]
-  }, "header.__jsx-style-dynamic-selector{font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, '100%'), ";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), ";}.center.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: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;}")));
-}
-PageHeaderComponent.displayName = 'BolioUIPageHeader';
-var PageHeader = withScale(PageHeaderComponent);
-export default PageHeader;

package/esm/Pagination/Pagination.js

@@ -1,99 +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 = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo } from 'react';
-import PaginationPrevious from './PaginationPrevious';
-import PaginationNext from './PaginationNext';
-import PaginationPages from './PaginationPages';
-import { PaginationContext } from './PaginationContext';
-import useCurrentState from '../utils/use-current-state';
-import { pickChild } from '../utils/collections';
-import useScale, { withScale } from '../use-scale';
-var PaginationComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customPage = _ref.page,
-    _ref$initialPage = _ref.initialPage,
-    initialPage = _ref$initialPage === void 0 ? 1 : _ref$initialPage,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 1 : _ref$count,
-    _ref$limit = _ref.limit,
-    limit = _ref$limit === void 0 ? 7 : _ref$limit,
-    children = _ref.children,
-    onChange = _ref.onChange,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useCurrentState = useCurrentState(initialPage),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    page = _useCurrentState2[0],
-    setPage = _useCurrentState2[1],
-    pageRef = _useCurrentState2[2];
-  var _pickChild = pickChild(children, PaginationPrevious),
-    _pickChild2 = _slicedToArray(_pickChild, 2),
-    prevChildren = _pickChild2[1];
-  var _pickChild3 = pickChild(children, PaginationNext),
-    _pickChild4 = _slicedToArray(_pickChild3, 2),
-    nextChildren = _pickChild4[1];
-  var _useMemo = useMemo(function () {
-      var hasChildren = function hasChildren(c) {
-        return React.Children.count(c) > 0;
-      };
-      var prevDefault = /*#__PURE__*/React.createElement(PaginationPrevious, null, "prev");
-      var nextDefault = /*#__PURE__*/React.createElement(PaginationNext, null, "next");
-      return [hasChildren(prevChildren) ? prevChildren : prevDefault, hasChildren(nextChildren) ? nextChildren : nextDefault];
-    }, [prevChildren, nextChildren]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    prevItem = _useMemo2[0],
-    nextItem = _useMemo2[1];
-  var update = function update(type) {
-    if (type === 'prev' && pageRef.current > 1) {
-      setPage(function (last) {
-        return last - 1;
-      });
-    }
-    if (type === 'next' && pageRef.current < count) {
-      setPage(function (last) {
-        return last + 1;
-      });
-    }
-  };
-  var values = useMemo(function () {
-    return {
-      isFirst: page <= 1,
-      isLast: page >= count,
-      update: update
-    };
-  }, [page, count]);
-  useEffect(function () {
-    onChange && onChange(page);
-  }, [onChange, page]);
-  useEffect(function () {
-    if (customPage !== undefined) {
-      setPage(customPage);
-    }
-  }, [customPage, setPage]);
-  return /*#__PURE__*/React.createElement(PaginationContext.Provider, {
-    value: values
-  }, /*#__PURE__*/React.createElement("nav", _extends({
-    ref: ref,
-    "aria-label": "Pagination"
-  }, props, {
-    className: _JSXStyle.dynamic([["2367140580", [SCALES.font(2), SCALES.font(0.875), 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)]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), /*#__PURE__*/React.createElement("ul", {
-    className: _JSXStyle.dynamic([["2367140580", [SCALES.font(2), SCALES.font(0.875), 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)]]])
-  }, prevItem, /*#__PURE__*/React.createElement(PaginationPages, {
-    count: count,
-    current: page,
-    limit: limit,
-    setPage: setPage
-  }), nextItem)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2367140580",
-    dynamic: [SCALES.font(2), SCALES.font(0.875), 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)]
-  }, "ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}nav.__jsx-style-dynamic-selector{font-variant:tabular-nums;font-feature-settings:'tnum';--pagination-size:".concat(SCALES.font(2), ";font-size:").concat(SCALES.font(0.875), ";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), ";}nav.__jsx-style-dynamic-selector button:last-of-type{margin-right:0;}")));
-});
-PaginationComponent.displayName = 'BolioUIPagination';
-var Pagination = withScale(PaginationComponent);
-export default Pagination;

package/esm/Pagination/PaginationContext.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { tuple } from '../utils/prop-types';
-var paginationUpdateTypes = tuple('prev', 'next', 'click');
-var defaultContext = {};
-export var PaginationContext = /*#__PURE__*/React.createContext(defaultContext);
-export var usePaginationContext = function usePaginationContext() {
-  return React.useContext(PaginationContext);
-};

package/esm/Pagination/PaginationEllipsis.js

@@ -1,69 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _JSXStyle from "styled-jsx/style";
-import React, { useState } from 'react';
-import PaginationItem from './PaginationItem';
-function PaginationEllipsis(_ref) {
-  var isBefore = _ref.isBefore,
-    _onClick = _ref.onClick;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showMore = _useState2[0],
-    setShowMore = _useState2[1];
-  return /*#__PURE__*/React.createElement(PaginationItem, {
-    onClick: function onClick(e) {
-      return _onClick && _onClick(e);
-    },
-    onMouseEnter: function onMouseEnter() {
-      return setShowMore(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setShowMore(false);
-    }
-  }, showMore ? /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    fill: "none",
-    shapeRendering: "geometricPrecision",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]]) + " " + "more"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13 17l5-5-5-5",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 17l5-5-5-5",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  })) : /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    fill: "none",
-    shapeRendering: "geometricPrecision",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "1",
-    fill: "currentColor",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "19",
-    cy: "12",
-    r: "1",
-    fill: "currentColor",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "5",
-    cy: "12",
-    r: "1",
-    fill: "currentColor",
-    className: _JSXStyle.dynamic([["2928474255", [isBefore ? '180deg' : '0deg']]])
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2928474255",
-    dynamic: [isBefore ? '180deg' : '0deg']
-  }, "svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(".concat(isBefore ? '180deg' : '0deg', ");-ms-transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");}")));
-}
-PaginationEllipsis.displayName = 'BolioUIPaginationEllipsis';
-export default PaginationEllipsis;

package/esm/Pagination/PaginationItem.js

@@ -1,44 +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 = ["active", "children", "disabled", "onClick"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import { addColorAlpha } from '../utils/color';
-import useClasses from '../use-classes';
-function PaginationItem(_ref) {
-  var active = _ref.active,
-    children = _ref.children,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useMemo = useMemo(function () {
-      return [addColorAlpha(theme.palette.primary, 0.1), addColorAlpha(theme.palette.primary, 0.8)];
-    }, [theme.palette.primary]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    hover = _useMemo2[0],
-    activeHover = _useMemo2[1];
-  var classes = useClasses({
-    active: active,
-    disabled: disabled
-  });
-  var clickHandler = function clickHandler(event) {
-    if (disabled) return;
-    onClick && onClick(event);
-  };
-  return /*#__PURE__*/React.createElement("li", {
-    className: _JSXStyle.dynamic([["32129165", [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]])
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    "aria-current": active ? 'page' : undefined,
-    onClick: clickHandler
-  }, props, {
-    className: _JSXStyle.dynamic([["32129165", [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "32129165",
-    dynamic: [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
-  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border: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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.primary, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.primary, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
-}
-PaginationItem.displayName = 'BolioUIPaginationItem';
-export default PaginationItem;

package/esm/Pagination/PaginationNext.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import PaginationItem from './PaginationItem';
-import { usePaginationContext } from './PaginationContext';
-function PaginationNext(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _usePaginationContext = usePaginationContext(),
-    update = _usePaginationContext.update,
-    isLast = _usePaginationContext.isLast;
-  return /*#__PURE__*/React.createElement(PaginationItem, _extends({
-    onClick: function onClick() {
-      return update && update('next');
-    },
-    disabled: isLast
-  }, props), children);
-}
-PaginationNext.displayName = 'BolioUIPaginationNext';
-export default PaginationNext;

package/esm/Pagination/PaginationPages.js

@@ -1,84 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useMemo } from 'react';
-import PaginationItem from './PaginationItem';
-import PaginationEllipsis from './PaginationEllipsis';
-function PaginationPages(_ref) {
-  var limit = _ref.limit,
-    count = _ref.count,
-    current = _ref.current,
-    setPage = _ref.setPage;
-  var showPages = useMemo(function () {
-    var oddLimit = limit % 2 === 0 ? limit - 1 : limit;
-    return oddLimit - 2;
-  }, [limit]);
-  var middleNumber = (showPages + 1) / 2;
-  var _useMemo = useMemo(function () {
-      var showEllipsis = count > limit;
-      return [showEllipsis && current > middleNumber + 1, showEllipsis && current < count - middleNumber];
-    }, [current, middleNumber, count, limit]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    showBeforeEllipsis = _useMemo2[0],
-    showAfterEllipsis = _useMemo2[1];
-  var pagesArray = useMemo(function () {
-    return _toConsumableArray(new Array(showPages));
-  }, [showPages]);
-  var renderItem = useCallback(function (value, active) {
-    return /*#__PURE__*/React.createElement(PaginationItem, {
-      key: "pagination-item-".concat(value),
-      active: value === active,
-      onClick: function onClick() {
-        return setPage(value);
-      }
-    }, value);
-  }, [setPage]);
-  var startPages = pagesArray.map(function (_, index) {
-    var value = index + 2;
-    return renderItem(value, current);
-  });
-  var middlePages = pagesArray.map(function (_, index) {
-    var middleIndexNumber = middleNumber - (index + 1);
-    var value = current - middleIndexNumber;
-    return /*#__PURE__*/React.createElement(PaginationItem, {
-      key: "pagination-middle-".concat(index),
-      active: index + 1 === middleNumber,
-      onClick: function onClick() {
-        return setPage(value);
-      }
-    }, value);
-  });
-  var endPages = pagesArray.map(function (_, index) {
-    var value = count - (showPages - index);
-    return renderItem(value, current);
-  });
-  if (count <= limit) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(new Array(count)).map(function (_, index) {
-      var value = index + 1;
-      return /*#__PURE__*/React.createElement(PaginationItem, {
-        key: "pagination-item-".concat(value),
-        active: value === current,
-        onClick: function onClick() {
-          return setPage(value);
-        }
-      }, value);
-    }));
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem(1, current), showBeforeEllipsis && /*#__PURE__*/React.createElement(PaginationEllipsis, {
-    key: "pagination-ellipsis-before",
-    isBefore: true,
-    onClick: function onClick() {
-      return setPage(function (last) {
-        return last - 5 >= 1 ? last - 5 : 1;
-      });
-    }
-  }), showBeforeEllipsis && showAfterEllipsis ? middlePages : showBeforeEllipsis ? endPages : startPages, showAfterEllipsis && /*#__PURE__*/React.createElement(PaginationEllipsis, {
-    key: "pagination-ellipsis-after",
-    onClick: function onClick() {
-      return setPage(function (last) {
-        return last + 5 <= count ? last + 5 : count;
-      });
-    }
-  }), renderItem(count, current));
-}
-PaginationPages.displayName = 'BolioUIPaginationPages';
-export default PaginationPages;

package/esm/Pagination/PaginationPrevious.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import PaginationItem from './PaginationItem';
-import { usePaginationContext } from './PaginationContext';
-function PaginationPrevious(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _usePaginationContext = usePaginationContext(),
-    update = _usePaginationContext.update,
-    isFirst = _usePaginationContext.isFirst;
-  return /*#__PURE__*/React.createElement(PaginationItem, _extends({
-    onClick: function onClick() {
-      return update && update('prev');
-    },
-    disabled: isFirst
-  }, props), children);
-}
-PaginationPrevious.displayName = 'BolioUIPaginationPrevious';
-export default PaginationPrevious;