@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/dist/Next/index.js

@@ -1,84 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var navigation = require('next/navigation');
-var styledJsx = require('styled-jsx');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-// Collects the styles rendered on the server and inserts them in the HTML,
-// which the App Router does not do for styled-jsx on its own.
-var StyledJsxRegistry = function StyledJsxRegistry(_ref) {
-  var children = _ref.children;
-  var _useState = React.useState(function () {
-      return styledJsx.createStyleRegistry();
-    }),
-    _useState2 = _slicedToArray(_useState, 1),
-    registry = _useState2[0];
-  navigation.useServerInsertedHTML(function () {
-    var styles = registry.styles();
-    registry.flush();
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, styles);
-  });
-  return /*#__PURE__*/React__default["default"].createElement(styledJsx.StyleRegistry, {
-    registry: registry
-  }, children);
-};
-var StyledJsxRegistry$1 = StyledJsxRegistry;
-
-exports.StyledJsxRegistry = StyledJsxRegistry$1;
-exports["default"] = StyledJsxRegistry$1;

package/dist/Select/styles.d.ts

@@ -1,10 +0,0 @@
-import { NormalTypes } from '../utils/prop-types';
-import { BolioUIThemesPalette } from '../Themes/Presets';
-export type SelectColor = {
-    color: string;
-    bgColor: string;
-    borderColor: string;
-    hoverBgColor: string;
-    hoverBorder: string;
-};
-export declare const getColors: (palette: BolioUIThemesPalette, status?: NormalTypes, disabled?: boolean) => SelectColor;

package/dist/utils/use-warning.d.ts

@@ -1,2 +0,0 @@
-declare const useWarning: (message: string, component?: string) => void;
-export default useWarning;

package/esm/Avatar/Avatar.js

@@ -1,91 +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 = ["src", "stacked", "text", "isSquare", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useRef, useState } from 'react';
-import AvatarSkeleton from './AvatarSkeleton';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var safeText = function safeText(text) {
-  if (text.length <= 4) return text;
-  return text.slice(0, 3);
-};
-var AvatarComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var src = _ref.src,
-    _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? '' : _ref$text,
-    _ref$isSquare = _ref.isSquare,
-    isSquare = _ref$isSquare === void 0 ? false : _ref$isSquare,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES,
-    getScaleProps = _useScale.getScaleProps;
-  var showText = !src;
-  var radius = isSquare ? theme.layout.radius : '50%';
-  var marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0);
-  var classes = useClasses('avatar', className);
-  var width = getScaleProps(['width', 'w']);
-  var height = getScaleProps(['height', 'h']);
-  var showAnimation = width && height;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showSkeleton = _useState4[0],
-    setShowSkeleton = _useState4[1];
-  var imageRef = useRef(null);
-  var imageLoaded = function imageLoaded() {
-    if (!showAnimation) return;
-    setLoading(false);
-  };
-  useEffect(function () {
-    if (!showAnimation) return;
-    if (!imageRef.current) return;
-    if (imageRef.current.complete) {
-      setLoading(false);
-      setShowSkeleton(false);
-    }
-  }, [showAnimation]);
-  useEffect(function () {
-    var timer = setTimeout(function () {
-      if (showAnimation) {
-        setShowSkeleton(false);
-      }
-      clearTimeout(timer);
-    }, 3000);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [loading, showAnimation]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement(React.Fragment, null, showSkeleton && showAnimation && /*#__PURE__*/React.createElement(AvatarSkeleton, {
-    opacity: loading ? 1 : 0
-  }), /*#__PURE__*/React.createElement("img", _extends({
-    alt: "Avatar",
-    src: src,
-    ref: imageRef,
-    onLoad: imageLoaded,
-    draggable: false
-  }, props, {
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  }))), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
-  }), safeText(text)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2602621947",
-    dynamic: [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]
-  }, ".avatar.__jsx-style-dynamic-selector{display:inline-block;position:relative;overflow:hidden;border-radius:".concat(radius, ";vertical-align:top;background-color:").concat(theme.palette.accents_2, ";box-sizing:border-box;width:").concat(SCALES.width(1.75) || SCALES.height(1.75), ";height:").concat(SCALES.height(1.75) || SCALES.width(1.75), ";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(marginLeft, ";}.avatar-img.__jsx-style-dynamic-selector{display:inline-block;object-fit:cover;width:100%;height:100%;border-radius:").concat(radius, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;}.avatar-text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;font-size:").concat(SCALES.font(1), ";font-weight:bold;text-align:center;-webkit-transform:translate(-50%,-50%) scale(0.65);-ms-transform:translate(-50%,-50%) scale(0.65);transform:translate(-50%,-50%) scale(0.65);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;}")));
-});
-AvatarComponent.displayName = 'BolioUIAvatar';
-var Avatar = withScale(AvatarComponent);
-export default Avatar;

