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

package/esm/Grid/BasicItem.js

@@ -1,95 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["xs", "sm", "md", "lg", "xl", "justify", "direction", "alignItems", "alignContent", "children", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import useScale from '../use-scale';
-import useClasses from '../use-classes';
-var defaultProps = {
-  xs: false,
-  sm: false,
-  md: false,
-  lg: false,
-  xl: false,
-  className: ''
-};
-var getItemLayout = function getItemLayout(val) {
-  var display = val === 0 ? 'display: none;' : 'display: inherit;';
-  if (typeof val === 'number') {
-    var width = 100 / 12 * val;
-    var ratio = width > 100 ? '100%' : width < 0 ? '0' : "".concat(width, "%");
-    return {
-      grow: 0,
-      display: display,
-      width: ratio,
-      basis: ratio
-    };
-  }
-  return {
-    grow: 1,
-    display: display,
-    width: '100%',
-    basis: '0'
-  };
-};
-var GridBasicItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$xs = _ref.xs,
-    xs = _ref$xs === void 0 ? defaultProps.xs : _ref$xs,
-    _ref$sm = _ref.sm,
-    sm = _ref$sm === void 0 ? defaultProps.sm : _ref$sm,
-    _ref$md = _ref.md,
-    md = _ref$md === void 0 ? defaultProps.md : _ref$md,
-    _ref$lg = _ref.lg,
-    lg = _ref$lg === void 0 ? defaultProps.lg : _ref$lg,
-    _ref$xl = _ref.xl,
-    xl = _ref$xl === void 0 ? defaultProps.xl : _ref$xl,
-    justify = _ref.justify,
-    direction = _ref.direction,
-    alignItems = _ref.alignItems,
-    alignContent = _ref.alignContent,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? defaultProps.className : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var classes = useMemo(function () {
-    var aligns = {
-      justify: justify,
-      direction: direction,
-      alignItems: alignItems,
-      alignContent: alignContent,
-      xs: xs,
-      sm: sm,
-      md: md,
-      lg: lg,
-      xl: xl
-    };
-    var classString = Object.keys(aligns).reduce(function (pre, name) {
-      if (aligns[name] !== undefined && aligns[name] !== false) return "".concat(pre, " ").concat(name);
-      return pre;
-    }, '');
-    return classString.trim();
-  }, [justify, direction, alignItems, alignContent, xs, sm, md, lg, xl]);
-  var layout = useMemo(function () {
-    return {
-      xs: getItemLayout(xs),
-      sm: getItemLayout(sm),
-      md: getItemLayout(md),
-      lg: getItemLayout(lg),
-      xl: getItemLayout(xl)
-    };
-  }, [xs, sm, md, lg, xl]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["2387327819", [SCALES.font(1, 'inherit'), SCALES.height(1, 'auto'), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display]]]) + " " + (props && props.className != null && props.className || useClasses('item', classes, className) || "")
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2387327819",
-    dynamic: [SCALES.font(1, 'inherit'), SCALES.height(1, 'auto'), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display]
-  }, ".item.__jsx-style-dynamic-selector{font-size:".concat(SCALES.font(1, 'inherit'), ";height:").concat(SCALES.height(1, 'auto'), ";}.justify.__jsx-style-dynamic-selector{-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";}.direction.__jsx-style-dynamic-selector{-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";}.alignContent.__jsx-style-dynamic-selector{-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";}.alignItems.__jsx-style-dynamic-selector{-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";}.xs.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.xs.grow, ";-webkit-flex-grow:").concat(layout.xs.grow, ";-ms-flex-positive:").concat(layout.xs.grow, ";flex-grow:").concat(layout.xs.grow, ";max-width:").concat(layout.xs.width, ";-webkit-flex-basis:").concat(layout.xs.basis, ";-ms-flex-preferred-size:").concat(layout.xs.basis, ";flex-basis:").concat(layout.xs.basis, ";").concat(layout.xs.display, ";}@media only screen and (min-width:").concat(theme.breakpoints.sm.min, "){.sm.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.sm.grow, ";-webkit-flex-grow:").concat(layout.sm.grow, ";-ms-flex-positive:").concat(layout.sm.grow, ";flex-grow:").concat(layout.sm.grow, ";max-width:").concat(layout.sm.width, ";-webkit-flex-basis:").concat(layout.sm.basis, ";-ms-flex-preferred-size:").concat(layout.sm.basis, ";flex-basis:").concat(layout.sm.basis, ";").concat(layout.sm.display, ";}}@media only screen and (min-width:").concat(theme.breakpoints.md.min, "){.md.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.md.grow, ";-webkit-flex-grow:").concat(layout.md.grow, ";-ms-flex-positive:").concat(layout.md.grow, ";flex-grow:").concat(layout.md.grow, ";max-width:").concat(layout.md.width, ";-webkit-flex-basis:").concat(layout.md.basis, ";-ms-flex-preferred-size:").concat(layout.md.basis, ";flex-basis:").concat(layout.md.basis, ";").concat(layout.md.display, ";}}@media only screen and (min-width:").concat(theme.breakpoints.lg.min, "){.lg.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.lg.grow, ";-webkit-flex-grow:").concat(layout.lg.grow, ";-ms-flex-positive:").concat(layout.lg.grow, ";flex-grow:").concat(layout.lg.grow, ";max-width:").concat(layout.lg.width, ";-webkit-flex-basis:").concat(layout.lg.basis, ";-ms-flex-preferred-size:").concat(layout.lg.basis, ";flex-basis:").concat(layout.lg.basis, ";").concat(layout.lg.display, ";}}@media only screen and (min-width:").concat(theme.breakpoints.xl.min, "){.xl.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.xl.grow, ";-webkit-flex-grow:").concat(layout.xl.grow, ";-ms-flex-positive:").concat(layout.xl.grow, ";flex-grow:").concat(layout.xl.grow, ";max-width:").concat(layout.xl.width, ";-webkit-flex-basis:").concat(layout.xl.basis, ";-ms-flex-preferred-size:").concat(layout.xl.basis, ";flex-basis:").concat(layout.xl.basis, ";").concat(layout.xl.display, ";}}")));
-});
-GridBasicItem.displayName = 'BolioUIGridBasicItem';
-export default GridBasicItem;

