@bbl-digital/snorre 4.2.29 → 4.2.31

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

@@ -1,20 +1,27 @@
-import Button from '.';
-import IconCaretDown from '../../icons/General/IconCaretDown';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TransparentBackground = exports.Success = exports.Small = exports.OutlineHighlighted = exports.NoStyle = exports.Loading = exports.IconBefore = exports.IconAfter = exports.Highlighted = exports.EventKeyPresses = exports.Disabled = exports.Default = exports.DangerOutline = exports.Danger = exports.Back = void 0;
+var _ = _interopRequireDefault(require("."));
+var _IconCaretDown = _interopRequireDefault(require("../../icons/General/IconCaretDown"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {
   title: '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 IconBefore = {
+const IconBefore = exports.IconBefore = {
   args: {
-    beforeIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
+    beforeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconCaretDown.default, {}),
     children: 'Standard button'
   },
   name: 'Icon before'
@@ -22,49 +29,49 @@ 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 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,
@@ -72,21 +79,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,
@@ -94,7 +101,7 @@ export const DangerOutline = {
   },
   name: 'Danger outline'
 };
-export const TransparentBackground = {
+const TransparentBackground = exports.TransparentBackground = {
   args: {
     outline: true,
     transparentBg: true,
@@ -102,14 +109,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/esm/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 _ButtonOrLink = _interopRequireDefault(require("../private/ButtonOrLink"));
+var _styles = require("./styles");
+var _AppLoader = _interopRequireDefault(require("../AppLoader"));
+var _react2 = require("@emotion/react");
+var _IconChevronLeft = _interopRequireDefault(require("../../icons/General/IconChevronLeft"));
+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 ButtonOrLink from '../private/ButtonOrLink';
-import { styles } from './styles';
-import AppLoader from '../AppLoader';
-import { useTheme } from '@emotion/react';
-import IconChevronLeft from '../../icons/General/IconChevronLeft';
-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 {
     danger,
     success,
@@ -26,7 +34,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;
@@ -45,21 +53,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), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), beforeIcon && styles.beforeIcon, afterIcon && styles.afterIcon, 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.styles.default(theme), outline && _styles.styles.outline(theme), danger && _styles.styles.danger(theme), success && _styles.styles.success(theme), highlight && _styles.styles.highlighted, disabled && _styles.styles.disabled(theme), (beforeIcon || afterIcon) && _styles.styles.icon(theme), beforeIcon && _styles.styles.beforeIcon, afterIcon && _styles.styles.afterIcon, border && _styles.styles.border(border), nostyle && _styles.styles.nostyle, loading && _styles.styles.loading(theme), back && _styles.styles.back(theme), css && css, small && _styles.styles.small, danger && outline && _styles.styles.dangerOutline(theme), success && outline && _styles.styles.successOutline(theme), transparentBg && _styles.styles.transparentBg, focusable && _styles.styles.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;