@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/Tag/index.js

@@ -1,53 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Tag = ({
-  icon,
-  trackingEvent,
-  trackingName,
-  disabled,
-  ...props
-}) => {
-  const Tag = (props.withclose || props.onClick) && !props.strictClose ? 'button' : 'div';
-  return (0, _jsxRuntime.jsxs)(Tag, {
-    title: props.title,
-    className: props.className,
-    onClick: !props.strictClose ? props.onClick : undefined,
-    disabled: disabled,
-    role: !props.strictClose && props.onClick ? 'button' : undefined,
-    css: theme => [_styles.styles.default(theme), props.neutral && _styles.styles.neutral(theme), props.success && _styles.styles.success(theme), props.info && _styles.styles.info(theme), props.danger && _styles.styles.danger(theme), props.dark && _styles.styles.dark(theme), props.light && _styles.styles.light(theme), props.outline && _styles.styles.outline(theme), props.dotted && _styles.styles.dotted(theme), props.withclose && _styles.styles.withclose, props.strictClose && _styles.styles.strictClose, icon && _styles.styles.withicon, props.loading && _styles.styles.loading],
-    children: [icon && icon, props.children, props.loading ? (0, _jsxRuntime.jsx)(_Spinner.default, {
-      margin: "0 0 0 8px",
-      size: 6,
-      color: props.loadingColor
-    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [props.withclose ? (0, _jsxRuntime.jsx)(_IconClose.default, {
-        color: props.closeColor || 'white',
-        size: '14px'
-      }) : null, props.strictClose ? (0, _jsxRuntime.jsx)(_Button.default, {
-        nostyle: true,
-        onClick: props.onClick,
-        trackingEvent: trackingEvent,
-        trackingName: trackingEvent,
-        disabled: disabled,
-        children: (0, _jsxRuntime.jsx)(_IconClose.default, {
-          color: props.closeColor || 'white',
-          size: '14px'
-        })
-      }) : null]
-    })]
-  });
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { styles } from './styles';
+import IconClose from '../../icons/General/IconClose';
+import Button from '../Button';
+import Spinner from '../Spinner';
+const Tag = ({ icon, trackingEvent, trackingName, disabled, ...props }) => {
+    const Tag = (props.withclose || props.onClick) && !props.strictClose ? 'button' : 'div';
+    return (_jsxs(Tag, { title: props.title, className: props.className, onClick: !props.strictClose ? props.onClick : undefined, disabled: disabled, role: !props.strictClose && props.onClick ? 'button' : undefined, css: (theme) => [
+            styles.default(theme),
+            props.neutral && styles.neutral(theme),
+            props.success && styles.success(theme),
+            props.info && styles.info(theme),
+            props.danger && styles.danger(theme),
+            props.dark && styles.dark(theme),
+            props.light && styles.light(theme),
+            props.outline && styles.outline(theme),
+            props.dotted && styles.dotted(theme),
+            props.withclose && styles.withclose,
+            props.strictClose && styles.strictClose,
+            icon && styles.withicon,
+            props.loading && styles.loading,
+        ], children: [icon && icon, props.children, props.loading ? (_jsx(Spinner, { margin: "0 0 0 8px", size: 6, color: props.loadingColor })) : (_jsxs(_Fragment, { children: [props.withclose ? (_jsx(IconClose, { color: props.closeColor || 'white', size: '14px' })) : null, props.strictClose ? (_jsx(Button, { nostyle: true, onClick: props.onClick, trackingEvent: trackingEvent, trackingName: trackingEvent, disabled: disabled, children: _jsx(IconClose, { color: props.closeColor || 'white', size: '14px' }) })) : null] }))] }));
 };
-var _default = exports.default = Tag;
+export default Tag;

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

@@ -16,4 +16,3 @@ declare const styles: {
 };
 export default styles;
 export { styles };
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/Tag/styles.js

@@ -1,88 +1,101 @@
-"use strict";
+import { css } from '@emotion/react';
+const styles = {
+    default: (theme) => css({
+        display: 'inline-block',
+        minHeight: '24px',
+        lineHeight: '24px',
+        padding: '0px 12px',
+        textAlign: 'center',
+        outline: 'none',
+        border: 'none',
+        borderRadius: '12px',
+        fontSize: '14px',
+        color: 'white',
+        backgroundColor: theme.primary,
+        '& > span': {
+            paddingLeft: '5px',
+        },
+        '&:focus': {
+            textDecoration: 'underline',
+        },
+    }),
+    neutral: (theme) => css({
+        color: theme.defaultText,
+        backgroundColor: theme.gray20,
+    }),
+    success: (theme) => css({
+        color: theme.defaultText,
+        backgroundColor: theme.successMedium,
+    }),
+    info: (theme) => css({
+        color: theme.bgDark,
+        backgroundColor: theme.infoMedium,
+    }),
+    danger: (theme) => css({
+        color: 'white',
+        backgroundColor: theme.alert,
+    }),
+    dark: (theme) => css({
+        color: 'white',
+        backgroundColor: theme.bgDark,
+    }),
+    light: (theme) => css({
+        color: theme.bgDark,
+        backgroundColor: theme.bgLight,
+    }),
+    outline: (theme) => css `
+      color: ${theme.defaultText};
+      min-height: 20px;
+      line-height: 20px;
+      border: 2px solid ${theme.bgLight};
+      background-color: white;
+    `,
+    dotted: (theme) => css `
+      color: ${theme.defaultText};
+      min-height: 20px;
+      line-height: 20px;
+      border: 2px dotted ${theme.border};
+      background-color: transparent;
+    `,
+    withclose: css `
+    display: flex;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
 
-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)({
-    display: 'inline-block',
-    minHeight: '24px',
-    lineHeight: '24px',
-    padding: '0px 12px',
-    textAlign: 'center',
-    outline: 'none',
-    border: 'none',
-    borderRadius: '12px',
-    fontSize: '14px',
-    color: 'white',
-    backgroundColor: theme.primary,
-    '& > span': {
-      paddingLeft: '5px'
-    },
-    '&:focus': {
-      textDecoration: 'underline'
+    & > svg {
+      margin-left: 0.5em;
     }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:default;"),
-  neutral: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.defaultText,
-    backgroundColor: theme.gray20
-  }, process.env.NODE_ENV === "production" ? "" : ";label:neutral;"),
-  success: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.defaultText,
-    backgroundColor: theme.successMedium
-  }, process.env.NODE_ENV === "production" ? "" : ";label:success;"),
-  info: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.bgDark,
-    backgroundColor: theme.infoMedium
-  }, process.env.NODE_ENV === "production" ? "" : ";label:info;"),
-  danger: theme => /*#__PURE__*/(0, _react.css)({
-    color: 'white',
-    backgroundColor: theme.alert
-  }, process.env.NODE_ENV === "production" ? "" : ";label:danger;"),
-  dark: theme => /*#__PURE__*/(0, _react.css)({
-    color: 'white',
-    backgroundColor: theme.bgDark
-  }, process.env.NODE_ENV === "production" ? "" : ";label:dark;"),
-  light: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.bgDark,
-    backgroundColor: theme.bgLight
-  }, process.env.NODE_ENV === "production" ? "" : ";label:light;"),
-  outline: theme => /*#__PURE__*/(0, _react.css)("color:", theme.defaultText, ";min-height:20px;line-height:20px;border:2px solid ", theme.bgLight, ";background-color:white;" + (process.env.NODE_ENV === "production" ? "" : ";label:outline;")),
-  dotted: theme => /*#__PURE__*/(0, _react.css)("color:", theme.defaultText, ";min-height:20px;line-height:20px;border:2px dotted ", theme.border, ";background-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:dotted;")),
-  withclose: process.env.NODE_ENV === "production" ? {
-    name: "aymhac",
-    styles: "display:flex;align-items:center;min-height:24px;line-height:unset;&>svg{margin-left:0.5em;}"
-  } : {
-    name: "1eravii-withclose",
-    styles: "display:flex;align-items:center;min-height:24px;line-height:unset;&>svg{margin-left:0.5em;};label:withclose;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  strictClose: process.env.NODE_ENV === "production" ? {
-    name: "sqodq5",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;&>button{margin-left:0.5em;}"
-  } : {
-    name: "v4s7sa-strictClose",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;&>button{margin-left:0.5em;};label:strictClose;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  loading: process.env.NODE_ENV === "production" ? {
-    name: "10i8va3",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;gap:0.5em;&>div{margin-right:0.5em;}"
-  } : {
-    name: "10cwrar-loading",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;gap:0.5em;&>div{margin-right:0.5em;};label:loading;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  withicon: process.env.NODE_ENV === "production" ? {
-    name: "uoujw6",
-    styles: "display:flex;align-items:center;gap:5px;width:fit-content"
-  } : {
-    name: "4g9093-withicon",
-    styles: "display:flex;align-items:center;gap:5px;width:fit-content;label:withicon;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
+  `,
+    strictClose: css `
+    display: flex;
+    width: fit-content;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
+
+    & > button {
+      margin-left: 0.5em;
+    }
+  `,
+    loading: css `
+    display: flex;
+    width: fit-content;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
+    gap: 0.5em;
+
+    & > div {
+      margin-right: 0.5em;
+    }
+  `,
+    withicon: css `
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    width: fit-content;
+  `,
 };
-var _default = exports.default = styles;
+export default styles;
+export { styles };

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

@@ -18,4 +18,3 @@ export declare const WordBreak: Story;
 export declare const WhiteSpace: Story;
 export declare const Subtle: Story;
 export declare const LineClamp: Story;
-//# sourceMappingURL=Text.stories.d.ts.map

package/lib/core/Text/Text.stories.js

@@ -1,26 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WordBreak = exports.WhiteSpace = exports.Title = exports.Subtle = exports.Small = exports.Semibold = exports.Secondary = exports.Primary = exports.Paragraph = exports.LineClamp = exports.Italic = exports.Intro = exports.Default = exports.Customcolor = exports.Align = void 0;
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import Text from '.';
 const meta = {
-  title: 'Core/Text',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: 'Default',
-  args: {
-    children: 'Default'
-  }
-};
-const Paragraph = exports.Paragraph = {
-  name: 'Paragraph',
-  args: {
-    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+    title: 'Core/Text',
+    component: Text,
+};
+export default meta;
+export const Default = {
+    name: 'Default',
+    args: {
+        children: 'Default',
+    },
+};
+export const Paragraph = {
+    name: 'Paragraph',
+    args: {
+        children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
   dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
   fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
   vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
@@ -32,97 +25,97 @@ const Paragraph = exports.Paragraph = {
   suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
   facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
   sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
-    paragraph: true
-  }
-};
-const Intro = exports.Intro = {
-  name: 'Intro',
-  args: {
-    children: 'Intro text',
-    intro: true
-  }
-};
-const Small = exports.Small = {
-  name: 'Small',
-  args: {
-    children: 'Small',
-    small: true
-  }
-};
-const Semibold = exports.Semibold = {
-  name: 'Semibold',
-  args: {
-    children: 'Semibold',
-    semibold: true
-  }
-};
-const Customcolor = exports.Customcolor = {
-  name: 'Customcolor',
-  args: {
-    children: 'Im red',
-    color: 'red'
-  }
-};
-const Primary = exports.Primary = {
-  name: 'Primary',
-  args: {
-    children: 'Primary',
-    primary: true
-  }
-};
-const Secondary = exports.Secondary = {
-  name: 'Secondary',
-  args: {
-    children: 'Secondary',
-    secondary: true
-  }
-};
-const Title = exports.Title = {
-  name: 'Title',
-  args: {
-    children: 'Hover me!',
-    title: 'Hello there'
-  }
-};
-const Italic = exports.Italic = {
-  name: 'Italic',
-  args: {
-    children: 'Italic font style',
-    italic: true
-  }
-};
-const Align = exports.Align = {
-  name: 'Align',
-  args: {
-    children: 'Text align right',
-    align: 'right'
-  }
-};
-const WordBreak = exports.WordBreak = {
-  name: 'WordBreak',
-  args: {
-    children: 'Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__',
-    wordBreak: 'break-all'
-  }
-};
-const WhiteSpace = exports.WhiteSpace = {
-  name: 'WhiteSpace',
-  args: {
-    children: 'Text with\nnewline',
-    whiteSpace: 'pre-wrap'
-  }
-};
-const Subtle = exports.Subtle = {
-  name: 'subtle',
-  args: {
-    children: 'Subtle text',
-    subtle: true
-  }
-};
-const LineClamp = exports.LineClamp = {
-  name: 'Line clamp',
-  args: {
-    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+        paragraph: true,
+    },
+};
+export const Intro = {
+    name: 'Intro',
+    args: {
+        children: 'Intro text',
+        intro: true,
+    },
+};
+export const Small = {
+    name: 'Small',
+    args: {
+        children: 'Small',
+        small: true,
+    },
+};
+export const Semibold = {
+    name: 'Semibold',
+    args: {
+        children: 'Semibold',
+        semibold: true,
+    },
+};
+export const Customcolor = {
+    name: 'Customcolor',
+    args: {
+        children: 'Im red',
+        color: 'red',
+    },
+};
+export const Primary = {
+    name: 'Primary',
+    args: {
+        children: 'Primary',
+        primary: true,
+    },
+};
+export const Secondary = {
+    name: 'Secondary',
+    args: {
+        children: 'Secondary',
+        secondary: true,
+    },
+};
+export const Title = {
+    name: 'Title',
+    args: {
+        children: 'Hover me!',
+        title: 'Hello there',
+    },
+};
+export const Italic = {
+    name: 'Italic',
+    args: {
+        children: 'Italic font style',
+        italic: true,
+    },
+};
+export const Align = {
+    name: 'Align',
+    args: {
+        children: 'Text align right',
+        align: 'right',
+    },
+};
+export const WordBreak = {
+    name: 'WordBreak',
+    args: {
+        children: 'Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__',
+        wordBreak: 'break-all',
+    },
+};
+export const WhiteSpace = {
+    name: 'WhiteSpace',
+    args: {
+        children: 'Text with\nnewline',
+        whiteSpace: 'pre-wrap',
+    },
+};
+export const Subtle = {
+    name: 'subtle',
+    args: {
+        children: 'Subtle text',
+        subtle: true,
+    },
+};
+export const LineClamp = {
+    name: 'Line clamp',
+    args: {
+        children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
   dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
   fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
   vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
@@ -134,6 +127,6 @@ const LineClamp = exports.LineClamp = {
   suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
   facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
   sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
-    lineClamp: 2
-  }
-};
+        lineClamp: 2,
+    },
+};

package/lib/core/Text/index.d.ts

@@ -45,4 +45,3 @@ interface IProps extends React.HTMLAttributes<ElementTypes> {
 }
 declare const Text: React.FC<IProps>;
 export default Text;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/Text/index.js

@@ -1,45 +1,25 @@
-"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 Text = ({
-  paragraph,
-  intro,
-  small,
-  extrasmall,
-  bold,
-  semibold,
-  subtle,
-  color,
-  size,
-  title,
-  onClick,
-  children,
-  primary,
-  secondary,
-  dark,
-  italic,
-  align,
-  wordBreak,
-  whiteSpace,
-  lineClamp,
-  ...restProps
-}) => {
-  const Tag = paragraph ? 'p' : 'span';
-  return (0, _jsxRuntime.jsx)(Tag, {
-    css: theme => [_styles.styles.default(theme, color), intro && _styles.styles.intro, small && _styles.styles.small, extrasmall && _styles.styles.extrasmall, bold && _styles.styles.bold, semibold && _styles.styles.semiBold, subtle && _styles.styles.subtle(theme), paragraph && _styles.styles.paragraph, size && _styles.styles.size(size), primary && _styles.styles.setColor(theme.primary), secondary && _styles.styles.setColor(theme.secondary), italic && _styles.styles.italic, align && _styles.styles.align(align), dark && _styles.styles.setColor(theme.secondaryDarkText), wordBreak && _styles.styles.setWordBreak(wordBreak), whiteSpace && _styles.styles.setWhiteSpace(whiteSpace), lineClamp && _styles.styles.setLineClamp(lineClamp)],
-    onClick: onClick,
-    title: title,
-    ...restProps,
-    children: children
-  });
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { styles } from './styles';
+const Text = ({ paragraph, intro, small, extrasmall, bold, semibold, subtle, color, size, title, onClick, children, primary, secondary, dark, italic, align, wordBreak, whiteSpace, lineClamp, ...restProps }) => {
+    const Tag = paragraph ? 'p' : 'span';
+    return (_jsx(Tag, { css: (theme) => [
+            styles.default(theme, color),
+            intro && styles.intro,
+            small && styles.small,
+            extrasmall && styles.extrasmall,
+            bold && styles.bold,
+            semibold && styles.semiBold,
+            subtle && styles.subtle(theme),
+            paragraph && styles.paragraph,
+            size && styles.size(size),
+            primary && styles.setColor(theme.primary),
+            secondary && styles.setColor(theme.secondary),
+            italic && styles.italic,
+            align && styles.align(align),
+            dark && styles.setColor(theme.secondaryDarkText),
+            wordBreak && styles.setWordBreak(wordBreak),
+            whiteSpace && styles.setWhiteSpace(whiteSpace),
+            lineClamp && styles.setLineClamp(lineClamp),
+        ], onClick: onClick, title: title, ...restProps, children: children }));
 };
-var _default = exports.default = Text;
+export default Text;

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

@@ -18,4 +18,3 @@ declare const styles: {
 };
 export default styles;
 export { styles };
-//# sourceMappingURL=styles.d.ts.map