@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/v2/core/BoxedTable/TableRow/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Keyboard = require("../../../../enums/Keyboard");
-var _IconChevronDown = _interopRequireDefault(require("../../../../icons/General/IconChevronDown"));
-var _jsxRuntime = require("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; }
-const TableRow = ({
-  onClick,
-  expandable,
-  expandableContent,
-  defaultExpanded,
-  trackingEvent,
-  trackingName,
-  children
-}) => {
-  const [expanded, setExpanded] = (0, _react.useState)(!!defaultExpanded);
-  const handleKeyPress = isExpand => e => {
-    if (e.key === _Keyboard.Key.enter || e.key === _Keyboard.Key.space) {
-      e.preventDefault();
-      isExpand ? setExpanded(!expanded) : onClick && onClick(e);
-    }
-  };
-  const ButtonContent = children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonWrapper, {
-    onClick: onClick,
-    className: "table-row-button",
-    "data-tracking-name": trackingName,
-    "data-tracking-event": trackingEvent,
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: handleKeyPress(false),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: children
-    })
-  });
-  const ExpandableContent = children && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ExpandableWrapper, {
-    className: "table-row-expandable",
-    role: "button",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ExpandButtonWrapper, {
-      onClick: () => setExpanded(!expanded),
-      onKeyDown: handleKeyPress(true),
-      tabIndex: 0,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-        className: "expand-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-          flipVertical: expanded,
-          size: "12px"
-        })
-      })]
-    }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ExpandableContentWrapper, {
-      className: "expandable-content",
-      children: expandableContent
-    }) : null]
-  });
-  const Content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    className: "table-row",
-    children: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-    children: expandable ? ExpandableContent : onClick ? ButtonContent : Content
-  });
-};
-var _default = exports.default = TableRow;