package/esm/Grid/Grid.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import GridBasicItem from './BasicItem';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var GridComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var gridGapUnit = 'var(--grid-gap-unit)';
-  var _styles$className = {
-      styles: /*#__PURE__*/React.createElement(_JSXStyle, {
-        id: "2935018504",
-        dynamic: [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0, gridGapUnit), SCALES.pr(0, gridGapUnit), SCALES.pb(0, gridGapUnit), SCALES.pl(0, gridGapUnit)]
-      }, "div.__jsx-style-dynamic-selector{margin:".concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";box-sizing:border-box;padding:").concat(SCALES.pt(0, gridGapUnit), " ").concat(SCALES.pr(0, gridGapUnit), " ").concat(SCALES.pb(0, gridGapUnit), " ").concat(SCALES.pl(0, gridGapUnit), ";}")),
-      className: _JSXStyle.dynamic([["2935018504", [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0, gridGapUnit), SCALES.pr(0, gridGapUnit), SCALES.pb(0, gridGapUnit), SCALES.pl(0, gridGapUnit)]]])
-    },
-    resolveClassName = _styles$className.className,
-    styles = _styles$className.styles;
-  var classes = useClasses(resolveClassName, className);
-  return /*#__PURE__*/React.createElement(GridBasicItem, _extends({
-    ref: ref,
-    className: classes
-  }, props), children, styles);
-});
-GridComponent.displayName = 'BolioUIGrid';
-var Grid = withScale(GridComponent);
-export default Grid;

