@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/Card/Card.stories.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithShadow = exports.WithPrimary = exports.WithOverflowVisible = exports.WithHover = exports.WithGray = exports.Default = exports.ClickableCard = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Dropdown = _interopRequireDefault(require("../Dropdown"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Card',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: 'Stuff'
-  },
-  name: 'Default'
-};
-const WithHover = exports.WithHover = {
-  args: {
-    withhover: true,
-    children: 'Hover me!'
-  },
-  name: 'With hover'
-};
-const WithShadow = exports.WithShadow = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    shadow: true,
-    children: "Shadow"
-  }),
-  name: 'With shadow'
-};
-const WithPrimary = exports.WithPrimary = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    primary: true,
-    children: "Primary"
-  }),
-  name: 'With primary'
-};
-const WithGray = exports.WithGray = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    gray: true,
-    children: "Gray"
-  }),
-  name: 'With gray'
-};
-const WithOverflowVisible = exports.WithOverflowVisible = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    shadow: true,
-    overflowvisible: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Option 1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Option 2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Option 3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Option 4"
-      })]
-    })
-  }),
-  name: 'With overflow visible'
-};
-const ClickableCard = exports.ClickableCard = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    shadow: true,
-    overflowvisible: true,
-    onClick: () => console.log('heya'),
-    children: "Click me.."
-  }),
-  name: 'Clickable card'
-};

package/esm/core/Card/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Keyboard = require("../../enums/Keyboard");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Card = /*#__PURE__*/_react.default.forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  const handleOnKeyPress = e => {
-    if (e.key === _Keyboard.Key.enter || e.key === _Keyboard.Key.space) {
-      if (props.onClick) {
-        props.onClick();
-      }
-    }
-  };
-  return (0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    css: theme => [_styles.styles.default(theme), props.shadow && _styles.styles.shadow(theme), props.withhover && _styles.styles.withHover(theme), props.primary && _styles.styles.primary(theme), props.gray && _styles.styles.gray, props.noPadding && _styles.styles.noPadding, props.height && _styles.styles.height(props.height), props.nobackground && _styles.styles.nobackground, props.largePadding && _styles.styles.largePadding, props.overflowvisible && _styles.styles.overflowvisible, props.css && props.css],
-    tabIndex: props.onClick ? 0 : undefined,
-    onClick: props.onClick,
-    onKeyPress: handleOnKeyPress,
-    className: className,
-    ...props,
-    children: props.children
-  });
-});
-var _default = exports.default = Card;

