@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/Table/Row.js

@@ -1,28 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Row = ({
-  children,
-  danger,
-  info,
-  muted,
-  notice,
-  success,
-  warning,
-  border,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-    ...props,
-    css: theme => [border && _styles.styles.row_border(theme), danger && _styles.styles.row_danger(theme), info && _styles.styles.row_info(theme), muted && _styles.styles.row_muted(theme), notice && _styles.styles.row_notice(theme), success && _styles.styles.row_success(theme), warning && _styles.styles.row_warning(theme)],
-    children: children
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styles } from './styles';
+const Row = ({ children, danger, info, muted, notice, success, warning, border, ...props }) => {
+    return (_jsx("tr", { ...props, css: (theme) => [
+            border && styles.row_border(theme),
+            danger && styles.row_danger(theme),
+            info && styles.row_info(theme),
+            muted && styles.row_muted(theme),
+            notice && styles.row_notice(theme),
+            success && styles.row_success(theme),
+            warning && styles.row_warning(theme),
+        ], children: children }));
 };
-var _default = exports.default = Row;
+export default Row;

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

@@ -2,11 +2,10 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const SeveralArgsTable: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=Table.stories.d.ts.map

package/lib/core/Table/Table.stories.js

@@ -1,89 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SeveralArgsTable = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Cell = _interopRequireDefault(require("./Cell"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Table',
-  component: _.default
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Table from '.';
+import Cell from './Cell';
+import Row from './Row';
+export default {
+    title: 'Core/Table',
+    component: Table,
 };
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 3"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          centerAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        })]
-      })
-    })]
-  }),
-  name: 'Default'
+export const Default = {
+    render: () => (_jsxs(Table, { children: [_jsx("thead", { children: _jsxs(Row, { children: [_jsx(Cell, { header: true, children: "Header 1" }), _jsx(Cell, { header: true, children: "Header 2" }), _jsx(Cell, { header: true, children: "Header 3" })] }) }), _jsx("tbody", { children: _jsxs(Row, { children: [_jsx(Cell, { centerAlign: true, children: "Content" }), _jsx(Cell, { children: "Content" }), _jsx(Cell, { children: "Content" })] }) })] })),
+    name: 'Default',
+};
+export const SeveralArgsTable = {
+    render: () => (_jsxs(Table, { children: [_jsx("thead", { children: _jsxs(Row, { border: true, children: [_jsx(Cell, { header: true, children: "Header 1" }), _jsx(Cell, { header: true, children: "Header 2" }), _jsx(Cell, { header: true, children: "Header 3" })] }) }), _jsxs("tbody", { children: [_jsxs(Row, { danger: true, children: [_jsx(Cell, { startAlign: true, children: "Content" }), _jsx(Cell, { centerAlign: true, children: "Content" }), _jsx(Cell, { endAlign: true, children: "Content" })] }), _jsxs(Row, { success: true, children: [_jsx(Cell, { truncate: true, children: "Alot of content goes here, is it to much??" }), _jsx(Cell, { children: "Content" }), _jsx(Cell, { children: "Content" })] })] })] })),
+    name: 'Several ArgsTable',
 };
-const SeveralArgsTable = exports.SeveralArgsTable = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        border: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 3"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tbody", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        danger: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          startAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          centerAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          endAlign: true,
-          children: "Content"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        success: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          truncate: true,
-          children: "Alot of content goes here, is it to much??"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        })]
-      })]
-    })]
-  }),
-  name: 'Several ArgsTable'
-};

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

@@ -12,4 +12,3 @@ declare namespace Table {
 }
 export { Cell, Row };
 export default Table;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/Table/index.js

@@ -1,32 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Cell", {
-  enumerable: true,
-  get: function () {
-    return _Cell.default;
-  }
-});
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _Row.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Cell = _interopRequireDefault(require("./Cell"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableWrapper } from './styles';
+import Cell from './Cell';
+import Row from './Row';
 function Table(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TableWrapper, {
-    children: props.children
-  });
+    return _jsx(TableWrapper, { children: props.children });
 }
-Table.Cell = _Cell.default;
-Table.Row = _Row.default;
-var _default = exports.default = Table;
+export { Cell, Row };
+Table.Cell = Cell;
+Table.Row = Row;
+export default Table;

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

@@ -23,4 +23,3 @@ export declare const styles: {
     cell_truncate: import("@emotion/react").SerializedStyles;
     cell_wrap: import("@emotion/react").SerializedStyles;
 };
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/Table/styles.js