package/esm/Grid/GridContainer.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["gap", "wrap", "children", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import GridBasicItem from './BasicItem';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var GridContainerComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 0 : _ref$gap,
-    _ref$wrap = _ref.wrap,
-    wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    unit = _useScale.unit,
-    SCALES = _useScale.SCALES;
-  var gapUnit = useMemo(function () {
-    return "calc(".concat(gap, " * ").concat(unit, " * 1/3)");
-  }, [gap, unit]);
-  var gridConMargin = 'calc(-1 * var(--grid-gap-unit))';
-  var gridConWidth = 'calc(100% + var(--grid-gap-unit) * 2)';
-  var _styles$className = {
-      styles: /*#__PURE__*/React.createElement(_JSXStyle, {
-        id: "1260828266",
-        dynamic: [gapUnit, gridConMargin, gridConWidth, wrap, SCALES.width(1, gridConWidth), SCALES.mt(0, gridConMargin), SCALES.mr(0, gridConMargin), SCALES.mb(0, gridConMargin), SCALES.ml(0, gridConMargin)]
-      }, "div.__jsx-style-dynamic-selector{--grid-gap-unit:".concat(gapUnit, ";--grid-container-margin:").concat(gridConMargin, ";--grid-container-width:").concat(gridConWidth, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";box-sizing:border-box;}")),
-      className: _JSXStyle.dynamic([["1260828266", [gapUnit, gridConMargin, gridConWidth, wrap, SCALES.width(1, gridConWidth), SCALES.mt(0, gridConMargin), SCALES.mr(0, gridConMargin), SCALES.mb(0, gridConMargin), SCALES.ml(0, gridConMargin)]]])
-    },
-    resolveClassName = _styles$className.className,
-    styles = _styles$className.styles;
-  var classes = useClasses(resolveClassName, className);
-  return /*#__PURE__*/React.createElement(GridBasicItem, _extends({
-    ref: ref,
-    className: classes
-  }, props), children, styles);
-});
-GridContainerComponent.displayName = 'BolioUIGridContainer';
-var GridContainer = withScale(GridContainerComponent);
-export default GridContainer;

package/esm/Grid/GridTypes.js

@@ -1,6 +0,0 @@
-import { tuple } from '../utils/prop-types';
-var justify = tuple('flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly');
-var alignItems = tuple('flex-start', 'center', 'flex-end', 'stretch', 'baseline');
-var alignContent = tuple('stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around');
-var direction = tuple('row', 'row-reverse', 'column', 'column-reverse');
-var wrap = tuple('nowrap', 'wrap', 'wrap-reverse');

package/esm/Image/Image.js

@@ -1,83 +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", "disableSkeleton", "className", "maxDelay"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import useTheme from '../use-theme';
-import ImageSkeleton from './ImageSkeleton';
-import { transformDataSource } from './helpers';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var ImageComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var src = _ref.src,
-    _ref$disableSkeleton = _ref.disableSkeleton,
-    disableSkeleton = _ref$disableSkeleton === void 0 ? false : _ref$disableSkeleton,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$maxDelay = _ref.maxDelay,
-    maxDelay = _ref$maxDelay === void 0 ? 3000 : _ref$maxDelay,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES,
-    getScaleProps = _useScale.getScaleProps;
-  var width = getScaleProps(['width', 'w']);
-  var height = getScaleProps(['height', 'h']);
-  var showAnimation = !disableSkeleton && width && height;
-  var theme = useTheme();
-  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);
-  useImperativeHandle(ref, function () {
-    return imageRef.current;
-  });
-  var url = useMemo(function () {
-    return transformDataSource(src);
-  }, [src]);
-  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);
-    }, maxDelay);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [loading, maxDelay, showAnimation]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3930247108", [theme.layout.radius, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, 'auto'), SCALES.height(1, 'auto')]]]) + " " + (useClasses('image', className) || "")
-  }, showSkeleton && showAnimation && /*#__PURE__*/React.createElement(ImageSkeleton, {
-    opacity: loading ? 1 : 0
-  }), /*#__PURE__*/React.createElement("img", _extends({
-    ref: imageRef,
-    onLoad: imageLoaded,
-    src: url
-  }, props, {
-    className: _JSXStyle.dynamic([["3930247108", [theme.layout.radius, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, 'auto'), SCALES.height(1, 'auto')]]]) + " " + (props && props.className != null && props.className || "")
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3930247108",
-    dynamic: [theme.layout.radius, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, 'auto'), SCALES.height(1, 'auto')]
-  }, ".image.__jsx-style-dynamic-selector{position:relative;border-radius:".concat(theme.layout.radius, ";overflow:hidden;max-width:100%;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0, 'auto'), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}img.__jsx-style-dynamic-selector{width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";object-fit:scale-down;display:inline-block;}")));
-});
-ImageComponent.displayName = 'BolioUIImage';
-var Image = withScale(ImageComponent);
-export default Image;

package/esm/Image/ImageBrowser.js