package/esm/core/Card/styles.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = 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 styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)("position:relative;padding:30px 20px;border-radius:", theme.preemptionCardBorderRadius, ";background-color:#ffffff;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  withHeader: process.env.NODE_ENV === "production" ? {
-    name: "89cvcd",
-    styles: "padding:0;padding-bottom:30px"
-  } : {
-    name: "j92l19-withHeader",
-    styles: "padding:0;padding-bottom:30px;label:withHeader;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  withHover: theme => /*#__PURE__*/(0, _react.css)("cursor:pointer;transition:all 0.3s ease-in-out;&:hover{background-color:#ffffff;box-shadow:", theme.shadowBig, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:withHover;")),
-  shadow: theme => /*#__PURE__*/(0, _react.css)("box-shadow:", theme.shadowSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:shadow;")),
-  primary: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;")),
-  gray: process.env.NODE_ENV === "production" ? {
-    name: "e82xj7",
-    styles: "background-color:rgba(0, 0, 0, 0.03)"
-  } : {
-    name: "uuazck-gray",
-    styles: "background-color:rgba(0, 0, 0, 0.03);label:gray;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  noPadding: process.env.NODE_ENV === "production" ? {
-    name: "1hcx8jb",
-    styles: "padding:0"
-  } : {
-    name: "c79p2l-noPadding",
-    styles: "padding:0;label:noPadding;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  largePadding: process.env.NODE_ENV === "production" ? {
-    name: "186egwm",
-    styles: "padding:2em"
-  } : {
-    name: "r98ymd-largePadding",
-    styles: "padding:2em;label:largePadding;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  nobackground: process.env.NODE_ENV === "production" ? {
-    name: "1qsuvl4",
-    styles: "background:transparent"
-  } : {
-    name: "m6erpp-nobackground",
-    styles: "background:transparent;label:nobackground;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  height: height => /*#__PURE__*/(0, _react.css)("height:", height, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:height;")),
-  overflowvisible: process.env.NODE_ENV === "production" ? {
-    name: "1h8nup8",
-    styles: "overflow:visible"
-  } : {
-    name: "1fl3634-overflowvisible",
-    styles: "overflow:visible;label:overflowvisible;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};
-var _default = exports.default = styles;

package/esm/core/Checkbox/Checkbox.stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutLabel = exports.Subtle = exports.Disabled = exports.Default = exports.Checked = void 0;
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Checkbox',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    value: 'value1',
-    children: 'Option'
-  },
-  name: 'Default'
-};
-const WithoutLabel = exports.WithoutLabel = {
-  args: {
-    value: 'value1'
-  },
-  name: 'Without label'
-};
-const Subtle = exports.Subtle = {
-  args: {
-    value: 'value1',
-    type: 'subtle',
-    children: 'Option'
-  },
-  name: 'Subtle'
-};
-const Checked = exports.Checked = {
-  args: {
-    value: 'value1',
-    checked: true,
-    children: 'Option'
-  },
-  name: 'Checked'
-};
-const Disabled = exports.Disabled = {
-  args: {
-    value: 'value1',
-    disabled: true,
-    children: 'Disabled option'
-  },
-  name: 'Disabled'
-};

package/esm/core/Checkbox/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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 Checkbox = /*#__PURE__*/_react.default.forwardRef(({
-  ...props
-}, ref) => {
-  const [value, setValue] = (0, _react.useState)(props.checked ? true : false);
-  const {
-    checked,
-    disabled,
-    className,
-    disabledHoverState,
-    nomargin,
-    child,
-    type,
-    name,
-    onChange,
-    onClick,
-    id,
-    children,
-    ...restProps
-  } = props;
-  (0, _react.useEffect)(() => {
-    setValue(props.checked ? true : false);
-  }, [props.checked]);
-  const handleChange = e => {
-    if (props.disabled) return;
-    setValue(!value);
-    props.onChange && props.onChange(e);
-  };
-  return (0, _jsxRuntime.jsxs)("label", {
-    "aria-label": props['aria-label'],
-    htmlFor: id,
-    className: className,
-    css: theme => [_styles.styles.default(theme), disabled && _styles.styles.disabled(theme, disabledHoverState), nomargin && _styles.styles.nomargin, child && _styles.styles.child, type === 'subtle' && _styles.styles.subtle(theme)],
-    onClick: e => e.stopPropagation(),
-    children: [(0, _jsxRuntime.jsx)("input", {
-      ref: ref,
-      type: "checkbox",
-      role: "checkbox",
-      "aria-checked": value,
-      checked: value,
-      value: props.value,
-      name: name,
-      id: id,
-      disabled: disabled,
-      onClick: onClick,
-      onChange: handleChange,
-      ...restProps
-    }), (0, _jsxRuntime.jsx)("span", {}), children]
-  });
-});
-var _default = exports.default = Checkbox;

package/esm/core/Checkbox/styles.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = 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)."; }
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "131jtor",
-  styles: "span{border-radius:2px;}"
-} : {
-  name: "1353n0g-subtle",
-  styles: "span{border-radius:2px;};label:subtle;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)("display:inline-flex;align-items:center;vertical-align:middle;font-size:14px;line-height:20px;user-select:none;cursor:pointer;position:relative;input{position:absolute;opacity:0;pointer-events:none;&:checked~span{background-color:", theme.primary, ";border-color:", theme.primary, ";}&:checked~span:after{display:block;}&:focus-visible~span{border-color:", theme.primary5darker, ";}&:focus-visible~span:before{opacity:0.2;}}span{position:relative;top:0;left:0;height:16px;min-width:16px;border:2px solid ", theme.border, ";cursor:pointer;margin-right:7px;&:before{content:'';position:absolute;background:", theme.primary, ";opacity:0;left:-10px;top:-10px;width:35px;height:35px;border-radius:50%;transition:opacity 250ms;}&:hover:before{opacity:0.1;}&:after{content:'';position:absolute;display:none;left:5px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  nomargin: process.env.NODE_ENV === "production" ? {
-    name: "1wcfv52",
-    styles: "margin-right:0"
-  } : {
-    name: "fjihzo-nomargin",
-    styles: "margin-right:0;label:nomargin;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  child: process.env.NODE_ENV === "production" ? {
-    name: "11n8o9i",
-    styles: "padding-left:41px;span{left:16px;}"
-  } : {
-    name: "1nm3eds-child",
-    styles: "padding-left:41px;span{left:16px;};label:child;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  disabled: (theme, state) => /*#__PURE__*/(0, _react.css)("color:", theme.subtleText, ";cursor:", state ? state : 'not-allowed', ";span{opacity:0.5;cursor:", state ? state : 'not-allowed', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;")),
-  subtle: theme => _ref
-};
-var _default = exports.default = styles;

package/esm/core/CollapseList/CollapseList.stories.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.InitialOpen = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Item = _interopRequireDefault(require("./Item"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _Header = _interopRequireDefault(require("../Header"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/CollapseList',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
-        header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-          level: 5,
-          children: "Header"
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          children: "Content"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
-        header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-          level: 5,
-          children: "Item 2"
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          children: "Content"
-        })
-      })]
-    })
-  },
-  name: 'Default'
-};
-const InitialOpen = exports.InitialOpen = {
-  args: {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
-        header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          children: "Header"
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          children: "Content"
-        }),
-        initialOpen: true
-      })
-    })
-  },
-  name: 'initialOpen'
-};