@@ -1,87 +1,62 @@
-"use strict";
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+export const TableWrapper = styled.table `
+  border-collapse: collapse;
+`;
+export const TableBodyWrapper = styled.tbody ``;
+export const styles = {
+    cell_defaults: css `
+    text-align: left;
+    line-height: 24px;
+    padding: 5px 0;
+    padding-right: 16px;
+  `,
+    row_defaults: css ``,
+    row_border: (theme) => css `
+    border-top: 1px solid ${theme.primary};
+    border-bottom: 1px solid ${theme.primary};
+  `,
+    row_danger: (theme) => css `
+    background-color: ${theme.alert};
+  `,
+    row_info: (theme) => css `
+    background-color: ${theme.info};
+  `,
+    row_muted: (theme) => css `
+    background-color: ${theme.disabled};
+  `,
+    row_notice: (theme) => css `
+    background-color: ${theme.gray10};
+  `,
+    row_success: (theme) => css `
+    background-color: ${theme.success};
+  `,
+    row_warning: (theme) => css `
+    background-color: ${theme.alertLight};
+  `,
+    cell_right: css `
+    text-align: right;
+  `,
+    cell_left: css `
+    text-align: left;
+  `,
+    cell_center: css `
+    text-align: center;
+  `,
+    cell_truncate: css `
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.TableWrapper = exports.TableBodyWrapper = 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 TableWrapper = exports.TableWrapper = /*#__PURE__*/(0, _base.default)("table", process.env.NODE_ENV === "production" ? {
-  target: "e1hlre5g1"
-} : {
-  target: "e1hlre5g1",
-  label: "TableWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tkxk5i",
-  styles: "border-collapse:collapse"
-} : {
-  name: "tkxk5i",
-  styles: "border-collapse:collapse",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TableBodyWrapper = exports.TableBodyWrapper = /*#__PURE__*/(0, _base.default)("tbody", process.env.NODE_ENV === "production" ? {
-  target: "e1hlre5g0"
-} : {
-  target: "e1hlre5g0",
-  label: "TableBodyWrapper"
-})();
-const styles = exports.styles = {
-  cell_defaults: process.env.NODE_ENV === "production" ? {
-    name: "rt24rc",
-    styles: "text-align:left;line-height:24px;padding:5px 0;padding-right:16px"
-  } : {
-    name: "12b51o9-cell_defaults",
-    styles: "text-align:left;line-height:24px;padding:5px 0;padding-right:16px;label:cell_defaults;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  row_defaults: /*#__PURE__*/(0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:row_defaults;"),
-  row_border: theme => /*#__PURE__*/(0, _react.css)("border-top:1px solid ", theme.primary, ";border-bottom:1px solid ", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_border;")),
-  row_danger: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.alert, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_danger;")),
-  row_info: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.info, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_info;")),
-  row_muted: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_muted;")),
-  row_notice: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.gray10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_notice;")),
-  row_success: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.success, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_success;")),
-  row_warning: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.alertLight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_warning;")),
-  cell_right: process.env.NODE_ENV === "production" ? {
-    name: "2qga7i",
-    styles: "text-align:right"
-  } : {
-    name: "hd1p5l-cell_right",
-    styles: "text-align:right;label:cell_right;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_left: process.env.NODE_ENV === "production" ? {
-    name: "1flj9lk",
-    styles: "text-align:left"
-  } : {
-    name: "u5gdxj-cell_left",
-    styles: "text-align:left;label:cell_left;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_center: process.env.NODE_ENV === "production" ? {
-    name: "1azakc",
-    styles: "text-align:center"
-  } : {
-    name: "1fsb877-cell_center",
-    styles: "text-align:center;label:cell_center;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_truncate: process.env.NODE_ENV === "production" ? {
-    name: "l9a0se",
-    styles: "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&:hover{max-width:none;overflow:inherit;white-space:inherit;word-wrap:break-word;}"
-  } : {
-    name: "we2dqx-cell_truncate",
-    styles: "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&:hover{max-width:none;overflow:inherit;white-space:inherit;word-wrap:break-word;};label:cell_truncate;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_wrap: process.env.NODE_ENV === "production" ? {
-    name: "19u0omh",
-    styles: "white-space:normal;word-wrap:break-word"
-  } : {
-    name: "rj41nf-cell_wrap",
-    styles: "white-space:normal;word-wrap:break-word;label:cell_wrap;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};
+    &:hover {
+      max-width: none;
+      overflow: inherit;
+      white-space: inherit;
+      word-wrap: break-word;
+    }
+  `,
+    cell_wrap: css `
+    white-space: normal;
+    word-wrap: break-word;
+  `,
+};

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

@@ -18,4 +18,3 @@ export declare const TagWithCloseAndStrictClick: Story;
 export declare const TagWithCloseLoadingAndStrictClick: Story;
 export declare const TagWithCloseAndStrictClickWithColor: Story;
 export declare const WithIcon: Story;
-//# sourceMappingURL=Tag.stories.d.ts.map

package/lib/core/Tag/Tag.stories.js