@@ -1,80 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["url", "title", "children", "showFullLink", "invert", "anchorProps", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import Link from '../Link';
-import useTheme from '../use-theme';
-import ImageBrowserHttpsIcon from './ImageBrowserHttpsIcon';
-import { getBrowserColors } from './styles';
-import { getHostFromUrl } from './helpers';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getTitle = function getTitle(title, colors) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["524099755", [colors.titleColor]]]) + " " + "title"
-  }, title, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "524099755",
-    dynamic: [colors.titleColor]
-  }, ".title.__jsx-style-dynamic-selector{color:".concat(colors.titleColor, ";font-size:0.75em;}")));
-};
-var getAddressInput = function getAddressInput(url, showFullLink, colors, anchorProps) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3718009574", [colors.inputBgColor]]]) + " " + "address-input"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["3718009574", [colors.inputBgColor]]]) + " " + "https"
-  }, /*#__PURE__*/React.createElement(ImageBrowserHttpsIcon, null)), /*#__PURE__*/React.createElement(Link, _extends({
-    href: url,
-    title: url,
-    target: "_blank"
-  }, anchorProps), showFullLink ? url : getHostFromUrl(url)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3718009574",
-    dynamic: [colors.inputBgColor]
-  }, ".address-input.__jsx-style-dynamic-selector{height:1.75em;max-width:60%;min-width:40%;background-color:".concat(colors.inputBgColor, ";color:inherit;border-radius:3px;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 10px;overflow:hidden;position:relative;}.address-input.__jsx-style-dynamic-selector *{font-size:0.75em;color:inherit;}.address-input.__jsx-style-dynamic-selector a{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;color:inherit;}.https.__jsx-style-dynamic-selector{width:0.75em;height:0.75em;font-size:1em;margin-right:0.31em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-1px;color:inherit;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;}")));
-};
-var ImageBrowserComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var url = _ref.url,
-    title = _ref.title,
-    children = _ref.children,
-    _ref$showFullLink = _ref.showFullLink,
-    showFullLink = _ref$showFullLink === void 0 ? false : _ref$showFullLink,
-    _ref$invert = _ref.invert,
-    invert = _ref$invert === void 0 ? false : _ref$invert,
-    _ref$anchorProps = _ref.anchorProps,
-    anchorProps = _ref$anchorProps === void 0 ? {} : _ref$anchorProps,
-    _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 colors = useMemo(function () {
-    return getBrowserColors(invert, theme.palette);
-  }, [invert, theme.palette]);
-  var input = useMemo(function () {
-    if (url) return getAddressInput(url, showFullLink, colors, anchorProps);
-    if (title) return getTitle(title, colors);
-    return null;
-  }, [url, showFullLink, title, colors, anchorProps]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + (props && props.className != null && props.className || useClasses('browser', className) || "")
-  }), /*#__PURE__*/React.createElement("header", {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + "traffic"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + "close"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + "mini"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + "full"
-  })), input), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2129234839",
-    dynamic: [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0, 'auto'), SCALES.mb(0), SCALES.ml(0, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]
-  }, ".browser.__jsx-style-dynamic-selector{background-color:transparent;box-shadow:".concat(theme.expressiveness.shadowLarge, ";max-width:100%;border-radius:").concat(theme.layout.radius, ";overflow:hidden;font-size:").concat(SCALES.font(1), ";width:").concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0, 'auto'), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.browser.__jsx-style-dynamic-selector .image{border-top-left-radius:0;border-top-right-radius:0;}header.__jsx-style-dynamic-selector{height:2.5em;width:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;color:").concat(colors.color, ";background-color:").concat(colors.barBgColor, ";border-bottom:1px solid ").concat(colors.borderColor, ";}.traffic.__jsx-style-dynamic-selector{width:auto;position:absolute;left:").concat(theme.layout.gapHalf, ";top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);bottom:0;height:100%;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;}.traffic.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{border-radius:50%;width:0.75em;height:0.75em;max-width:20px;max-height:20px;display:inline-block;margin-right:0.5em;}.close.__jsx-style-dynamic-selector{background-color:#ff5f56;}.mini.__jsx-style-dynamic-selector{background-color:#ffbd2e;}.full.__jsx-style-dynamic-selector{background-color:#27c93f;}")));
-});
-ImageBrowserComponent.displayName = 'BolioUIImageBrowser';
-var ImageBrowser = withScale(ImageBrowserComponent);
-export default ImageBrowser;