package/esm/Avatar/AvatarGroup.js

@@ -1,25 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-function AvatarGroupComponent(_ref) {
-  var count = _ref.count,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    children = _ref.children;
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["441769479", [SCALES.width(1, 'max-content'), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " " + (useClasses('avatar-group', className) || "")
-  }, children, count && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["441769479", [SCALES.width(1, 'max-content'), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " " + "count"
-  }, "+", count), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "441769479",
-    dynamic: [SCALES.width(1, 'max-content'), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]
-  }, ".avatar-group.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:".concat(SCALES.width(1, 'max-content'), ";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), ";}.avatar-group.__jsx-style-dynamic-selector .avatar{margin-left:-").concat(SCALES.ml(0.625), ";}.count.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(0.875), ";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;padding-left:5.5px;color:").concat(theme.palette.accents_7, ";}")));
-}
-AvatarGroupComponent.displayName = 'BolioUIAvatarGroup';
-var AvatarGroup = withScale(AvatarGroupComponent);
-export default AvatarGroup;

package/esm/Avatar/AvatarSkeleton.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["opacity"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-var AvatarSkeleton = /*#__PURE__*/React.memo(function (_ref) {
-  var _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === void 0 ? 0.5 : _ref$opacity,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2946022605", [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]]]) + " " + (props && props.className != null && props.className || "skeleton")
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2946022605",
-    dynamic: [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]
-  }, ".skeleton.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient( 270deg, ".concat(theme.palette.accents_1, ", ").concat(theme.palette.accents_2, ", ").concat(theme.palette.accents_2, ", ").concat(theme.palette.accents_1, " );background-size:400% 100%;-webkit-animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;opacity:").concat(opacity, ";-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}@-webkit-keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}@keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}")));
-});
-AvatarSkeleton.displayName = 'BolioUIAvatarSkeleton';
-export default AvatarSkeleton;

package/esm/Avatar/helpers.js

@@ -1,14 +0,0 @@
-export var transformDataSource = function transformDataSource(src) {
-  var left = "".concat(src).slice(0, 4);
-  if (encodeURIComponent(left) === '%3Csvg') {
-    return "data:image/svg+xml;utf8,".concat(src);
-  }
-  return src;
-};
-export var getHostFromUrl = function getHostFromUrl(url) {
-  try {
-    return new URL(url).host;
-  } catch (e) {
-    return url;
-  }
-};

