@dfds-ui/react-components 0.9.7-alpha.15e38892 → 0.9.7-alpha.1c844f2a

package/cjs/common/LockBodyScroll.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare type LockBodyScrollProps = {
+    /**
+     * If `true` scroll locking will be enabled
+     */
+    enabled?: boolean;
+    /**
+     * ClassName to be applied to the body element when scroll is locked
+     */
+    bodyClassNameApplied?: string;
+    /**
+     * ClassName to be applied to the html element when scroll is locked
+     */
+    htmlClassNameApplied?: string;
+    /**
+     * Preserve scroll position when locking.
+     */
+    preserveScrollPosition?: boolean;
+    children?: React.ReactNode;
+};
+export declare type LockBodyScrollResult = {
+    getGap(): number;
+};
+export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
+export default LockBodyScroll;

package/cjs/common/LockBodyScroll.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LockBodyScroll = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["enabled", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const LockBodyScrollComponent = /*#__PURE__*/_react.default.forwardRef(({
+  bodyClassNameApplied = 'body-scroll-locked',
+  htmlClassNameApplied = 'html-scroll-locked',
+  preserveScrollPosition = true,
+  children
+}, ref) => {
+  _react.default.useImperativeHandle(ref, () => ({
+    getGap: () => {
+      return typeof document === 'undefined' ? 0 : document.body.dataset.lockBodyScrollGap ? parseInt(document.body.dataset.lockBodyScrollGap) : 0;
+    }
+  }));
+
+  _react.default.useLayoutEffect(() => {
+    if (typeof document === 'undefined') return;
+    const originalTop = window.getComputedStyle(document.body).top; //is this really needed ?
+
+    const scrollY = window.scrollY || window.pageYOffset;
+
+    if (preserveScrollPosition) {
+      document.body.style.top = `${-scrollY}px`;
+    }
+
+    const bodyWidthBefore = window.getComputedStyle(document.body).width;
+    document.documentElement.classList.add(htmlClassNameApplied);
+    document.body.classList.add(bodyClassNameApplied);
+    const bodyWidthAfter = window.getComputedStyle(document.body).width;
+    const gap = parseInt(bodyWidthAfter) - parseInt(bodyWidthBefore);
+    document.body.style.paddingRight = `${gap}px`;
+    document.body.dataset.lockBodyScrollGap = String(gap);
+    return () => {
+      const scrollY = document.body.style.top;
+      document.documentElement.classList.remove(htmlClassNameApplied);
+      document.body.classList.remove(bodyClassNameApplied);
+      document.body.style.paddingRight = '';
+      document.body.style.top = originalTop;
+
+      if (preserveScrollPosition) {
+        window.scrollTo(0, parseInt(scrollY || '0') * -1);
+      }
+
+      delete document.body.dataset.lockBodyScrollGap;
+    };
+  }, [bodyClassNameApplied, htmlClassNameApplied, preserveScrollPosition]);
+
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_react2.Global, {
+    styles: /*#__PURE__*/(0, _react2.css)(".", htmlClassNameApplied, "{overflow:hidden;}.", bodyClassNameApplied, "{position:fixed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LockBodyScrollComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vTG9ja0JvZHlTY3JvbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi9Mb2NrQm9keVNjcm9sbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFByb3BzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgIHNjcm9sbCBsb2NraW5nIHdpbGwgYmUgZW5hYmxlZFxuICAgKi9cbiAgZW5hYmxlZD86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ2xhc3NOYW1lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGJvZHkgZWxlbWVudCB3aGVuIHNjcm9sbCBpcyBsb2NrZWRcbiAgICovXG4gIGJvZHlDbGFzc05hbWVBcHBsaWVkPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIENsYXNzTmFtZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBodG1sIGVsZW1lbnQgd2hlbiBzY3JvbGwgaXMgbG9ja2VkXG4gICAqL1xuICBodG1sQ2xhc3NOYW1lQXBwbGllZD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcmVzZXJ2ZSBzY3JvbGwgcG9zaXRpb24gd2hlbiBsb2NraW5nLlxuICAgKi9cbiAgcHJlc2VydmVTY3JvbGxQb3NpdGlvbj86IGJvb2xlYW5cblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFJlc3VsdCA9IHtcbiAgZ2V0R2FwKCk6IG51bWJlclxufVxuXG5jb25zdCBMb2NrQm9keVNjcm9sbENvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgYm9keUNsYXNzTmFtZUFwcGxpZWQgPSAnYm9keS1zY3JvbGwtbG9ja2VkJyxcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkID0gJ2h0bWwtc2Nyb2xsLWxvY2tlZCcsXG4gICAgICBwcmVzZXJ2ZVNjcm9sbFBvc2l0aW9uID0gdHJ1ZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgIH06IExvY2tCb2R5U2Nyb2xsUHJvcHMsXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIFJlYWN0LnVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgZ2V0R2FwOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnXG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBkb2N1bWVudC5ib2R5LmRhdGFzZXQubG9ja0JvZHlTY3JvbGxHYXBcbiAgICAgICAgICA/IHBhcnNlSW50KGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcClcbiAgICAgICAgICA6IDBcbiAgICAgIH0sXG4gICAgfSkpXG5cbiAgICBSZWFjdC51c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVyblxuXG4gICAgICBjb25zdCBvcmlnaW5hbFRvcCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLnRvcCAvL2lzIHRoaXMgcmVhbGx5IG5lZWRlZCA/XG4gICAgICBjb25zdCBzY3JvbGxZID0gd2luZG93LnNjcm9sbFkgfHwgd2luZG93LnBhZ2VZT2Zmc2V0XG4gICAgICBpZiAocHJlc2VydmVTY3JvbGxQb3NpdGlvbikge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcCA9IGAkey1zY3JvbGxZfXB4YFxuICAgICAgfVxuICAgICAgY29uc3QgYm9keVdpZHRoQmVmb3JlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuYm9keSkud2lkdGhcbiAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKGh0bWxDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgY29uc3QgYm9keVdpZHRoQWZ0ZXIgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5ib2R5KS53aWR0aFxuICAgICAgY29uc3QgZ2FwID0gcGFyc2VJbnQoYm9keVdpZHRoQWZ0ZXIpIC0gcGFyc2VJbnQoYm9keVdpZHRoQmVmb3JlKVxuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wYWRkaW5nUmlnaHQgPSBgJHtnYXB9cHhgXG5cbiAgICAgIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcCA9IFN0cmluZyhnYXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFkgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcFxuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShodG1sQ2xhc3NOYW1lQXBwbGllZClcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBhZGRpbmdSaWdodCA9ICcnXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudG9wID0gb3JpZ2luYWxUb3BcbiAgICAgICAgaWYgKHByZXNlcnZlU2Nyb2xsUG9zaXRpb24pIHtcbiAgICAgICAgICB3aW5kb3cuc2Nyb2xsVG8oMCwgcGFyc2VJbnQoc2Nyb2xsWSB8fCAnMCcpICogLTEpXG4gICAgICAgIH1cbiAgICAgICAgZGVsZXRlIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcFxuICAgICAgfVxuICAgIH0sIFtib2R5Q2xhc3NOYW1lQXBwbGllZCwgaHRtbENsYXNzTmFtZUFwcGxpZWQsIHByZXNlcnZlU2Nyb2xsUG9zaXRpb25dKVxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgICAuJHtodG1sQ2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuJHtib2R5Q2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBjb25zdCBMb2NrQm9keVNjcm9sbCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoeyBlbmFibGVkID0gdHJ1ZSwgY2hpbGRyZW4sIC4uLnJlc3QgfTogTG9ja0JvZHlTY3JvbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIGVuYWJsZWQgPyAoXG4gICAgICA8TG9ja0JvZHlTY3JvbGxDb21wb25lbnQgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Mb2NrQm9keVNjcm9sbENvbXBvbmVudD5cbiAgICApIDogKFxuICAgICAgPD57Y2hpbGRyZW59PC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2tCb2R5U2Nyb2xsXG4iXX0= */")
+  }), children);
+});
+
+const LockBodyScroll = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let _ref$enabled = _ref.enabled,
+      enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return enabled ? (0, _react2.jsx)(LockBodyScrollComponent, _extends({}, rest, {
+    ref: ref
+  }), children) : (0, _react2.jsx)(_react.default.Fragment, null, children);
+});
+
+exports.LockBodyScroll = LockBodyScroll;
+var _default = LockBodyScroll;
+exports.default = _default;