package/esm/Image/ImageBrowserHttpsIcon.js

@@ -1,21 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-var ImageBrowserHttpsIcon = function ImageBrowserHttpsIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    className: "jsx-4165143638"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M5 10.2H19V21H5V10.2Z",
-    className: "jsx-4165143638"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z",
-    className: "jsx-4165143638"
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4165143638"
-  }, "svg.jsx-4165143638{width:1em;height:1em;}"));
-};
-var MemoImageBrowserHttpsIcon = /*#__PURE__*/React.memo(ImageBrowserHttpsIcon);
-export default MemoImageBrowserHttpsIcon;

package/esm/Image/ImageSkeleton.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 ImageSkeleton = /*#__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;}}")));
-});
-ImageSkeleton.displayName = 'BolioUIImageSkeleton';
-export default ImageSkeleton;

package/esm/Image/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/Image/styles.js

@@ -1,15 +0,0 @@
-export var getBrowserColors = function getBrowserColors(invert, palette) {
-  return invert ? {
-    color: palette.background,
-    barBgColor: palette.foreground,
-    inputBgColor: palette.accents_8,
-    borderColor: palette.accents_7,
-    titleColor: palette.accents_2
-  } : {
-    color: palette.foreground,
-    barBgColor: palette.background,
-    inputBgColor: palette.accents_1,
-    borderColor: palette.border,
-    titleColor: palette.accents_5
-  };
-};

package/esm/Input/Input.js

@@ -1,165 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["label", "labelRight", "type", "htmlType", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "rounded", "backgroundColor", "borderColor", "hoverBorder", "error", "errorMessage"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import useTheme from '../use-theme';
-import InputLabel from './InputLabel';
-import InputBlockLabel from './InputBlockLabel';
-import InputIcon from './InputIcon';
-import InputClearIcon from './InputIconClear';
-import { getColors } from './styles';
-import { defaultProps } from './InputProps';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var simulateChangeEvent = function simulateChangeEvent(el, event) {
-  return _extends({}, event, {
-    target: el,
-    currentTarget: el
-  });
-};
-var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var label = _ref.label,
-    labelRight = _ref.labelRight,
-    type = _ref.type,
-    htmlType = _ref.htmlType,
-    icon = _ref.icon,
-    iconRight = _ref.iconRight,
-    iconClickable = _ref.iconClickable,
-    onIconClick = _ref.onIconClick,
-    initialValue = _ref.initialValue,
-    onChange = _ref.onChange,
-    readOnly = _ref.readOnly,
-    value = _ref.value,
-    onClearClick = _ref.onClearClick,
-    clearable = _ref.clearable,
-    className = _ref.className,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    autoComplete = _ref.autoComplete,
-    placeholder = _ref.placeholder,
-    children = _ref.children,
-    disabled = _ref.disabled,
-    rounded = _ref.rounded,
-    backgroundColor = _ref.backgroundColor,
-    borderColor = _ref.borderColor,
-    hoverBorder = _ref.hoverBorder,
-    error = _ref.error,
-    errorMessage = _ref.errorMessage,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var inputRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
-  });
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    selfValue = _useState2[0],
-    setSelfValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hover = _useState4[0],
-    setHover = _useState4[1];
-  var isControlledComponent = useMemo(function () {
-    return value !== undefined;
-  }, [value]);
-  var labelClasses = useMemo(function () {
-    return labelRight ? 'right-label' : label ? 'left-label' : '';
-  }, [label, labelRight]);
-  var iconClasses = useMemo(function () {
-    return iconRight ? 'right-icon' : icon ? 'left-icon' : '';
-  }, [icon, iconRight]);
-  var colors = useMemo(function () {
-    return getColors(theme.palette, type, disabled);
-  }, [theme.palette, type, disabled]);
-  var changeHandler = function changeHandler(event) {
-    if (disabled || readOnly) return;
-    setSelfValue(event.target.value);
-    onChange && onChange(event);
-  };
-  var clearHandler = function clearHandler(event) {
-    setSelfValue('');
-    onClearClick && onClearClick(event);
-    /* istanbul ignore next */
-    if (!inputRef.current) return;
-    var changeEvent = simulateChangeEvent(inputRef.current, event);
-    changeEvent.target.value = '';
-    onChange && onChange(changeEvent);
-    inputRef.current.focus();
-  };
-  var focusHandler = function focusHandler(e) {
-    setHover(true);
-    onFocus && onFocus(e);
-  };
-  var blurHandler = function blurHandler(e) {
-    setHover(false);
-    onBlur && onBlur(e);
-  };
-  var iconClickHandler = function iconClickHandler(e) {
-    if (disabled) return;
-    onIconClick && onIconClick(e);
-  };
-  var iconProps = useMemo(function () {
-    return {
-      clickable: iconClickable,
-      onClick: iconClickHandler
-    };
-  }, [iconClickable, iconClickHandler]);
-  useEffect(function () {
-    if (isControlledComponent) {
-      setSelfValue(value);
-    }
-  }, [isControlledComponent, value]);
-  var controlledValue = isControlledComponent ? {
-    value: selfValue
-  } : {
-    defaultValue: initialValue
-  };
-  var inputProps = _extends({}, props, controlledValue);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2075686027", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), 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.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + "with-label"
-  }, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2075686027", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), 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.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (useClasses('input-container', className) || "")
-  }, label && /*#__PURE__*/React.createElement(InputLabel, null, label), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2075686027", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), 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.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (useClasses('input-wrapper', {
-      hover: hover,
-      disabled: disabled
-    }, labelClasses) || "")
-  }, icon && /*#__PURE__*/React.createElement(InputIcon, _extends({
-    icon: icon
-  }, iconProps)), /*#__PURE__*/React.createElement("input", _extends({
-    type: htmlType,
-    ref: inputRef,
-    placeholder: placeholder,
-    disabled: disabled,
-    readOnly: readOnly,
-    onFocus: focusHandler,
-    onBlur: blurHandler,
-    onChange: changeHandler,
-    autoComplete: autoComplete
-  }, inputProps, {
-    className: _JSXStyle.dynamic([["2075686027", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), 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.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses({
-      disabled: disabled
-    }, iconClasses) || "")
-  })), clearable && /*#__PURE__*/React.createElement(InputClearIcon, {
-    visible: Boolean(inputRef.current && inputRef.current.value !== ''),
-    disabled: disabled || readOnly,
-    onClick: clearHandler
-  }), iconRight && /*#__PURE__*/React.createElement(InputIcon, _extends({
-    icon: iconRight
-  }, iconProps))), labelRight && /*#__PURE__*/React.createElement(InputLabel, {
-    isRight: true
-  }, labelRight)), error && /*#__PURE__*/React.createElement(InputBlockLabel, {
-    error: error
-  }, errorMessage), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2075686027",
-    dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), 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.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]
-  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'initial'), ";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), ";}.input-container.__jsx-style-dynamic-selector{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;width:").concat(SCALES.width(1, 'initial'), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";border:1px solid ").concat(borderColor ? borderColor : colors.borderColor, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;background:").concat(backgroundColor ? backgroundColor : colors.bgColor, ";}.input-wrapper.active.__jsx-style-dynamic-selector,.input-wrapper.__jsx-style-dynamic-selector:hover{border:1px solid ").concat(hoverBorder ? hoverBorder : colors.hoverBorder, ";background:").concat(backgroundColor ? backgroundColor : colors.hoverBgColor, ";}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(colors.hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0 4px;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(colors.color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(colors.color, " !important;}")));
-});
-InputComponent.defaultProps = defaultProps;
-InputComponent.displayName = 'BolioUIInput';
-var Input = withScale(InputComponent);
-export default Input;

package/esm/Input/InputBlockLabel.js

@@ -1,17 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-function InputBlockLabelComponent(_ref) {
-  var children = _ref.children,
-    error = _ref.error;
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement("label", {
-    className: _JSXStyle.dynamic([["3520806922", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']]])
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3520806922",
-    dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : '0.5em', error ? '0.2em' : 0, error ? '0.775rem' : '1em']
-  }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(error ? theme.palette.error : theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:").concat(error ? 0 : '0.5em', ";margin-top:").concat(error ? '0.2em' : 0, ";font-size:").concat(error ? '0.775rem' : '1em', ";line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
-}
-InputBlockLabelComponent.displayName = 'BolioUIInputBlockLabel';
-var InputBlockLabel = /*#__PURE__*/React.memo(InputBlockLabelComponent);
-export default InputBlockLabel;