@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/ImageViewer/index.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-var _Image = _interopRequireDefault(require("../Image"));
-var _nukaCarousel = _interopRequireDefault(require("nuka-carousel"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _IconChevronLeft = _interopRequireDefault(require("../../icons/General/IconChevronLeft"));
-var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
-var _react2 = require("react");
-var _Keyboard = require("../../enums/Keyboard");
-var _reactAria = require("react-aria");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const ImageViewer = ({
-  images,
-  initialImage = 0,
-  onClose
-}) => {
-  const theme = (0, _react.useTheme)();
-  const [isZoomed, setIsZoomed] = (0, _react2.useState)(false);
-  (0, _react2.useEffect)(() => {
-    // Trigger close event on "escape" keydown
-    const handleKeyDown = event => {
-      if (event.key === _Keyboard.Key.escape) onClose();
-    };
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, []);
-  const hasMultipleImages = Boolean(images.length > 1);
-  return (0, _jsxRuntime.jsx)("div", {
-    css: _styles.styles.overlay,
-    children: (0, _jsxRuntime.jsxs)("div", {
-      css: _styles.styles.carousel,
-      role: "dialog",
-      "aria-modal": true,
-      "aria-labelledby": "carousel-heading",
-      children: [(0, _jsxRuntime.jsx)(_reactAria.VisuallyHidden, {
-        id: "carousel-heading",
-        children: "Bildevisning"
-      }), (0, _jsxRuntime.jsx)(_nukaCarousel.default, {
-        enableKeyboardControls: true,
-        swiping: hasMultipleImages,
-        dragging: hasMultipleImages,
-        wrapAround: true,
-        slideIndex: initialImage,
-        cellSpacing: 15,
-        onUserNavigation: () => setIsZoomed(false),
-        renderTopRightControls: () => (0, _jsxRuntime.jsx)("button", {
-          css: _styles.styles.closeBtn,
-          onClick: onClose,
-          "aria-label": "Lukk bildevisning",
-          children: (0, _jsxRuntime.jsx)(_IconClose.default, {
-            color: "white"
-          })
-        }),
-        renderCenterRightControls: ({
-          nextSlide
-        }) => hasMultipleImages && (0, _jsxRuntime.jsx)("button", {
-          css: _styles.styles.controlBtn('right'),
-          onClick: nextSlide,
-          "aria-label": "Naviger til neste bilde",
-          children: (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
-            size: 18,
-            color: theme.btnDefaultFontColor,
-            flip: true
-          })
-        }),
-        renderCenterLeftControls: ({
-          previousSlide
-        }) => hasMultipleImages && (0, _jsxRuntime.jsx)("button", {
-          css: _styles.styles.controlBtn('left'),
-          onClick: previousSlide,
-          "aria-label": "Naviger til forrige bilde",
-          children: (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
-            size: 18,
-            color: theme.btnDefaultFontColor
-          })
-        }),
-        renderBottomCenterControls: ({
-          currentSlide
-        }) => (0, _jsxRuntime.jsx)("div", {
-          css: _styles.styles.pageInfo,
-          children: (0, _jsxRuntime.jsxs)(_Text.default, {
-            color: theme.btnDefaultFontColor,
-            size: "14px",
-            "aria-label": `Bilde ${currentSlide + 1} av ${images.length}`,
-            children: [currentSlide + 1, " / ", images.length]
-          })
-        }),
-        children: images.map((imageSrc, i) => (0, _jsxRuntime.jsx)("div", {
-          css: [_styles.styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"],
-          children: (0, _jsxRuntime.jsx)(_Image.default, {
-            src: imageSrc,
-            alt: `Bilde ${i + 1} av ${images.length}`,
-            objectFit: "contain",
-            onClick: () => setIsZoomed(!isZoomed)
-          })
-        }, i))
-      })]
-    })
-  });
-};
-var _default = exports.default = ImageViewer;

package/esm/core/ImageViewer/styles.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-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)."; }
-const _controlBg = 'rgba(0, 0, 0, 0.5)';
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1ezukv3",
-  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out"
-} : {
-  name: "z84szd-imageContainer",
-  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out;label:imageContainer;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const styles = exports.styles = {
-  overlay: process.env.NODE_ENV === "production" ? {
-    name: "1ked4ob",
-    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center"
-  } : {
-    name: "2usvsy-overlay",
-    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center;label:overlay;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  carousel: process.env.NODE_ENV === "production" ? {
-    name: "1cx7q4s",
-    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;}"
-  } : {
-    name: "i05i4-carousel",
-    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;};label:carousel;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  imageContainer: zoomed => /*#__PURE__*/(0, _react.css)("display:flex;justify-content:center;align-items:center;height:100%;img{max-width:100%;max-height:100%;width:fit-content;height:fit-content;min-width:100px;min-height:100px;cursor:zoom-in;transition:min-width 50ms ease;", zoomed && _ref, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:imageContainer;")),
-  controlBtn: direction => /*#__PURE__*/(0, _react.css)("background-color:", _controlBg, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;margin-left:", direction === 'left' ? '3px' : '0', ";margin-right:", direction === 'right' ? '3px' : '0', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:controlBtn;")),
-  pageInfo: /*#__PURE__*/(0, _react.css)("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", _controlBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:pageInfo;")),
-  closeBtn: theme => /*#__PURE__*/(0, _react.css)("background-color:", _controlBg, ";border:none;border-radius:", theme.mypageBoxBorderRadius, ";padding:0.75em;cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:closeBtn;"))
-};

package/esm/core/InfoButton/InfoButton.stories.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Width = exports.Right = exports.Left = exports.Default = exports.Bottom = void 0;
-var _ = _interopRequireDefault(require("."));
-var _IconHelp = _interopRequireDefault(require("../../icons/General/IconHelp"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/InfoButton',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: 'This will be the content',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
-      primary: true
-    })
-  },
-  name: 'Default'
-};
-const Right = exports.Right = {
-  args: {
-    children: 'This will be the content. This very long and unnecessary text shows how the tooltip will handle responsiveness',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
-      primary: true
-    }),
-    place: 'right'
-  },
-  name: 'Right'
-};
-const Bottom = exports.Bottom = {
-  args: {
-    children: 'This will be the content',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
-      primary: true
-    }),
-    place: 'bottom'
-  },
-  name: 'Bottom'
-};
-const Left = exports.Left = {
-  args: {
-    children: 'This will be the content',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
-      primary: true
-    }),
-    place: 'left'
-  },
-  name: 'Left'
-};
-const Width = exports.Width = {
-  args: {
-    children: 'Custom width',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
-      primary: true
-    }),
-    place: 'right',
-    width: '100px'
-  },
-  name: 'Width'
-};