package/esm/Badge/Badge.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "className", "children", "dot"];
-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 getBgColor = function getBgColor(type, palette) {
-  var colors = {
-    "default": palette.accents_2,
-    secondary: palette.secondary,
-    primary: palette.primary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  return colors[type];
-};
-var BadgeComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    children = _ref.children,
-    _ref$dot = _ref.dot,
-    dot = _ref$dot === void 0 ? false : _ref$dot,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var bg = useMemo(function () {
-    return getBgColor(type, theme.palette);
-  }, [type, theme.palette]);
-  var color = useMemo(function () {
-    if (!type || type === 'default') return theme.palette.foreground;
-    return '#FFFFFF';
-  }, [type, theme.palette.foreground]);
-  var classes = useClasses('badge', {
-    dot: dot
-  }, className);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["795724549", [bg, color, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), !dot && children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "795724549",
-    dynamic: [bg, color, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)]
-  }, ".badge.__jsx-style-dynamic-selector{display:inline-block;border-radius:16px;font-variant:tabular-nums;line-height:1;vertical-align:middle;background-color:".concat(bg, ";color:").concat(color, ";border:0;font-size:").concat(SCALES.font(0.875), ";font-weight:bold;text-transform:none;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.5), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.dot.__jsx-style-dynamic-selector{padding:").concat(SCALES.py(0.25), " ").concat(SCALES.px(0.25), ";border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")));
-});
-BadgeComponent.displayName = 'BolioUIBadge';
-var Badge = withScale(BadgeComponent);
-export default Badge;

package/esm/Badge/BadgeAnchor.js

@@ -1,64 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import { pickChild } from '../utils/collections';
-import { tuple } from '../utils/prop-types';
-import Badge from './Badge';
-var placement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
-var getTransform = function getTransform(placement) {
-  var styles = {
-    topLeft: {
-      top: '0',
-      left: '0',
-      value: 'translate(-50%, -50%)',
-      origin: '0% 0%'
-    },
-    topRight: {
-      top: '0',
-      right: '0',
-      value: 'translate(50%, -50%)',
-      origin: '100% 0%'
-    },
-    bottomLeft: {
-      left: '0',
-      bottom: '0',
-      value: 'translate(-50%, 50%)',
-      origin: '0% 100%'
-    },
-    bottomRight: {
-      right: '0',
-      bottom: '0',
-      value: 'translate(50%, 50%)',
-      origin: '100% 100%'
-    }
-  };
-  return styles[placement];
-};
-function BadgeAnchor(_ref) {
-  var children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'topRight' : _ref$placement;
-  var _pickChild = pickChild(children, Badge),
-    _pickChild2 = _slicedToArray(_pickChild, 2),
-    withoutBadgeChildren = _pickChild2[0],
-    badgeChldren = _pickChild2[1];
-  var _useMemo = useMemo(function () {
-      return getTransform(placement);
-    }, [placement]),
-    top = _useMemo.top,
-    bottom = _useMemo.bottom,
-    left = _useMemo.left,
-    right = _useMemo.right,
-    value = _useMemo.value,
-    origin = _useMemo.origin;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1121745930", [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]]]) + " " + "anchor"
-  }, withoutBadgeChildren, /*#__PURE__*/React.createElement("sup", {
-    className: _JSXStyle.dynamic([["1121745930", [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]]])
-  }, badgeChldren), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1121745930",
-    dynamic: [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]
-  }, ".anchor.__jsx-style-dynamic-selector{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}sup.__jsx-style-dynamic-selector{position:absolute;top:".concat(top || 'auto', ";left:").concat(left || 'auto', ";right:").concat(right || 'auto', ";bottom:").concat(bottom || 'auto', ";-webkit-transform:").concat(value, ";-ms-transform:").concat(value, ";transform:").concat(value, ";-webkit-transform-origin:").concat(origin, ";-ms-transform-origin:").concat(origin, ";transform-origin:").concat(origin, ";z-index:1;}")));
-}
-BadgeAnchor.displayName = 'BolioUIBadgeAnchor';
-export default BadgeAnchor;