package/esm/core/CollapseList/Item.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-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; }
-const headerTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'Header'];
-const CollapseListItem = /*#__PURE__*/_react.default.forwardRef(({
-  header,
-  content,
-  initialOpen,
-  ...restProps
-}, ref) => {
-  const [open, setOpen] = (0, _react.useState)(initialOpen ? true : false);
-  const contentRef = (0, _react.useRef)(null);
-  const contentId = `content-${Math.random().toString(36).substring(2, 9)}`;
-  const tag = (0, _react.useMemo)(() => getHtmlTag(header), [header]);
-  const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
-  function getHtmlTag(node) {
-    if (/*#__PURE__*/_react.default.isValidElement(node)) {
-      const element = node;
-      if (typeof element.type === 'function') {
-        return element.type.name;
-      } else if (typeof element.type === 'string') {
-        return element.type;
-      }
-    }
-    return null;
-  }
-  const toggleOpen = () => {
-    setOpen(!open);
-    if (!open && contentRef.current) {
-      contentRef.current.focus(); // Optional focus management.
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: ref,
-    className: "item",
-    ...restProps,
-    role: restProps['role'] || 'listitem',
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CollapseButton, {
-      onClick: toggleOpen,
-      nostyle: true,
-      "aria-expanded": open,
-      "aria-controls": contentId,
-      "aria-label": typeof header === 'string' ? `Toggle ${header}` : undefined,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "header",
-        role: !isHeadingOrHTMLHeading ? 'heading' : undefined,
-        children: [header, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconChevronDown, {
-          primary: true,
-          flipVertical: open,
-          size: '14px'
-        })]
-      })
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
-      role: "region",
-      className: "content",
-      id: contentId,
-      "aria-hidden": !open,
-      ref: contentRef,
-      tabIndex: -1,
-      "aria-live": "polite",
-      children: content
-    })]
-  });
-});
-var _default = exports.default = CollapseListItem;