package/esm/v2/core/BoxedTable/TableRow/styles.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.IconWrapper = exports.ExpandableWrapper = exports.ExpandableContentWrapper = exports.ExpandButtonWrapper = exports.ButtonWrapper = 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 style = process.env.NODE_ENV === "production" ? {
-  name: "19fnwux",
-  styles: "display:grid;grid-auto-flow:column;background-color:#ffffff;align-content:center;align-items:center"
-} : {
-  name: "1bxdxz4-style",
-  styles: "display:grid;grid-auto-flow:column;background-color:#ffffff;align-content:center;align-items:center;label:style;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const outlinestyle = process.env.NODE_ENV === "production" ? {
-  name: "1d1mls9",
-  styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color"
-} : {
-  name: "1o1kwhm-outlinestyle",
-  styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;label:outlinestyle;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi5"
-} : {
-  target: "e5zjdmi5",
-  label: "Wrapper"
-})(style, ";");
-const ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi4"
-} : {
-  target: "e5zjdmi4",
-  label: "ButtonWrapper"
-})("cursor:pointer;display:flex;&>span{", style, " width:100%;text-align:initial;font-weight:normal;color:unset;}&:focus-visible{", outlinestyle, ";}");
-const ExpandButtonWrapper = exports.ExpandButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi3"
-} : {
-  target: "e5zjdmi3",
-  label: "ExpandButtonWrapper"
-})("position:relative;cursor:pointer;display:flex;&>span{display:grid;grid-auto-flow:column;align-content:center;align-items:center;width:100%;text-align:initial;font-weight:normal;color:unset;}&:focus-visible{", outlinestyle, " svg:last-of-type{", outlinestyle, ";}}");
-const ExpandableWrapper = exports.ExpandableWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi2"
-} : {
-  target: "e5zjdmi2",
-  label: "ExpandableWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cuahnq",
-  styles: "display:grid;background-color:#ffffff"
-} : {
-  name: "1cuahnq",
-  styles: "display:grid;background-color:#ffffff",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ExpandableContentWrapper = exports.ExpandableContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi1"
-} : {
-  target: "e5zjdmi1",
-  label: "ExpandableContentWrapper"
-})();
-const IconWrapper = exports.IconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e5zjdmi0"
-} : {
-  target: "e5zjdmi0",
-  label: "IconWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1o54221",
-  styles: "position:absolute;top:calc(50% - 6px)"
-} : {
-  name: "1o54221",
-  styles: "position:absolute;top:calc(50% - 6px)",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/v2/core/BoxedTable/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _reactBeautifulDnd = require("react-beautiful-dnd");
-var _useOverflow = _interopRequireDefault(require("../../hooks/useOverflow"));
-var _jsxRuntime = require("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; }
-const BoxedTable = ({
-  columns,
-  breakpoint,
-  children,
-  type = 'default',
-  hasCheckbox = false,
-  onDrop,
-  minWidth
-}) => {
-  const tableRef = (0, _react.useRef)(null);
-  const {
-    overflowX,
-    overflowLeft,
-    overflowRight
-  } = (0, _useOverflow.default)(tableRef);
-  const theme = (0, _react2.useTheme)();
-  const defaultProps = {
-    hasCheckbox: hasCheckbox,
-    columns: columns,
-    bp: breakpoint,
-    type: type,
-    theme: theme,
-    minWidth: minWidth
-  };
-  const handleDrop = result => {
-    if (!result.destination || result.source.index === result.destination.index) return;
-    const dropped = {
-      id: result.draggableId,
-      from: result.source.index,
-      to: result.destination.index
-    };
-    onDrop && onDrop(dropped);
-  };
-  if (onDrop) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.DragDropContext, {
-    onDragEnd: handleDrop,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Droppable, {
-      droppableId: "drop-list",
-      children: provided => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-        isDragList: true,
-        ...defaultProps,
-        ...provided.droppableProps,
-        ref: provided.innerRef,
-        children: [children, provided.placeholder]
-      })
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OverflowWrapper, {
-    overflowLeft: overflowLeft,
-    overflowRight: overflowRight,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-      ...defaultProps,
-      ref: tableRef,
-      overflowX: overflowX,
-      children: children
-    })
-  });
-};
-var _default = exports.default = BoxedTable;