package/esm/BolioUIProvider/BolioUIProvider.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useMemo, useState } from 'react';
-import { BolioUIContent, defaultToastLayout } from '../utils/use-bolio-ui-context';
-import ThemeProvider from './ThemeProvider';
-import useCurrentState from '../utils/use-current-state';
-import ToastContainer from '../use-toasts/toast-container';
-var BolioUIProvider = function BolioUIProvider(_ref) {
-  var themes = _ref.themes,
-    themeType = _ref.themeType,
-    children = _ref.children;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    lastUpdateToastId = _useState2[0],
-    setLastUpdateToastId = _useState2[1];
-  var _useCurrentState = useCurrentState([]),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    toasts = _useCurrentState2[0],
-    setToasts = _useCurrentState2[1],
-    toastsRef = _useCurrentState2[2];
-  var _useCurrentState3 = useCurrentState(defaultToastLayout),
-    _useCurrentState4 = _slicedToArray(_useCurrentState3, 3),
-    toastLayout = _useCurrentState4[0],
-    setToastLayout = _useCurrentState4[1],
-    toastLayoutRef = _useCurrentState4[2];
-  var updateToasts = function updateToasts(fn) {
-    var nextToasts = fn(toastsRef.current);
-    setToasts(nextToasts);
-  };
-  var updateToastLayout = function updateToastLayout(fn) {
-    var nextLayout = fn(toastLayoutRef.current);
-    setToastLayout(nextLayout);
-  };
-  var updateLastToastId = function updateLastToastId(fn) {
-    setLastUpdateToastId(fn());
-  };
-  var initialValue = useMemo(function () {
-    return {
-      toasts: toasts,
-      toastLayout: toastLayout,
-      updateToasts: updateToasts,
-      lastUpdateToastId: lastUpdateToastId,
-      updateToastLayout: updateToastLayout,
-      updateLastToastId: updateLastToastId
-    };
-  }, [toasts, toastLayout, lastUpdateToastId]);
-  return /*#__PURE__*/React.createElement(BolioUIContent.Provider, {
-    value: initialValue
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    themes: themes,
-    themeType: themeType
-  }, children, /*#__PURE__*/React.createElement(ToastContainer, null)));
-};
-export default BolioUIProvider;

package/esm/BolioUIProvider/ThemeProvider.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useMemo, useState } from 'react';
-import Themes from '../Themes';
-import { ThemeContext } from '../use-theme/theme-context';
-import { AllThemesContext } from '../use-all-themes/all-themes-context';
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children,
-    themeType = _ref.themeType,
-    _ref$themes = _ref.themes,
-    themes = _ref$themes === void 0 ? [] : _ref$themes;
-  var _useState = useState({
-      themes: Themes.getPresets()
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    allThemes = _useState2[0],
-    setAllThemes = _useState2[1];
-  var currentTheme = useMemo(function () {
-    var theme = allThemes.themes.find(function (item) {
-      return item.type === themeType;
-    });
-    if (theme) return theme;
-    return Themes.getPresetStaticTheme();
-  }, [allThemes, themeType]);
-  useEffect(function () {
-    if (!(themes !== null && themes !== void 0 && themes.length)) return;
-    setAllThemes(function (last) {
-      var safeThemes = themes.filter(function (item) {
-        return Themes.isAvailableThemeType(item.type);
-      });
-      var nextThemes = Themes.getPresets().concat(safeThemes);
-      return _extends({}, last, {
-        themes: nextThemes
-      });
-    });
-  }, [themes]);
-  return /*#__PURE__*/React.createElement(AllThemesContext.Provider, {
-    value: allThemes
-  }, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: currentTheme
-  }, children));
-};
-export default ThemeProvider;

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -1,42 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import BreadcrumbsSeparator from './BreadcrumbsSeparator';
-import { addColorAlpha } from '../utils/color';
-import useScale, { withScale } from '../use-scale';
-var BreadcrumbsComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$separator = _ref.separator,
-    separator = _ref$separator === void 0 ? '/' : _ref$separator,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className;
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var hoverColor = useMemo(function () {
-    return addColorAlpha(theme.palette.link, 0.85);
-  }, [theme.palette.link]);
-  var childrenArray = React.Children.toArray(children);
-  var withSeparatorChildren = childrenArray.map(function (item, index) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return item;
-    var last = childrenArray[index - 1];
-    var lastIsSeparator = /*#__PURE__*/React.isValidElement(last) && last.type === BreadcrumbsSeparator;
-    var currentIsSeparator = item.type === BreadcrumbsSeparator;
-    if (!lastIsSeparator && !currentIsSeparator && index > 0) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: index
-      }, /*#__PURE__*/React.createElement(BreadcrumbsSeparator, null, separator), item);
-    }
-    return item;
-  });
-  return /*#__PURE__*/React.createElement("nav", {
-    ref: ref,
-    className: _JSXStyle.dynamic([["3435904432", [theme.palette.accents_5, SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverColor, theme.palette.accents_7]]]) + " " + (className || "")
-  }, withSeparatorChildren, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3435904432",
-    dynamic: [theme.palette.accents_5, SCALES.font(1), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverColor, theme.palette.accents_7]
-  }, "nav.__jsx-style-dynamic-selector{line-height:inherit;color:".concat(theme.palette.accents_5, ";box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:").concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}nav.__jsx-style-dynamic-selector .link:hover{color:").concat(hoverColor, ";}nav.__jsx-style-dynamic-selector>span:last-of-type{color:").concat(theme.palette.accents_7, ";}nav.__jsx-style-dynamic-selector>.separator:last-child{display:none;}nav.__jsx-style-dynamic-selector svg{width:1em;height:1em;margin:0 4px;}nav.__jsx-style-dynamic-selector .breadcrumbs-item{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;}")));
-});
-BreadcrumbsComponent.displayName = 'BolioUIBreadcrumbs';
-var Breadcrumbs = withScale(BreadcrumbsComponent);
-export default Breadcrumbs;

