@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/core/Select/index.js

@@ -1,156 +1,100 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Option", {
-  enumerable: true,
-  get: function () {
-    return _Option.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Option = _interopRequireDefault(require("./Option"));
-var _styles = require("./styles");
-var _InfoButton = _interopRequireDefault(require("../InfoButton"));
-var _IconHelp = _interopRequireDefault(require("../../icons/General/IconHelp"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _IconChevronDown = _interopRequireDefault(require("../../icons/General/IconChevronDown"));
-var _List = _interopRequireDefault(require("../List"));
-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; }
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-const Select = ({
-  input,
-  icon,
-  type = 'default',
-  native,
-  optionsWidth,
-  width,
-  maxHeight,
-  focus,
-  customOpenstyle,
-  customStyle,
-  trackingEvent,
-  trackingName,
-  disabled,
-  label,
-  closeKey,
-  className,
-  info,
-  infoPlacement = 'left',
-  ...props
-}) => {
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const [open, toggleOpen] = (0, _react.useState)(false);
-  const onClick = function () {
-    toggleOpen(!open && !disabled);
-    props.onOpenChange?.(!open);
-  };
-  const handleOpen = open => {
-    toggleOpen(open);
-    props.onOpenChange?.(open);
-  };
-  (0, _react.useEffect)(() => {
-    if (closeKey) {
-      handleOpen(false);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [closeKey]);
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      handleOpen(false);
+import React, { useState, createRef, useEffect, } from 'react';
+import Option from './Option';
+import { SelectWrapper, OptionsWrapper, styles, StyledLabel } from './styles';
+import InfoButton from '../InfoButton';
+import IconHelp from '../../icons/General/IconHelp';
+import Button from '../Button';
+import IconChevronDown from '../../icons/General/IconChevronDown';
+import List from '../List';
+export { Option };
+const Select = ({ input, icon, type = 'default', native, optionsWidth, width, maxHeight, focus, customOpenstyle, customStyle, trackingEvent, trackingName, disabled, label, closeKey, className, info, infoPlacement = 'left', ...props }) => {
+    const ref = createRef();
+    const [open, toggleOpen] = useState(false);
+    const onClick = function () {
+        toggleOpen(!open && !disabled);
+        props.onOpenChange?.(!open);
     };
-    if (open) {
-      const firstOption = ref.current?.querySelector('button, a, [tabindex]');
-      if (firstOption) {
-        firstOption.focus();
-      }
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
+    const handleOpen = (open) => {
+        toggleOpen(open);
+        props.onOpenChange?.(open);
     };
-  }, [open, ref]);
-  const onChange = value => {
-    if (props.onChange && !disabled) {
-      props.onChange(value);
-      handleOpen(false);
-    }
-  };
-  const Label = (0, _jsxRuntime.jsx)(_styles.StyledLabel, {
-    withInfo: Boolean(info),
-    children: label
-  });
-  const NonNative = (0, _jsxRuntime.jsxs)(_styles.SelectWrapper, {
-    ref: ref,
-    className: className,
-    css: theme => [_styles.styles.default, input && _styles.styles.input(theme), input && open && _styles.styles.open(theme), type === 'primary10' && _styles.styles.primary10(theme), icon && _styles.styles.withIcon, type === 'opacity08' && _styles.styles.opacity08(theme), width && _styles.styles.width(width), maxHeight && _styles.styles.maxHeight(maxHeight), customStyle && customStyle, open && customOpenstyle && customOpenstyle, disabled && _styles.styles.disabled(theme)],
-    "aria-expanded": open,
-    "aria-label": label ? label : 'Select',
-    children: [input && label && Label, info && (0, _jsxRuntime.jsx)("span", {
-      css: _styles.styles.infoButton,
-      children: (0, _jsxRuntime.jsx)(_InfoButton.default, {
-        icon: (0, _jsxRuntime.jsx)(_IconHelp.default, {
-          primary: true
-        }),
-        place: infoPlacement,
-        children: info
-      })
-    }), (0, _jsxRuntime.jsx)(_Button.default, {
-      nostyle: true,
-      afterIcon: (0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-        flipVertical: open,
-        size: 14
-      }),
-      onClick: onClick,
-      beforeIcon: icon,
-      autoFocus: focus,
-      trackingName: trackingName,
-      trackingEvent: trackingEvent,
-      tabIndex: disabled ? -1 : undefined,
-      children: props.selectedValue ? props.selectedValue : props.text || ''
-    }), (0, _jsxRuntime.jsx)(_styles.OptionsWrapper, {
-      css: [input && _styles.styles.inputstyle(!!label), optionsWidth && _styles.styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;"],
-      children: open ? (0, _jsxRuntime.jsx)(_List.default, {
-        selectList: true,
-        children: props.children.filter(x => x).map((child, key) => {
-          if (!child) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.cloneElement(child, {
-            onChange: onChange,
-            key
-          });
-        })
-      }) : null
-    })]
-  });
-  const Native = (0, _jsxRuntime.jsx)("select", {
-    className: className,
-    css: theme => [_styles.styles.default, input && _styles.styles.input(theme), input && open && _styles.styles.open(theme), type === 'primary10' && _styles.styles.primary10(theme), icon && _styles.styles.withIcon],
-    value: props.selectedValue ? props.selectedValue : props.text || '',
-    onChange: e => onChange(e.target.value),
-    children: props.children.filter(x => x).map((child, key) => {
-      if (!child) {
-        return null;
-      }
-      return (0, _jsxRuntime.jsx)("option", {
-        value: child.props.value,
-        children: child.props.children
-      }, key);
-    })
-  });
-  return native ? Native : NonNative;
+    useEffect(() => {
+        if (closeKey) {
+            handleOpen(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [closeKey]);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            const node = ref.current;
+            if (node && node.contains(e.target)) {
+                return;
+            }
+            handleOpen(false);
+        };
+        if (open) {
+            const firstOption = ref.current?.querySelector('button, a, [tabindex]');
+            if (firstOption) {
+                firstOption.focus();
+            }
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [open, ref]);
+    const onChange = (value) => {
+        if (props.onChange && !disabled) {
+            props.onChange(value);
+            handleOpen(false);
+        }
+    };
+    const Label = _jsx(StyledLabel, { withInfo: Boolean(info), children: label });
+    const NonNative = (_jsxs(SelectWrapper, { ref: ref, className: className, css: (theme) => [
+            styles.default,
+            input && styles.input(theme),
+            input && open && styles.open(theme),
+            type === 'primary10' && styles.primary10(theme),
+            icon && styles.withIcon,
+            type === 'opacity08' && styles.opacity08(theme),
+            width && styles.width(width),
+            maxHeight && styles.maxHeight(maxHeight),
+            customStyle && customStyle,
+            open && customOpenstyle && customOpenstyle,
+            disabled && styles.disabled(theme),
+        ], "aria-expanded": open, "aria-label": label ? label : 'Select', children: [input && label && Label, info && (_jsx("span", { css: styles.infoButton, children: _jsx(InfoButton, { icon: _jsx(IconHelp, { primary: true }), place: infoPlacement, children: info }) })), _jsx(Button, { nostyle: true, afterIcon: _jsx(IconChevronDown, { flipVertical: open, size: 14 }), onClick: onClick, beforeIcon: icon, autoFocus: focus, trackingName: trackingName, trackingEvent: trackingEvent, tabIndex: disabled ? -1 : undefined, children: props.selectedValue ? props.selectedValue : props.text || '' }), _jsx(OptionsWrapper, { css: [
+                    input && styles.inputstyle(!!label),
+                    optionsWidth && styles.optionsWidth(optionsWidth),
+                ], children: open ? (_jsx(List, { selectList: true, children: props.children
+                        .filter((x) => x)
+                        .map((child, key) => {
+                        if (!child) {
+                            return null;
+                        }
+                        return React.cloneElement(child, {
+                            onChange: onChange,
+                            key,
+                        });
+                    }) })) : null })] }));
+    const Native = (_jsx("select", { className: className, css: (theme) => [
+            styles.default,
+            input && styles.input(theme),
+            input && open && styles.open(theme),
+            type === 'primary10' && styles.primary10(theme),
+            icon && styles.withIcon,
+        ], value: props.selectedValue ? props.selectedValue : props.text || '', onChange: (e) => onChange(e.target.value), children: props.children
+            .filter((x) => x)
+            .map((child, key) => {
+            if (!child) {
+                return null;
+            }
+            return (_jsx("option", { value: child.props.value, children: child.props.children }, key));
+        }) }));
+    return native ? Native : NonNative;
 };
-var _default = exports.default = Select;
+export default Select;

package/lib/core/Select/styles.d.ts

@@ -29,4 +29,3 @@ declare const styles: {
     infoButton: import("@emotion/react").SerializedStyles;
 };
 export { optionButton, SelectWrapper, OptionsWrapper, styles, StyledLabel };
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/Select/styles.js

@@ -1,102 +1,179 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.optionButton = exports.StyledLabel = exports.SelectWrapper = exports.OptionsWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/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 calculateIndent = indent => {
-  const BASE = 8;
-  const INDENT_PADDING_LI = indent === 1 ? BASE * 2 : (indent + 1) * BASE;
-  return /*#__PURE__*/(0, _react.css)("padding-left:", INDENT_PADDING_LI, "px!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:calculateIndent;"));
-};
-const optionButton = indent => /*#__PURE__*/(0, _react.css)("padding-left:8px;padding-right:8px;justify-content:flex-start;height:100%;width:100%;&:disabled{opacity:0.5;}", indent && calculateIndent(indent), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:optionButton;"));
-exports.optionButton = optionButton;
-const SelectWrapper = exports.SelectWrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1w1uyes2"
-} : {
-  target: "e1w1uyes2",
-  label: "SelectWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "fnf23l",
-  styles: "position:relative;ul{border-top:none;}"
-} : {
-  name: "fnf23l",
-  styles: "position:relative;ul{border-top:none;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const OptionsWrapper = exports.OptionsWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1w1uyes1"
-} : {
-  target: "e1w1uyes1",
-  label: "OptionsWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "6mff9q",
-  styles: "position:absolute;left:0;right:0;min-width:150px;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);z-index:1000;border-radius:10px;overflow:hidden"
-} : {
-  name: "6mff9q",
-  styles: "position:absolute;left:0;right:0;min-width:150px;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);z-index:1000;border-radius:10px;overflow:hidden",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1wv5t7o",
-  styles: "padding-right:25px"
-} : {
-  name: "1780abt-StyledLabel",
-  styles: "padding-right:25px;label:StyledLabel;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const StyledLabel = exports.StyledLabel = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1w1uyes0"
-} : {
-  target: "e1w1uyes0",
-  label: "StyledLabel"
-})(({
-  withInfo
-}) => /*#__PURE__*/(0, _react.css)("line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px;", withInfo && _ref2, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledLabel;")));
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "eoqxuw",
-  styles: "display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;height:39px;background-color:rgba(216, 216, 216, 0.08);border:1px solid rgba(255, 255, 255, 0.24);border-radius:5px;color:white;&>button>span{color:white;font-weight:400;}button svg polygon{fill:white;}button{width:100%;}button+div{top:40px;}"
-} : {
-  name: "6fnvbj-opacity08",
-  styles: "display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;height:39px;background-color:rgba(216, 216, 216, 0.08);border:1px solid rgba(255, 255, 255, 0.24);border-radius:5px;color:white;&>button>span{color:white;font-weight:400;}button svg polygon{fill:white;}button{width:100%;}button+div{top:40px;};label:opacity08;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+const calculateIndent = (indent) => {
+    const BASE = 8;
+    const INDENT_PADDING_LI = indent === 1 ? BASE * 2 : (indent + 1) * BASE;
+    return css `
+    padding-left: ${INDENT_PADDING_LI}px !important;
+  `;
 };
-const styles = exports.styles = {
-  default: process.env.NODE_ENV === "production" ? {
-    name: "1iva4el",
-    styles: "button{height:36px;padding-left:8px;padding-right:8px;svg{margin-left:8px;}}"
-  } : {
-    name: "12sjtjy-default",
-    styles: "button{height:36px;padding-left:8px;padding-right:8px;svg{margin-left:8px;}};label:default;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  optionsWidth: width => /*#__PURE__*/(0, _react.css)("width:", width ? width : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:optionsWidth;")),
-  width: width => /*#__PURE__*/(0, _react.css)("&>button{width:", width ? width : 'auto', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:width;")),
-  input: theme => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;width:100%;position:unset;border-color:", theme.border, ";position:relative;&:focus-within>span:first-of-type{color:", theme.primary, ";}&>button{display:flex;border:1px solid;padding:0 10px 0 10px;border-radius:5px;height:38px;border-color:inherit;&:hover,&:focus,&:active{border:1px solid ", theme.primary, ";text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:input;")),
-  open: theme => /*#__PURE__*/(0, _react.css)("border-color:", theme.primary, ";color:", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:open;")),
-  primary10: theme => /*#__PURE__*/(0, _react.css)("&>button,&>button:hover,&>button:focus{background-color:", theme.illustrationPrimary10, ";border-radius:9px;padding:0 0.7em;height:34px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:primary10;")),
-  inputstyle: hasLabel => /*#__PURE__*/(0, _react.css)("top:calc(", hasLabel ? '22px' : '0px', " + 38px + 5px);" + (process.env.NODE_ENV === "production" ? "" : ";label:inputstyle;")),
-  withIcon: process.env.NODE_ENV === "production" ? {
-    name: "ip9sq0",
-    styles: "svg:first-of-type,polygon:first-of-type{margin-left:0;}"
-  } : {
-    name: "z72n3n-withIcon",
-    styles: "svg:first-of-type,polygon:first-of-type{margin-left:0;};label:withIcon;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  opacity08: theme => _ref,
-  maxHeight: maxHeight => /*#__PURE__*/(0, _react.css)("ul{overflow-y:scroll;max-height:", maxHeight, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:maxHeight;")),
-  disabled: theme => /*#__PURE__*/(0, _react.css)("&>button,&>button:hover,&>button:focus{background-color:", theme.disabled, ";color:#999;border-color:", theme.border, ";cursor:not-allowed;text-decoration:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;")),
-  infoButton: process.env.NODE_ENV === "production" ? {
-    name: "1c9na83",
-    styles: "position:absolute;right:0;top:0;button{display:block;height:24px!important;padding:0!important;}"
-  } : {
-    name: "1k55lp8-infoButton",
-    styles: "position:absolute;right:0;top:0;button{display:block;height:24px!important;padding:0!important;};label:infoButton;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const optionButton = (indent) => css `
+  padding-left: 8px;
+  padding-right: 8px;
+  justify-content: flex-start;
+  height: 100%;
+  width: 100%;
+
+  &:disabled {
+    opacity: 0.5;
   }
-};
+
+  ${indent && calculateIndent(indent)}
+`;
+const SelectWrapper = styled.span `
+  position: relative;
+
+  ul {
+    border-top: none;
+  }
+`;
+const OptionsWrapper = styled.div `
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-width: 150px;
+  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  border-radius: 10px;
+  overflow: hidden;
+`;
+const StyledLabel = styled.span(({ withInfo }) => css `
+    line-height: 22px;
+    font-size: 1em;
+    font-weight: 600;
+    margin-bottom: 4px;
+
+    ${withInfo &&
+    css `
+      padding-right: 25px;
+    `}
+  `);
+const styles = {
+    default: css `
+    button {
+      height: 36px;
+      padding-left: 8px;
+      padding-right: 8px;
+
+      svg {
+        margin-left: 8px;
+      }
+    }
+  `,
+    optionsWidth: (width) => css `
+    width: ${width ? width : 'auto'};
+  `,
+    width: (width) => css `
+    & > button {
+      width: ${width ? width : 'auto'};
+    }
+  `,
+    input: (theme) => css `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: unset;
+    border-color: ${theme.border};
+    position: relative;
+
+    &:focus-within > span:first-of-type {
+      color: ${theme.primary};
+    }
+
+    & > button {
+      display: flex;
+      border: 1px solid;
+      padding: 0 10px 0 10px;
+      border-radius: 5px;
+      height: 38px;
+      border-color: inherit;
+
+      &:hover,
+      &:focus,
+      &:active {
+        border: 1px solid ${theme.primary};
+        text-decoration: none;
+      }
+    }
+  `,
+    open: (theme) => css `
+    border-color: ${theme.primary};
+    color: ${theme.primary};
+  `,
+    primary10: (theme) => css `
+    & > button,
+    & > button:hover,
+    & > button:focus {
+      background-color: ${theme.illustrationPrimary10};
+      border-radius: 9px;
+      padding: 0 0.7em;
+      height: 34px;
+    }
+  `,
+    inputstyle: (hasLabel) => css `
+    top: calc(${hasLabel ? '22px' : '0px'} + 38px + 5px);
+  `,
+    withIcon: css `
+    svg:first-of-type,
+    polygon:first-of-type {
+      margin-left: 0;
+    }
+  `,
+    opacity08: (theme) => css `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.5em;
+    height: 39px;
+    background-color: rgba(216, 216, 216, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    border-radius: 5px;
+    color: white;
+
+    & > button > span {
+      color: white;
+      font-weight: 400;
+    }
+
+    button svg polygon {
+      fill: white;
+    }
+
+    button {
+      width: 100%;
+    }
+
+    button + div {
+      top: 40px;
+    }
+  `,
+    maxHeight: (maxHeight) => css `
+    ul {
+      overflow-y: scroll;
+      max-height: ${maxHeight};
+    }
+  `,
+    disabled: (theme) => css `
+    & > button,
+    & > button:hover,
+    & > button:focus {
+      background-color: ${theme.disabled};
+      color: #999;
+      border-color: ${theme.border};
+      cursor: not-allowed;
+      text-decoration: none;
+    }
+  `,
+    infoButton: css `
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    button {
+      display: block;
+      height: 24px !important;
+      padding: 0 !important;
+    }
+  `,
+};
+export { optionButton, SelectWrapper, OptionsWrapper, styles, StyledLabel };

package/lib/core/SimpleBarChart/SimpleBarChart.stories.d.ts

@@ -12,19 +12,18 @@ export declare const storyDataSimpleNumbers: {
     amount: number;
 }[];
 export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithXAxisLineAndYAxisLine: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const VerticalBarChart: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithSimpleNumbers: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=SimpleBarChart.stories.d.ts.map