@@ -1,127 +1,118 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithIcon = exports.TagWithLoading = exports.TagWithCloseLoadingAndStrictClick = exports.TagWithCloseAndStrictClickWithColor = exports.TagWithCloseAndStrictClick = exports.TagWithClose = exports.Success = exports.Outline = exports.Neutral = exports.Light = exports.Info = exports.Dotted = exports.Default = exports.Dark = exports.Danger = void 0;
-var _ = _interopRequireDefault(require("."));
-var _IconComment = _interopRequireDefault(require("../../icons/General/IconComment"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tag from '.';
+import IconComment from '../../icons/General/IconComment';
 const meta = {
-  title: 'Core/Tag',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: 'Default',
-  args: {
-    children: 'Here'
-  }
-};
-const Neutral = exports.Neutral = {
-  name: 'Neutral',
-  args: {
-    children: 'Here',
-    neutral: true
-  }
-};
-const Success = exports.Success = {
-  name: 'Success',
-  args: {
-    children: 'here',
-    success: true
-  }
-};
-const Info = exports.Info = {
-  name: 'Info',
-  args: {
-    children: 'here',
-    info: true
-  }
-};
-const Danger = exports.Danger = {
-  name: 'Danger',
-  args: {
-    children: 'here',
-    danger: true
-  }
-};
-const Dark = exports.Dark = {
-  name: 'Dark',
-  args: {
-    children: 'here',
-    dark: true
-  }
-};
-const Light = exports.Light = {
-  name: 'Light',
-  args: {
-    children: 'here',
-    light: true
-  }
-};
-const Outline = exports.Outline = {
-  name: 'Outline',
-  args: {
-    children: 'here',
-    outline: true
-  }
-};
-const Dotted = exports.Dotted = {
-  name: 'Dotted',
-  args: {
-    children: 'Hola',
-    dotted: true
-  }
-};
-const TagWithClose = exports.TagWithClose = {
-  name: 'Tag with close',
-  args: {
-    children: 'Click me',
-    withclose: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithLoading = exports.TagWithLoading = {
-  name: 'Tag with loading',
-  args: {
-    children: 'Here',
-    loading: true
-  }
-};
-const TagWithCloseAndStrictClick = exports.TagWithCloseAndStrictClick = {
-  name: 'Tag with close and strict click',
-  args: {
-    children: 'Have to close by clicking the "x"',
-    strictClose: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithCloseLoadingAndStrictClick = exports.TagWithCloseLoadingAndStrictClick = {
-  name: 'Tag with close, loading and strict click',
-  args: {
-    children: 'With loading',
-    strictClose: true,
-    loading: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithCloseAndStrictClickWithColor = exports.TagWithCloseAndStrictClickWithColor = {
-  name: 'Tag with close and strict click with color',
-  args: {
-    children: 'With custom close color',
-    strictClose: true,
-    closeColor: 'red',
-    onClick: () => console.log('close')
-  }
-};
-const WithIcon = exports.WithIcon = {
-  name: 'With icon',
-  args: {
-    children: '3',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-      size: 14
-    })
-  }
-};
+    title: 'Core/Tag',
+    component: Tag,
+};
+export default meta;
+export const Default = {
+    name: 'Default',
+    args: {
+        children: 'Here',
+    },
+};
+export const Neutral = {
+    name: 'Neutral',
+    args: {
+        children: 'Here',
+        neutral: true,
+    },
+};
+export const Success = {
+    name: 'Success',
+    args: {
+        children: 'here',
+        success: true,
+    },
+};
+export const Info = {
+    name: 'Info',
+    args: {
+        children: 'here',
+        info: true,
+    },
+};
+export const Danger = {
+    name: 'Danger',
+    args: {
+        children: 'here',
+        danger: true,
+    },
+};
+export const Dark = {
+    name: 'Dark',
+    args: {
+        children: 'here',
+        dark: true,
+    },
+};
+export const Light = {
+    name: 'Light',
+    args: {
+        children: 'here',
+        light: true,
+    },
+};
+export const Outline = {
+    name: 'Outline',
+    args: {
+        children: 'here',
+        outline: true,
+    },
+};
+export const Dotted = {
+    name: 'Dotted',
+    args: {
+        children: 'Hola',
+        dotted: true,
+    },
+};
+export const TagWithClose = {
+    name: 'Tag with close',
+    args: {
+        children: 'Click me',
+        withclose: true,
+        onClick: () => console.log('close'),
+    },
+};
+export const TagWithLoading = {
+    name: 'Tag with loading',
+    args: {
+        children: 'Here',
+        loading: true,
+    },
+};
+export const TagWithCloseAndStrictClick = {
+    name: 'Tag with close and strict click',
+    args: {
+        children: 'Have to close by clicking the "x"',
+        strictClose: true,
+        onClick: () => console.log('close'),
+    },
+};
+export const TagWithCloseLoadingAndStrictClick = {
+    name: 'Tag with close, loading and strict click',
+    args: {
+        children: 'With loading',
+        strictClose: true,
+        loading: true,
+        onClick: () => console.log('close'),
+    },
+};
+export const TagWithCloseAndStrictClickWithColor = {
+    name: 'Tag with close and strict click with color',
+    args: {
+        children: 'With custom close color',
+        strictClose: true,
+        closeColor: 'red',
+        onClick: () => console.log('close'),
+    },
+};
+export const WithIcon = {
+    name: 'With icon',
+    args: {
+        children: '3',
+        icon: _jsx(IconComment, { size: 14 }),
+    },
+};

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

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