package/esm/core/CollapseList/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const CollapseList = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  ...restProps
-}, ref) => {
-  return (0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    css: theme => [_styles.styles.default(theme)],
-    ...restProps,
-    children: children
-  });
-});
-var _default = exports.default = CollapseList;

package/esm/core/CollapseList/styles.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.CollapseButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _Button = _interopRequireDefault(require("../Button"));
-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 CollapseButton = exports.CollapseButton = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "ehtrwig0"
-} : {
-  target: "ehtrwig0",
-  label: "CollapseButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1dg5z9o",
-  styles: "position:relative;display:block;width:100%;font-weight:unset;text-align:unset"
-} : {
-  name: "1dg5z9o",
-  styles: "position:relative;display:block;width:100%;font-weight:unset;text-align:unset",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)(".item{padding:2em 0;border-top:1px solid ", theme.border, ";.header{display:flex;justify-content:space-between;align-items:center;&>svg{min-width:14px;}}.content{padding-top:2em;}}.item:last-of-type{border-bottom:1px solid ", theme.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
-};

package/esm/core/CommentsTimeline/CommentLine/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _Text = _interopRequireDefault(require("../../Text"));
-var _ = require("../../..");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CommentLine = ({
-  date = '',
-  time = '',
-  header = '',
-  comment = '',
-  icon,
-  italic,
-  commentInfo,
-  subtle,
-  customContent,
-  ...restProps
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const isMobile = (0, _.useIsMobile)();
-  const ariaLabel = `kommentar ${date} klokken ${time}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    theme: theme,
-    "data-testid": "comment-line",
-    role: "article",
-    "aria-label": ariaLabel,
-    ...restProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DateWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        subtle: true,
-        size: "14px",
-        children: time
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        size: isMobile ? '14px' : '16px',
-        children: date
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-      "aria-hidden": true,
-      children: icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TextWrapper, {
-      tabIndex: 0,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Header, {
-        level: 5,
-        size: "16px",
-        children: header
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        italic: italic,
-        subtle: subtle,
-        size: "14px",
-        paragraph: true,
-        children: comment
-      }), commentInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        italic: true,
-        subtle: true,
-        size: "14px",
-        children: commentInfo
-      }), customContent && customContent]
-    })]
-  });
-};
-var _default = exports.default = CommentLine;

package/esm/core/CommentsTimeline/CommentLine/styles.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.TextWrapper = exports.IconWrapper = exports.DateWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-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 Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gdadix3"
-} : {
-  target: "e1gdadix3",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:75px 45px 1fr;grid-column-gap:1em;position:relative;&:after{content:'';position:absolute;width:1px;background-color:", props.theme.border, ";top:5px;bottom:calc(-1em - 5px);left:calc(75px + 1em + (45px / 2));}@media screen and (max-width: ", _breakpoints.default.medium, "){grid-template-columns:65px 40px 1fr;grid-column-gap:0.5em;&:after{left:calc(65px + 0.5em + (40px / 2));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const DateWrapper = exports.DateWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gdadix2"
-} : {
-  target: "e1gdadix2",
-  label: "DateWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "84ppmq",
-  styles: "display:grid;text-align:right;height:min-content"
-} : {
-  name: "84ppmq",
-  styles: "display:grid;text-align:right;height:min-content",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const IconWrapper = exports.IconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gdadix1"
-} : {
-  target: "e1gdadix1",
-  label: "IconWrapper"
-})("display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);background-color:#ffffff;z-index:1;@media screen and (max-width: ", _breakpoints.default.medium, "){width:40px;height:40px;}");
-const TextWrapper = exports.TextWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gdadix0"
-} : {
-  target: "e1gdadix0",
-  label: "TextWrapper"
-})("display:grid;grid-row-gap:0.5em;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);border-radius:4px;padding:1.5em;word-break:break-word;@media screen and (max-width: ", _breakpoints.default.medium, "){padding:1em;}");