package/esm/Breadcrumbs/BreadcrumbsItem.js

@@ -1,43 +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 = ["href", "nextLink", "onClick", "children", "className"];
-import Link from '../Link';
-import React, { useMemo } from 'react';
-import { pickChild } from '../utils/collections';
-import BreadcrumbsSeparator from './BreadcrumbsSeparator';
-import useClasses from '../use-classes';
-var BreadcrumbsItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var href = _ref.href,
-    _ref$nextLink = _ref.nextLink,
-    nextLink = _ref$nextLink === void 0 ? false : _ref$nextLink,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var isLink = useMemo(function () {
-    return href !== undefined || nextLink;
-  }, [href, nextLink]);
-  var _pickChild = pickChild(children, BreadcrumbsSeparator),
-    _pickChild2 = _slicedToArray(_pickChild, 1),
-    withoutSepChildren = _pickChild2[0];
-  var classes = useClasses('breadcrumbs-item', className);
-  var clickHandler = function clickHandler(event) {
-    onClick && onClick(event);
-  };
-  if (!isLink) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classes,
-      onClick: clickHandler
-    }, withoutSepChildren);
-  }
-  return /*#__PURE__*/React.createElement(Link, _extends({
-    className: classes,
-    href: href,
-    onClick: clickHandler,
-    ref: ref
-  }, props), withoutSepChildren);
-});
-BreadcrumbsItem.displayName = 'BolioUIBreadcrumbsItem';
-export default BreadcrumbsItem;

package/esm/Breadcrumbs/BreadcrumbsSeparator.js

@@ -1,21 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-function Separator(_ref) {
-  var children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className;
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var classes = useClasses('separator', className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2295921440", [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.5), SCALES.mb(0), SCALES.ml(0.5)]]]) + " " + (classes || "")
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2295921440",
-    dynamic: [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.5), SCALES.mb(0), SCALES.ml(0.5)]
-  }, ".separator.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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.5), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0.5), ";}")));
-}
-Separator.displayName = 'BolioUIBreadcrumbsSeparator';
-var BreadcrumbsSeparator = withScale(Separator);
-export default BreadcrumbsSeparator;