package/cjs/common/arrow.d.ts

@@ -0,0 +1,6 @@
+export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/react").SerializedStyles;

package/cjs/common/arrow.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = arrow;
+
+var _react = require("@emotion/react");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+function px(size) {
+  return `${size}px`;
+} // currently limited positions
+
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "abcix4",
+  styles: "top:0"
+} : {
+  name: "14pv8fd-arrow",
+  styles: "top:0;label:arrow;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "f16dz6",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
+} : {
+  name: "ejf7mr-base",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0;label:base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+function arrow(size, color, offset = 20, position = 'top-right') {
+  const degToRad = x => {
+    return x / 180 * Math.PI;
+  };
+
+  const calculatedSize = Math.sin(degToRad(45)) * size;
+  const shadow = 8;
+  const base = _ref2;
+  return /*#__PURE__*/(0, _react.css)("::before{", base, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);box-shadow:0 0 ", px(shadow), " 0 rgba(0, 0, 0, 0.12);background-color:", color, ";}>div{position:relative;padding:5px 0;border-radius:2px;background-color:", color, ";::before{", base, " ", position.includes('bottom') && _ref, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrow;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/cjs/common/emotionCloneElement.d.ts

@@ -0,0 +1,2 @@
+declare const emotionCloneElement: (element: any, config: any, ...children: any) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export default emotionCloneElement;

package/cjs/common/emotionCloneElement.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// https://github.com/emotion-js/emotion/issues/1404
+const emotionCloneElement = (element, config, ...children) => {
+  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
+    key: element.key !== null ? element.key : undefined,
+    ref: element.ref
+  }, element.props), config), ...children);
+};
+
+var _default = emotionCloneElement;
+exports.default = _default;