package/esm/v2/core/BoxedTable/models.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/esm/v2/core/BoxedTable/styles.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.OverflowWrapper = 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 checkboxCSS = process.env.NODE_ENV === "production" ? {
-  name: "1clecx1",
-  styles: "position:relative;padding-left:35px!important;&>label:first-of-type{position:absolute;left:0;top:1.5em;}"
-} : {
-  name: "k65oox-checkboxCSS",
-  styles: "position:relative;padding-left:35px!important;&>label:first-of-type{position:absolute;left:0;top:1.5em;};label:checkboxCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref4 = process.env.NODE_ENV === "production" ? {
-  name: "k2866a",
-  styles: "&:after{z-index:1;content:'';position:absolute;top:0;bottom:0;left:0;width:20px;background:linear-gradient(\n          to left,\n          rgba(255, 255, 255, 0),\n          rgba(155, 155, 155, 0.3)\n        );}"
-} : {
-  name: "1g0nkk1-OverflowWrapper",
-  styles: "&:after{z-index:1;content:'';position:absolute;top:0;bottom:0;left:0;width:20px;background:linear-gradient(\n          to left,\n          rgba(255, 255, 255, 0),\n          rgba(155, 155, 155, 0.3)\n        );};label:OverflowWrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref5 = process.env.NODE_ENV === "production" ? {
-  name: "11ipjb4",
-  styles: "&:before{z-index:1;content:'';position:absolute;top:0;bottom:0;right:0;width:20px;background:linear-gradient(\n          to right,\n          rgba(255, 255, 255, 0),\n          rgba(155, 155, 155, 0.3)\n        );}"
-} : {
-  name: "wv4z8-OverflowWrapper",
-  styles: "&:before{z-index:1;content:'';position:absolute;top:0;bottom:0;right:0;width:20px;background:linear-gradient(\n          to right,\n          rgba(255, 255, 255, 0),\n          rgba(155, 155, 155, 0.3)\n        );};label:OverflowWrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const OverflowWrapper = exports.OverflowWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e3iox8g1"
-} : {
-  target: "e3iox8g1",
-  label: "OverflowWrapper"
-})("position:relative;overflow:hidden;width:100%;", props => props.overflowRight && _ref5, " ", props => props.overflowLeft && _ref4, ";");
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "eivff4",
-  styles: "display:none"
-} : {
-  name: "y5tuuy-Wrapper",
-  styles: "display:none;label:Wrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "w3m7ac",
-  styles: "grid-template-columns:1fr"
-} : {
-  name: "1ajdvzd-Wrapper",
-  styles: "grid-template-columns:1fr;label:Wrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "345dx3",
-  styles: "display:block;&>*{margin-bottom:0.5em;}"
-} : {
-  name: "1b4e9b5-Wrapper",
-  styles: "display:block;&>*{margin-bottom:0.5em;};label:Wrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e3iox8g0"
-} : {
-  target: "e3iox8g0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;position:relative;grid-row-gap:0.5em;overflow-x:", props.overflowX ? 'scroll' : 'hidden', ";", props.isDragList && _ref3, " ", props.type === 'compact' && CompactWrapperOverrideCSS, " .table-header,.table-row,.table-row-button>span,.table-row-expandable>div>span,.table-dragrow>div{grid-template-columns:", props.columns, ";", props.minWidth && /*#__PURE__*/(0, _react.css)("min-width:", props.minWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")), "@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){", !props.minWidth && _ref2, " ", props.hasCheckbox && checkboxCSS, ";}}.table-dragrow{min-height:", props.type === 'mysite' ? '72px' : '64px', ";}.table-header{background-color:", props.type === 'mysite' ? props.theme.primary10opa : '#ffffff', ";", props.type === 'default' && TableHeaderDefaultCSS, " ", props.type === 'mysite' && TableHeaderMySiteCSS(props.theme.mypageBoxBorderRadius), " ", props.type === 'compact' && TableHeaderCompactCSS, " ", props.isDragList && TableHeaderDraggableCSS(props.type === 'mysite'), "@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){", !props.minWidth && _ref, ";}}.table-row,.table-row-button,.table-dragable{", props.type === 'mysite' && TableRowMySiteCSS(props.theme.mypageBoxBorderRadius), " ", props.type === 'default' && TableRowDefaultCSS, " ", props.type === 'compact' && TableRowCompactCSS, " background-color:#ffffff;font-size:16px;&:hover,&:focus{background-color:#ffffff;}}.table-row-expandable{box-shadow:", props.type === 'mysite' ? '0 2px 4px 0 rgba(0, 0, 0, 0.16)' : '0 2px 4px 0 rgba(0, 0, 0, 0.1)', ";border-radius:", props.type === 'mysite' ? props.theme.mypageBoxBorderRadius : '4px', ";&>div{font-size:16px;}&>div:first-of-type>span{min-height:", props.type === 'mysite' ? '72px' : '64px', ";padding:", props.type === 'mysite' ? '0 2em' : '0 1em', ";}.expand-icon{right:2em;}.expandable-content{padding:", props.type === 'mysite' ? '0 2em 1em 2em' : '0 1em 1em 1em', ";}@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){padding:0;.expandable-content{padding:0 1em 1em 1em;}.expand-icon{right:1em;}}}.table-row,.table-row-button>span,.table-row-expandable>div>span{", !props.minWidth && /*#__PURE__*/(0, _react.css)("@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){grid-auto-flow:row;grid-row-gap:2px;&>div{min-height:24px;}padding:1em;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")), ";}.table-cell{&:not(:first-of-type):not(:last-of-type){padding:0 0.5em;}&:first-of-type{padding-right:0.5em;}&:last-of-type{padding-left:0.5em;}@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){padding:0!important;width:100%;&::before{display:block;}}}.table-row-button{transition:all 0.3s ease-in-out;&:hover{box-shadow:rgb(0 0 0 / 10%) 0px 5px 15px 0px;}@media screen and (max-width: ", props.bp ? props.bp : _breakpoints.default.medium, "){padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const CompactWrapperOverrideCSS = process.env.NODE_ENV === "production" ? {
-  name: "e9o8hy",
-  styles: "grid-row-gap:0"
-} : {
-  name: "1ef2hlo-CompactWrapperOverrideCSS",
-  styles: "grid-row-gap:0;label:CompactWrapperOverrideCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const TableHeaderMySiteCSS = borderRadius => /*#__PURE__*/(0, _react.css)("padding:0.5em 2em;border-radius:calc(", borderRadius, " / 2);box-shadow:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:TableHeaderMySiteCSS;"));
-const TableHeaderDefaultCSS = process.env.NODE_ENV === "production" ? {
-  name: "1jk44of",
-  styles: "padding:0.5em 1em;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1)"
-} : {
-  name: "v7vzmt-TableHeaderDefaultCSS",
-  styles: "padding:0.5em 1em;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);label:TableHeaderDefaultCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const TableHeaderCompactCSS = process.env.NODE_ENV === "production" ? {
-  name: "1frb3ib",
-  styles: "padding:0.5em 1em;border-radius:none;box-shadow:none;max-height:35px;border-bottom:1px solid #d7d7d7"
-} : {
-  name: "1t086y-TableHeaderCompactCSS",
-  styles: "padding:0.5em 1em;border-radius:none;box-shadow:none;max-height:35px;border-bottom:1px solid #d7d7d7;label:TableHeaderCompactCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const TableHeaderDraggableCSS = isMysite => {
-  const pLeft = isMysite ? '2em' : '1em'; // Header and rows for my site has 2em padding left
-  return /*#__PURE__*/(0, _react.css)("padding-left:calc(", pLeft, " + 2em + 15px)!important;@media screen and (max-width: ", _breakpoints.default.medium, "){padding-left:calc(", pLeft, " + 1em + 15px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:TableHeaderDraggableCSS;"));
-};
-const TableRowMySiteCSS = borderRadius => /*#__PURE__*/(0, _react.css)("border-radius:", borderRadius, ";min-height:72px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16);padding:0 2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:TableRowMySiteCSS;"));
-const TableRowDefaultCSS = process.env.NODE_ENV === "production" ? {
-  name: "1itz438",
-  styles: "border-radius:4px;min-height:64px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);padding:0 1em"
-} : {
-  name: "1200g8o-TableRowDefaultCSS",
-  styles: "border-radius:4px;min-height:64px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);padding:0 1em;label:TableRowDefaultCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const TableRowCompactCSS = process.env.NODE_ENV === "production" ? {
-  name: "1rg9v52",
-  styles: "border-radius:0px;min-height:48px;box-shadow:none;padding:0 1em;border-bottom:1px solid #d7d7d7"
-} : {
-  name: "1dkrjwi-TableRowCompactCSS",
-  styles: "border-radius:0px;min-height:48px;box-shadow:none;padding:0 1em;border-bottom:1px solid #d7d7d7;label:TableRowCompactCSS;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};

package/esm/v2/core/Button/Button.stories.js

@@ -1,195 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TransparentBackground = exports.Success = exports.SmallWithIcon = exports.Small = exports.SecondaryWithIcon = exports.SecondarySmall = exports.Secondary = exports.OutlineHighlighted = exports.NoStyle = exports.Loading = exports.IconBefore = exports.IconAfter = exports.Highlighted = exports.GhostSmallIcon = exports.GhostSmall = exports.Ghost = exports.EventKeyPresses = exports.Disabled = exports.DefaultSmall = exports.Default = exports.DangerOutline = exports.Danger = exports.Back = void 0;
-var _ = _interopRequireDefault(require("."));
-var _IconCaretDown = _interopRequireDefault(require("../../../icons/General/IconCaretDown"));
-var _IconBookmarkFilled = _interopRequireDefault(require("../../../icons/General/IconBookmarkFilled"));
-var _IconBookmarkOutline = _interopRequireDefault(require("../../../icons/General/IconBookmarkOutline"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'v2/Core/Button',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: 'Standard button'
-  },
-  name: 'Default'
-};
-const DefaultSmall = exports.DefaultSmall = {
-  args: {
-    small: true,
-    children: 'Small button'
-  },
-  name: 'Default small'
-};
-const Secondary = exports.Secondary = {
-  args: {
-    secondary: true,
-    children: 'Secondary button'
-  },
-  name: 'Secondary'
-};
-const SecondaryWithIcon = exports.SecondaryWithIcon = {
-  args: {
-    secondary: true,
-    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkOutline.default, {}),
-    children: 'Secondary button'
-  },
-  name: 'Secondary with icon'
-};
-const SecondarySmall = exports.SecondarySmall = {
-  args: {
-    secondary: true,
-    small: true,
-    children: 'Secondary'
-  },
-  name: 'Secondary small'
-};
-const Ghost = exports.Ghost = {
-  args: {
-    ghost: true,
-    children: 'Ghost button',
-    disabled: true
-  },
-  name: 'Ghost'
-};
-const GhostSmall = exports.GhostSmall = {
-  args: {
-    ghost: true,
-    small: true,
-    children: 'Ghost small button'
-  },
-  name: 'Ghost small'
-};
-const GhostSmallIcon = exports.GhostSmallIcon = {
-  args: {
-    ghost: true,
-    small: true,
-    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkOutline.default, {}),
-    children: 'Ghost small button'
-  },
-  name: 'Ghost small icon'
-};
-const IconBefore = exports.IconBefore = {
-  args: {
-    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkFilled.default, {}),
-    children: 'Standard button'
-  },
-  name: 'Icon before'
-};
-
-// Rewrite all stories to use args instead of render
-
-const IconAfter = exports.IconAfter = {
-  args: {
-    afterIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconCaretDown.default, {}),
-    children: 'Standard button'
-  },
-  name: 'Icon after'
-};
-const SmallWithIcon = exports.SmallWithIcon = {
-  args: {
-    small: true,
-    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkFilled.default, {}),
-    children: 'Small button'
-  },
-  name: 'Small with icon'
-};
-const Success = exports.Success = {
-  args: {
-    success: true,
-    children: 'Success button'
-  },
-  name: 'Success'
-};
-const Danger = exports.Danger = {
-  args: {
-    danger: true,
-    children: 'Danger button'
-  },
-  name: 'Danger'
-};
-const Loading = exports.Loading = {
-  args: {
-    loading: true,
-    children: 'Loading button'
-  },
-  name: 'Loading'
-};
-const Disabled = exports.Disabled = {
-  args: {
-    disabled: true,
-    children: 'Disabled button'
-  },
-  name: 'Disabled'
-};
-const Highlighted = exports.Highlighted = {
-  args: {
-    highlight: true,
-    children: 'Hightlighted button'
-  },
-  name: 'Highlighted'
-};
-const OutlineHighlighted = exports.OutlineHighlighted = {
-  args: {
-    highlight: true,
-    outline: true,
-    children: 'Hightlighted outline button'
-  },
-  name: 'Outline highlighted'
-};
-const Back = exports.Back = {
-  args: {
-    back: true,
-    children: 'Go back'
-  },
-  name: 'Back'
-};
-const Small = exports.Small = {
-  args: {
-    small: true,
-    children: 'Small button'
-  },
-  name: 'Small'
-};
-const DangerOutline = exports.DangerOutline = {
-  args: {
-    danger: true,
-    outline: true,
-    children: 'Danger outline'
-  },
-  name: 'Danger outline'
-};
-const TransparentBackground = exports.TransparentBackground = {
-  args: {
-    outline: true,
-    transparentBg: true,
-    children: 'Danger outline'
-  },
-  name: 'Transparent background'
-};
-const NoStyle = exports.NoStyle = {
-  args: {
-    nostyle: true,
-    children: 'No style'
-  },
-  name: 'No style'
-};
-const EventKeyPresses = exports.EventKeyPresses = {
-  args: {
-    onEnterKeyPress: () => console.log('Enter pressed'),
-    onEscapeKeyPress: () => console.log('Escape pressed'),
-    onCustomKeyPress: {
-      key: 'E',
-      action: e => console.log('Key pressed', e.key)
-    },
-    children: 'Actionlistener button'
-  },
-  name: 'Event key presses'
-};