package/esm/core/InfoButton/index.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Text = _interopRequireDefault(require("../Text"));
-var _react2 = require("motion/react");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsxImportSource @emotion/react */
-
-const InfoButton = ({
-  trackingName,
-  icon,
-  place = 'top',
-  children,
-  stopPropagation,
-  'aria-label': ariaLabel,
-  width,
-  className
-}) => {
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const handleClick = e => {
-    stopPropagation && e.stopPropagation();
-    setShowTooltip(!showTooltip);
-  };
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      setShowTooltip(false);
-    };
-    if (showTooltip) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [showTooltip, ref]);
-  return (0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    ref: ref,
-    className: className,
-    children: [(0, _jsxRuntime.jsx)(_styles.StyledButton, {
-      "aria-label": ariaLabel,
-      trackingName: trackingName,
-      nostyle: true,
-      onClick: handleClick,
-      children: icon ? icon : ''
-    }), (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
-      children: showTooltip && (0, _jsxRuntime.jsx)(_styles.Tooltip, {
-        initial: {
-          opacity: 0,
-          scale: 0.9
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        exit: {
-          opacity: 0,
-          scale: 0.9
-        },
-        transition: {
-          duration: 0.1
-        },
-        role: "tooltip",
-        id: "info-tooltip",
-        "aria-hidden": !showTooltip,
-        css: () => [_styles.styles.default, place === 'top' && _styles.styles.top, place === 'right' && _styles.styles.right, place === 'bottom' && _styles.styles.bottom, place === 'left' && _styles.styles.left, width && _styles.styles.width(width, place)],
-        children: (0, _jsxRuntime.jsx)(_Text.default, {
-          children: children ? children : ''
-        })
-      })
-    })]
-  });
-};
-var _default = exports.default = InfoButton;