package/cjs/common/intent.d.ts

@@ -0,0 +1,3 @@
+export declare type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
+export declare function getIntentColor(intent?: Intent): string;
+export declare function getIntentTextColor(intent: Intent): string;

package/cjs/common/intent.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIntentColor = getIntentColor;
+exports.getIntentTextColor = getIntentTextColor;
+
+var _theme = require("@dfds-ui/theme");
+
+function getIntentColor(intent = 'info') {
+  switch (intent) {
+    case 'none':
+      return _theme.theme.colors.surface.secondary;
+
+    case 'info':
+      return _theme.theme.colors.primary.main;
+
+    case 'critical':
+      return _theme.theme.colors.status.alert;
+
+    case 'success':
+      return _theme.theme.colors.status.success;
+
+    case 'warning':
+      return _theme.theme.colors.status.warning;
+  }
+}
+
+function getIntentTextColor(intent) {
+  switch (intent) {
+    case 'none':
+      return _theme.theme.colors.text.dark.primary;
+
+    case 'info':
+    case 'critical':
+    case 'success':
+    case 'warning':
+      return _theme.theme.colors.text.light.primary;
+  }
+}

package/cjs/common/miniMoize.d.ts

@@ -0,0 +1 @@
+export declare function miniMoize(fn: (...args: any[]) => any): (...args: any[]) => any;