package/esm/v2/core/Button/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _ButtonOrLink = _interopRequireDefault(require("../../../core/private/ButtonOrLink"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _IconChevronLeft = _interopRequireDefault(require("../../../icons/General/IconChevronLeft"));
-var _AppLoader = _interopRequireDefault(require("../../../core/AppLoader"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    secondary,
-    ghost,
-    danger,
-    success,
-    highlight,
-    disabled,
-    outline,
-    afterIcon,
-    beforeIcon,
-    border,
-    nostyle,
-    css,
-    loading,
-    back,
-    small,
-    transparentBg,
-    focusable,
-    tabIndex,
-    ...restProps
-  } = props;
-  const theme = (0, _react2.useTheme)();
-  const accessibilityProps = {};
-  const getLoaderColor = () => {
-    if (!outline && !transparentBg || success) return theme.btnDefaultFontColor;
-    if (danger) return theme.btnDanger;
-    return theme.secondary;
-  };
-  if (loading) {
-    accessibilityProps['aria-busy'] = props.loading;
-    accessibilityProps['aria-disabled'] = props.loading;
-    accessibilityProps['aria-live'] = props['aria-live'] || 'polite';
-    accessibilityProps['aria-label'] = props['aria-label'] || 'Laster';
-  }
-  if (disabled) {
-    accessibilityProps['aria-disabled'] = props.disabled;
-  }
-  if (back) {
-    accessibilityProps['aria-label'] = props['aria-label'] || 'Gå tilbake';
-  }
-  return (0, _jsxRuntime.jsx)(_ButtonOrLink.default, {
-    tabIndex: tabIndex,
-    disabled: disabled,
-    loading: loading,
-    ref: ref,
-    css: theme => [_styles.default.default(theme), secondary && _styles.default.secondary(theme), outline && _styles.default.outline(theme), danger && _styles.default.danger(theme), success && _styles.default.success(theme), highlight && _styles.default.highlighted, ghost && _styles.default.ghost(theme), disabled && _styles.default.disabled(theme), (beforeIcon || afterIcon) && _styles.default.icon(theme), border && _styles.default.border(border), nostyle && _styles.default.nostyle, loading && _styles.default.loading(theme), back && _styles.default.back(theme), css && css, small && _styles.default.small, danger && outline && _styles.default.dangerOutline(theme), success && outline && _styles.default.successOutline(theme), transparentBg && _styles.default.transparentBg, focusable && _styles.default.focusable],
-    afterIcon: afterIcon,
-    beforeIcon: back ? (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
-      size: '12px'
-    }) : beforeIcon,
-    ...accessibilityProps,
-    ...restProps,
-    children: loading ? (0, _jsxRuntime.jsx)(_AppLoader.default, {
-      color: getLoaderColor()
-    }) : props.children
-  });
-});
-var _default = exports.default = Button;