package/esm/core/InfoButton/styles.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Wrapper = exports.Tooltip = exports.StyledButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _react2 = require("motion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const StyledButton = exports.StyledButton = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "e169bjpw2"
-} : {
-  target: "e169bjpw2",
-  label: "StyledButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4nc06h",
-  styles: "margin-left:5px;&:focus-visible{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}"
-} : {
-  name: "4nc06h",
-  styles: "margin-left:5px;&:focus-visible{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const styles = exports.styles = {
-  default: process.env.NODE_ENV === "production" ? {
-    name: "1uszwlo",
-    styles: "text-align:left;max-width:300px"
-  } : {
-    name: "godunf-default",
-    styles: "text-align:left;max-width:300px;label:default;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  top: /*#__PURE__*/(0, _react.css)("bottom:calc(24px + 5px);left:calc(-11vw + 9px);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", _breakpoints.default.small, "){width:50vw;left:calc(-25vw + 9px);}@media screen and (max-width: ", _breakpoints.default.large, ") and (orientation: landscape){width:50vw;}&::after{top:100%;left:50%;margin-left:-5px;border-color:white transparent transparent transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:top;")),
-  right: /*#__PURE__*/(0, _react.css)("top:0;left:35px;box-shadow:-1px 0px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", _breakpoints.default.small, "){width:50vw;}@media screen and (max-width: ", _breakpoints.default.large, ") and (orientation: landscape){width:50vw;}&::after{top:8px;right:100%;margin-left:-5px;border-color:transparent white transparent transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:right;")),
-  bottom: /*#__PURE__*/(0, _react.css)("top:calc(24px + 5px);left:calc(-11vw + 9px);box-shadow:0px -1px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", _breakpoints.default.small, "){width:50vw;left:calc(-25vw + 9px);}@media screen and (max-width: ", _breakpoints.default.large, ") and (orientation: landscape){width:50vw;}&::after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent white transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:bottom;")),
-  left: /*#__PURE__*/(0, _react.css)("top:0;right:calc(24px + 3px);box-shadow:1px 0px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", _breakpoints.default.small, "){width:50vw;}@media screen and (max-width: ", _breakpoints.default.large, ") and (orientation: landscape){width:50vw;}&::after{top:8px;left:100%;border-color:transparent transparent transparent white;}" + (process.env.NODE_ENV === "production" ? "" : ";label:left;")),
-  width: (width, place) => /*#__PURE__*/(0, _react.css)("width:", width, "!important;left:", place === 'top' || place === 'bottom' ? `calc((-${width} / 2) + 9px) !important` : place === 'right' ? '35px' : 'initial', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"))
-};
-const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "e169bjpw1"
-} : {
-  target: "e169bjpw1",
-  label: "Tooltip"
-})(process.env.NODE_ENV === "production" ? {
-  name: "gsdyt8",
-  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&::after{content:'';position:absolute;border-width:5px;border-style:solid;}"
-} : {
-  name: "gsdyt8",
-  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&::after{content:'';position:absolute;border-width:5px;border-style:solid;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e169bjpw0"
-} : {
-  target: "e169bjpw0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1m1qpau",
-  styles: "display:block;width:max-content;position:relative"
-} : {
-  name: "1m1qpau",
-  styles: "display:block;width:max-content;position:relative",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/Input/Input.stories.js

@@ -1,201 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithMaxlength = exports.WithDebounce = exports.Stealth = exports.Search = exports.Reset = exports.Passsword = exports.InvalidNoLabel = exports.Invalid = exports.Info = exports.Highlighted = exports.Height = exports.FormattedNumberOnly = exports.Format = exports.Focused = exports.Disabled = exports.Default = exports.Controls = exports.CardInput = void 0;
-var _addonActions = require("@storybook/addon-actions");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Input',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    type: 'text',
-    label: 'Label',
-    placeholder: 'Placeholder text'
-  },
-  name: 'Default'
-};
-const Focused = exports.Focused = {
-  args: {
-    type: 'text',
-    label: 'Focused',
-    placeholder: 'Placeholder text',
-    focus: true
-  },
-  name: 'Focused'
-};
-const Stealth = exports.Stealth = {
-  args: {
-    type: 'stealth',
-    label: 'Stealth',
-    placeholder: 'Placeholder text'
-  },
-  name: 'Stealth'
-};
-const Disabled = exports.Disabled = {
-  args: {
-    type: 'text',
-    label: 'Disabled',
-    placeholder: 'Field disabled',
-    disabled: true
-  },
-  name: 'Disabled'
-};
-const Passsword = exports.Passsword = {
-  args: {
-    type: 'password',
-    label: 'Inputfield - password',
-    placeholder: 'Password field',
-    value: 'Secret password'
-  },
-  name: 'Passsword'
-};
-const Search = exports.Search = {
-  args: {
-    type: 'search',
-    highlight: true,
-    placeholder: 'Placeholder text',
-    label: 'Label'
-  },
-  name: 'Search'
-};
-const Highlighted = exports.Highlighted = {
-  args: {
-    type: 'text',
-    placeholder: 'Placeholder text',
-    highlight: true
-  },
-  name: 'Highlighted'
-};
-const Reset = exports.Reset = {
-  args: {
-    type: 'text',
-    value: 'should be empty',
-    placeholder: 'Placeholder text',
-    highlight: true,
-    reset: true
-  },
-  name: 'Reset'
-};
-const WithDebounce = exports.WithDebounce = {
-  args: {
-    type: 'text',
-    value: '',
-    onDebounceChange: value => {
-      (0, _addonActions.action)('debounce callback..');
-      console.log('debounce callback..', value);
-    },
-    placeholder: 'Placeholder text',
-    highlight: true,
-    debounceDelay: 500
-  },
-  name: 'WithDebounce'
-};
-const WithMaxlength = exports.WithMaxlength = {
-  args: {
-    type: 'text',
-    value: '',
-    onChange: value => {
-      (0, _addonActions.action)('value changed..');
-      console.log('value changed..', value);
-    },
-    placeholder: 'Placeholder text',
-    highlight: true,
-    maxlength: 50
-  },
-  name: 'With maxlength'
-};
-const Format = exports.Format = {
-  args: {
-    type: 'text',
-    value: '900',
-    placeholder: 'Start typing a price',
-    format: 'price',
-    variant: 'default'
-  },
-  name: 'Format'
-};
-const Height = exports.Height = {
-  args: {
-    type: 'search',
-    height: '50px',
-    highlight: true
-  },
-  name: 'Height'
-};
-const Info = exports.Info = {
-  args: {
-    label: 'With info',
-    info: 'Hello, this is important information',
-    invalidMessage: 'error'
-  },
-  name: 'Info'
-};
-const CardInput = exports.CardInput = {
-  args: {
-    cardInput: true,
-    placeholder: 'Im styled as a card',
-    highlight: true,
-    type: 'search'
-  },
-  name: 'CardInput'
-};
-const Invalid = exports.Invalid = {
-  args: {
-    label: 'Invalid',
-    invalid: true,
-    invalidMessage: 'error'
-  },
-  name: 'Invalid'
-};
-const InvalidNoLabel = exports.InvalidNoLabel = {
-  args: {
-    invalid: true,
-    invalidMessage: 'error'
-  },
-  name: 'Invalid no label'
-};
-const Controls = exports.Controls = {
-  args: {
-    label: 'With info',
-    info: 'Hello, this is important information',
-    invalidMessage: 'error',
-    value: '',
-    name: '',
-    cardInput: false,
-    className: '',
-    debounceDelay: 500,
-    disabled: false,
-    focus: false,
-    format: undefined,
-    height: '',
-    invalid: false,
-    maxlength: undefined,
-    highlight: false,
-    infoPlacement: undefined,
-    placeholder: 'Hello',
-    reset: false,
-    type: 'text',
-    onChange: (0, _addonActions.action)('value changed..'),
-    onBlur: (0, _addonActions.action)('on blur..'),
-    onDebounceChange: (0, _addonActions.action)('on debounce change..'),
-    onFocus: (0, _addonActions.action)('on focus..')
-  },
-  name: 'Controls'
-};
-const FormattedNumberOnly = exports.FormattedNumberOnly = {
-  args: {
-    type: 'text',
-    label: 'Label',
-    placeholder: 'Placeholder text',
-    variant: 'formattedNumber',
-    getFormattedNumber: value => console.log('FormattedNumberOnly', value),
-    value: 123111121
-  },
-  name: 'FormattedNumberOnly'
-};