package/cjs/common/miniMoize.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.miniMoize = miniMoize;
+
+// memoization function inspired by moize. Can only remember last value
+function miniMoize(fn) {
+  let cache = null;
+  let cacheArgs = null;
+
+  function wrapper() {
+    if (cacheArgs && eq(arguments)) {
+      return cache;
+    }
+
+    cache = fn(...arguments);
+    cacheArgs = arguments;
+    return cache;
+  }
+
+  function eq(arg) {
+    if (arg.length !== cacheArgs.length) {
+      return false;
+    }
+
+    for (let i = 0; i < arg.length; i++) {
+      if (arg[i] !== cacheArgs[i]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  return wrapper;
+}

package/cjs/common/polymorphic.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ElementType } from 'react';
+export declare type RenderContainerProps<T> = {
+    renderContainer: (props: T) => JSX.Element;
+};
+export declare type PolymorphicComponentProps = {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: ElementType;
+};
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+export declare function withRenderAs<PCProps extends PolymorphicComponentProps, RCProps>(PolymorphicComponent: ComponentType<PCProps>, RenderComponent: ComponentType<RCProps>): ({ ...props }: Omit<PCProps, keyof PolymorphicComponentProps> & RCProps) => JSX.Element;

package/cjs/common/polymorphic.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRenderAs = withRenderAs;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+function withRenderAs(PolymorphicComponent, RenderComponent) {
+  const Component = _ref => {
+    let props = _extends({}, _ref);
+
+    return (0, _react2.jsx)(PolymorphicComponent, _extends({
+      as: RenderComponent
+    }, props));
+  };
+
+  return Component;
+}

package/cjs/common/use-media.d.ts

@@ -0,0 +1 @@
+export default function useMedia(queries: any, values: any, defaultValue: any): any;

package/cjs/common/use-media.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMedia;
+
+var _react = require("react");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// from https://github.com/gragland/usehooks
+function useMedia(queries, values, defaultValue) {
+  // Array containing a media query list for each query
+  const mediaQueryLists = typeof window !== 'undefined' ? queries.map(q => window.matchMedia(q)) : []; // Function that gets value based on matching media query
+
+  const getValue = () => {
+    // Get index of first media query that matches
+    const index = mediaQueryLists.findIndex(mql => mql.matches); // Return related value or defaultValue if none
+
+    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+  }; // State and setter for matched value
+
+
+  const _useState = (0, _react.useState)(getValue),
+        _useState2 = _slicedToArray(_useState, 2),
+        value = _useState2[0],
+        setValue = _useState2[1];
+
+  (0, _react.useEffect)(() => {
+    // Event listener callback
+    // Note: By defining getValue outside of useEffect we ensure that it has ...
+    // ... current values of hook args (as this hook only runs on mount/dismount).
+    const handler = () => setValue(getValue); // Set a listener for each media query with above handler as callback.
+
+
+    mediaQueryLists.forEach(mql => mql.addListener(handler)); // Remove listeners on cleanup
+
+    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler)); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Empty array ensures effect is only run on mount and unmount
+
+  return value;
+}

package/cjs/common/useOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+declare type Handler = (...args: any[]) => void;
+export default function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: Handler | null): void;
+export {};

package/cjs/common/useOnClickOutside.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOnClickOutside;
+
+var _react = require("react");
+
+/* eslint-disable react-hooks/exhaustive-deps */
+
+/* eslint-disable react-hooks/rules-of-hooks */
+const MOUSEDOWN = 'mousedown';
+const TOUCHSTART = 'touchstart';
+const events = [MOUSEDOWN, TOUCHSTART];
+
+function useOnClickOutside(ref, handler) {
+  const isBrowser = typeof document !== 'undefined';
+
+  if (!isBrowser) {
+    return;
+  }
+
+  const handlerRef = useLatest(handler);
+  (0, _react.useEffect)(() => {
+    if (!handler) {
+      return;
+    }
+
+    const listener = event => {
+      if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
+        return;
+      }
+
+      handlerRef.current(event);
+    };
+
+    events.forEach(event => {
+      document.addEventListener(event, listener);
+    });
+    return () => {
+      events.forEach(event => {
+        document.removeEventListener(event, listener);
+      });
+    };
+  }, [!handler]);
+}
+
+function useLatest(value) {
+  const ref = (0, _react.useRef)(value);
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  });
+  return ref;
+}

package/cjs/common/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/react").SerializedStyles | undefined;
+export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;
+export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;

package/cjs/common/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ie11MinHeightFix = ie11MinHeightFix;
+exports.onlyIE = onlyIE;
+exports.onlyChrome = onlyChrome;
+
+var _react = require("@emotion/react");
+
+function ie11MinHeightFix(minHeight) {
+  if (typeof minHeight === 'undefined') {
+    return undefined;
+  }
+
+  return /*#__PURE__*/(0, _react.css)(onlyIE`
+      &:before {
+        content: '';
+        height: ${minHeight};
+      }`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
+}
+
+function onlyIE(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}
+
+function onlyChrome(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/cjs/counter/Counter.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+export declare type CounterProps = {
+    label?: ReactNode | string;
+    /**
+     * Minimum value
+     */
+    minVal: number;
+    /**
+     * Maximum value
+     */
+    maxVal: number;
+    disableMin?: boolean;
+    disableMax?: boolean;
+    /**
+     *Name of the input element
+     */
+    name?: string;
+    currentVal?: number;
+    initialVal?: number;
+    /**
+     *Callback when the value changes
+     */
+    executeOnChange?: (arg: number) => any;
+};
+export declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLInputElement>>;
+export default Counter;