@bbl-digital/snorre 4.2.30 → 4.2.31

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

@@ -1,42 +1,49 @@
-import Button from '.';
-import IconCaretDown from '../../../icons/General/IconCaretDown';
-import IconBookmarkFilled from '../../../icons/General/IconBookmarkFilled';
-import IconBookmarkOutline from '../../../icons/General/IconBookmarkOutline';
-import { jsx as _jsx } from "react/jsx-runtime";
+"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: Button
+  component: _.default
 };
-export default meta;
-export const Default = {
+var _default = exports.default = meta;
+const Default = exports.Default = {
   args: {
     children: 'Standard button'
   },
   name: 'Default'
 };
-export const DefaultSmall = {
+const DefaultSmall = exports.DefaultSmall = {
   args: {
     small: true,
     children: 'Small button'
   },
   name: 'Default small'
 };
-export const Secondary = {
+const Secondary = exports.Secondary = {
   args: {
     secondary: true,
     children: 'Secondary button'
   },
   name: 'Secondary'
 };
-export const SecondaryWithIcon = {
+const SecondaryWithIcon = exports.SecondaryWithIcon = {
   args: {
     secondary: true,
-    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkOutline, {}),
+    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkOutline.default, {}),
     children: 'Secondary button'
   },
   name: 'Secondary with icon'
 };
-export const SecondarySmall = {
+const SecondarySmall = exports.SecondarySmall = {
   args: {
     secondary: true,
     small: true,
@@ -44,7 +51,7 @@ export const SecondarySmall = {
   },
   name: 'Secondary small'
 };
-export const Ghost = {
+const Ghost = exports.Ghost = {
   args: {
     ghost: true,
     children: 'Ghost button',
@@ -52,7 +59,7 @@ export const Ghost = {
   },
   name: 'Ghost'
 };
-export const GhostSmall = {
+const GhostSmall = exports.GhostSmall = {
   args: {
     ghost: true,
     small: true,
@@ -60,18 +67,18 @@ export const GhostSmall = {
   },
   name: 'Ghost small'
 };
-export const GhostSmallIcon = {
+const GhostSmallIcon = exports.GhostSmallIcon = {
   args: {
     ghost: true,
     small: true,
-    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkOutline, {}),
+    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkOutline.default, {}),
     children: 'Ghost small button'
   },
   name: 'Ghost small icon'
 };
-export const IconBefore = {
+const IconBefore = exports.IconBefore = {
   args: {
-    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkFilled, {}),
+    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkFilled.default, {}),
     children: 'Standard button'
   },
   name: 'Icon before'
@@ -79,57 +86,57 @@ export const IconBefore = {
 
 // Rewrite all stories to use args instead of render
 
-export const IconAfter = {
+const IconAfter = exports.IconAfter = {
   args: {
-    afterIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
+    afterIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconCaretDown.default, {}),
     children: 'Standard button'
   },
   name: 'Icon after'
 };
-export const SmallWithIcon = {
+const SmallWithIcon = exports.SmallWithIcon = {
   args: {
     small: true,
-    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkFilled, {}),
+    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBookmarkFilled.default, {}),
     children: 'Small button'
   },
   name: 'Small with icon'
 };
-export const Success = {
+const Success = exports.Success = {
   args: {
     success: true,
     children: 'Success button'
   },
   name: 'Success'
 };
-export const Danger = {
+const Danger = exports.Danger = {
   args: {
     danger: true,
     children: 'Danger button'
   },
   name: 'Danger'
 };
-export const Loading = {
+const Loading = exports.Loading = {
   args: {
     loading: true,
     children: 'Loading button'
   },
   name: 'Loading'
 };
-export const Disabled = {
+const Disabled = exports.Disabled = {
   args: {
     disabled: true,
     children: 'Disabled button'
   },
   name: 'Disabled'
 };
-export const Highlighted = {
+const Highlighted = exports.Highlighted = {
   args: {
     highlight: true,
     children: 'Hightlighted button'
   },
   name: 'Highlighted'
 };
-export const OutlineHighlighted = {
+const OutlineHighlighted = exports.OutlineHighlighted = {
   args: {
     highlight: true,
     outline: true,
@@ -137,21 +144,21 @@ export const OutlineHighlighted = {
   },
   name: 'Outline highlighted'
 };
-export const Back = {
+const Back = exports.Back = {
   args: {
     back: true,
     children: 'Go back'
   },
   name: 'Back'
 };
-export const Small = {
+const Small = exports.Small = {
   args: {
     small: true,
     children: 'Small button'
   },
   name: 'Small'
 };
-export const DangerOutline = {
+const DangerOutline = exports.DangerOutline = {
   args: {
     danger: true,
     outline: true,
@@ -159,7 +166,7 @@ export const DangerOutline = {
   },
   name: 'Danger outline'
 };
-export const TransparentBackground = {
+const TransparentBackground = exports.TransparentBackground = {
   args: {
     outline: true,
     transparentBg: true,
@@ -167,14 +174,14 @@ export const TransparentBackground = {
   },
   name: 'Transparent background'
 };
-export const NoStyle = {
+const NoStyle = exports.NoStyle = {
   args: {
     nostyle: true,
     children: 'No style'
   },
   name: 'No style'
 };
-export const EventKeyPresses = {
+const EventKeyPresses = exports.EventKeyPresses = {
   args: {
     onEnterKeyPress: () => console.log('Enter pressed'),
     onEscapeKeyPress: () => console.log('Escape pressed'),

package/lib/v2/core/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,oCAAoC,CAAA;AAM3C,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;sBAtC2B,SAAS;uBAEN,SAAS;gCAG3C,SAAS;;;;4BASwB,UACrC;8BAMF,UADS;;;;;;;;;;;;;;;;;IAdT,4BAA4B;cAClB,OAAO;IACjB,2BAA2B;aAClB,OAAO;IAChB,oBAAoB;gBACR,OAAO;IACnB,8BAA8B;gBAClB,OAAO;IACnB,4CAA4C;YACpC,OAAO;IACf,8BAA8B;cACpB,OAAO;IACjB,oBAAoB;cACV,OAAO;IACjB,mDAAmD;gBACvC,OAAO;IACnB,oBAAoB;aACX,MAAM;IACf,iBAAiB;UACX,gBAAgB;IACtB,uCAAuC;cAC7B,OAAO;IACjB,uBAAuB;WAChB,OAAO;IACd,0BAA0B;YAClB,OAAO;IACf,4BAA4B;oBACZ,OAAO;IACvB,mBAAmB;eACR,MAAM;2CAuFjB,CAAA;AACF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,oCAAoC,CAAA;AAM3C,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;gBAtCoB,MAAO,SAAS;iBAEb,MAAO,SAAS;0BAGjD,MAAM,SAAS;;;;sBASiB,MAAO,UACrC;wBAIU,MAEZ,UADS;;;;;;;;;;;;;;;;;IAdT,4BAA4B;cAClB,OAAO;IACjB,2BAA2B;aAClB,OAAO;IAChB,oBAAoB;gBACR,OAAO;IACnB,8BAA8B;gBAClB,OAAO;IACnB,4CAA4C;YACpC,OAAO;IACf,8BAA8B;cACpB,OAAO;IACjB,oBAAoB;cACV,OAAO;IACjB,mDAAmD;gBACvC,OAAO;IACnB,oBAAoB;aACX,MAAM;IACf,iBAAiB;UACX,gBAAgB;IACtB,uCAAuC;cAC7B,OAAO;IACjB,uBAAuB;WAChB,OAAO;IACd,0BAA0B;YAClB,OAAO;IACf,4BAA4B;oBACZ,OAAO;IACvB,mBAAmB;eACR,MAAM;2CAuFjB,CAAA;AACF,eAAe,MAAM,CAAA"}

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

@@ -1,12 +1,20 @@
+"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 */
-import React from 'react';
-import { useTheme } from '@emotion/react';
-import ButtonOrLink from '../../../core/private/ButtonOrLink';
-import styles from './styles';
-import IconChevronLeft from '../../../icons/General/IconChevronLeft';
-import AppLoader from '../../../core/AppLoader';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
+
+const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     secondary,
     ghost,
@@ -28,7 +36,7 @@ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
     tabIndex,
     ...restProps
   } = props;
-  const theme = useTheme();
+  const theme = (0, _react2.useTheme)();
   const accessibilityProps = {};
   const getLoaderColor = () => {
     if (!outline && !transparentBg || success) return theme.btnDefaultFontColor;
@@ -47,21 +55,21 @@ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   if (back) {
     accessibilityProps['aria-label'] = props['aria-label'] || 'Gå tilbake';
   }
-  return _jsx(ButtonOrLink, {
+  return (0, _jsxRuntime.jsx)(_ButtonOrLink.default, {
     tabIndex: tabIndex,
     disabled: disabled,
     loading: loading,
     ref: ref,
-    css: theme => [styles.default(theme), secondary && styles.secondary(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, ghost && styles.ghost(theme), disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), success && outline && styles.successOutline(theme), transparentBg && styles.transparentBg, focusable && styles.focusable],
+    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 ? _jsx(IconChevronLeft, {
+    beforeIcon: back ? (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
       size: '12px'
     }) : beforeIcon,
     ...accessibilityProps,
     ...restProps,
-    children: loading ? _jsx(AppLoader, {
+    children: loading ? (0, _jsxRuntime.jsx)(_AppLoader.default, {
       color: getLoaderColor()
     }) : props.children
   });
 });
-export default Button;
+var _default = exports.default = Button;