@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/TabNav/TabNavItem/styles.js

@@ -1,102 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-const calculateIndent = (indent) => {
-    const BASE = 8;
-    const INDENT_PADDING_LI = indent === 1 ? BASE * 3 : (indent + 2) * BASE;
-    return css `
-    padding-left: ${INDENT_PADDING_LI}px !important;
-  `;
-};
-export const TabNavItemWrapper = styled.button((props) => css `
-    display: flex;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-    padding: 1rem;
-    position: relative;
-    font-size: 16px;
-    font-weight: bold;
-    transition: all ease 250ms;
-
-    &:hover {
-      &::after {
-        position: absolute;
-        content: '';
-        width: 100%;
-        height: 4px;
-        bottom: 0;
-        left: 0;
-        background-color: ${props.theme.primary};
-        z-index: 1;
-        opacity: 0.4;
-      }
-    }
-  `);
-export const SelectChildrenWrapper = styled.ul((props) => css `
-    position: absolute;
-    z-index: 3;
-    top: calc(${props.bottom}px - 0.5em);
-    left: ${props.left}px;
-    background: #fff;
-    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    min-width: ${props.minWidth}px;
-    max-width: 350px;
-
-    max-height: 40vh;
-    overflow-y: auto;
-    overflow-x: hidden;
-
-    & > li {
-      word-break: break-all;
-      background: #fff;
-      display: flex;
-      width: calc(100% - 1em);
-      cursor: pointer;
-      list-style: none;
-      padding: 0.5em;
-      padding-left: 1em;
-      border-top: 1px solid ${props.theme.border};
-      transition: background 150ms ease-in-out;
-
-      &:first-of-type {
-        border-top: none;
-      }
-
-      &:hover,
-      &:focus {
-        background: ${props.theme.bgLight};
-      }
-    }
-  `);
-export const SelectOption = styled.li(({ disabled, bold, indent, }) => css `
-    padding: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    justify-content: flex-start;
-    height: 100%;
-    width: 100%;
-
-    opacity: ${disabled ? 0.5 : 1};
-
-    font-weight: ${bold ? 600 : 400};
-
-    ${indent && calculateIndent(indent)}
-  `);
-export const styles = {
-    active: (theme) => css `
-      &::after {
-        transition: all ease 250ms;
-        position: absolute;
-        content: '';
-        width: 100%;
-        height: 4px;
-        bottom: 0;
-        left: 0;
-        background-color: ${theme.primary};
-        z-index: 1;
-      }
-    `,
-};

package/lib/core/TabNav/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAe3D,UAAU,KAAK;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAWD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqJ3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}

package/lib/core/TabNav/index.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import { useTheme } from '@emotion/react';
-import { TabContextProvider, TabContext } from './TabContext';
-import { styles, TabNavWrapper, TabNavActions, SelectWrapper, SelectLinkWrapper, } from './styles';
-import { useContainerDimensions } from './utils/useContainerDimensions';
-import Select, { Option } from '../Select';
-import Link from '../Link';
-import { useIsMobile } from '../../hooks/useIsMobile';
-const TabNav = ({ value, children, onChange, css, maxWidth, color, underlineColor, vertical, actions, className, breakpoint, }) => {
-    const isMobile = useIsMobile(breakpoint);
-    const theme = useTheme();
-    // Container dimensions
-    const ref = React.useRef(null);
-    const { width: containerWidth } = useContainerDimensions(ref);
-    // Button dimensions
-    const buttonRef = React.useRef(null);
-    const { width: actionsWidth } = useContainerDimensions(buttonRef);
-    const values = React.Children.map(children, (child) => child !== null && child.props)?.filter(Boolean) || [];
-    const displayNameFromValue = (value) => {
-        const item = values.find((item) => item.value === value);
-        return item?.displayText || String(value);
-    };
-    const valueWithSelectItemIndex = values.findIndex((item) => item.selectItems?.length);
-    const listOfSelectedItems = (items) => {
-        if (!items)
-            return [];
-        return items.map((prop) => ({ ...prop }));
-    };
-    if (valueWithSelectItemIndex > -1) {
-        const selectedItems = values[valueWithSelectItemIndex].selectItems;
-        // If we have no actual selectedItems, dont show any label while in the mobile/dropdown version
-        const isEverySelectedItemDisabledOrLink = Number(selectedItems?.length) >= 1 &&
-            selectedItems?.every((item) => item.disabled || item.onClick);
-        if (isEverySelectedItemDisabledOrLink) {
-            const itemsWithOnClick = selectedItems?.filter((item) => item.onClick) || [];
-            // Remove valueWithSelectItemIndex from the values array, but add on itemsWithOnClick in the list
-            values.splice(valueWithSelectItemIndex, 1, ...listOfSelectedItems(itemsWithOnClick));
-        }
-        else {
-            values.splice(valueWithSelectItemIndex + 1, 0, ...listOfSelectedItems(selectedItems));
-        }
-    }
-    return (_jsx(TabContextProvider, { onChange: onChange, value: value || values?.[0].value, children: _jsx(TabContext.Consumer, { children: ({ width: childrenTotalWidth, setActive, active }) => {
-                if ((breakpoint && isMobile) ||
-                    (!breakpoint && actionsWidth + childrenTotalWidth > containerWidth)) {
-                    // Render dropdown instead of tabs
-                    return (_jsxs(SelectWrapper, { children: [_jsx(Select, { input: true, width: "auto", text: "Velg", selectedValue: displayNameFromValue(String(active)) || '0', onChange: ({ value }) => value && setActive(value), className: className, maxHeight: "40vh", children: values.map(({ displayText, value: v, selectItems, onClick, indent, disabled, }) => onClick ? (_jsx(SelectLinkWrapper, { children: _jsx(Link, { nopadding: true, small: true, onClick: onClick, children: displayText || v }) }, v)) : (_jsx(Option, { value: v, indent: indent, disabled: disabled || Boolean(selectItems?.length), children: displayText || v }, v))) }), actions] }));
-                }
-                return (_jsxs(TabNavWrapper, { ref: ref, theme: theme, className: className, css: () => [
-                        vertical && styles.vertical,
-                        color && styles.color(color),
-                        maxWidth && styles.maxWidth(maxWidth),
-                        underlineColor && styles.underlineColor(underlineColor),
-                        css,
-                    ], children: [children, actions && (_jsx(TabNavActions, { ref: buttonRef, children: actions }))] }));
-            } }) }));
-};
-export { TabNav };
-export default TabNav;

package/lib/core/TabNav/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;SAsBY,MACnC,WAAW;yGAHb,CAAA;AAED,eAAO,MAAM,aAAa;;SAAY,MACnC,WAAW;2GAYb,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAfQ,MACnC,WAAW;yGAc8B,CAAA;AAE5C,eAAO,MAAM,aAAa;;SAjBY,MACnC,WAAW;yGA0Bb,CAAA;AAED,eAAO,MAAM,MAAM;sBACC,MAAM;mBAIT,MAAM;4BAKG,MAAM;;CAwB/B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/TabNav/styles.js

@@ -1,83 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-export const TabNavWrapper = styled.div((props) => css `
-    display: flex;
-    width: 100%;
-    position: relative;
-    padding: 0;
-    margin: 0;
-    align-content: space-between;
-    align-items: flex-end;
-
-    &:after {
-      content: '';
-      display: block;
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-      height: 4px;
-      background: ${props.theme.border};
-    }
-  `);
-export const TabNavActions = styled.span `
-  position: absolute;
-  right: 0;
-  bottom: 1em;
-
-  @media (max-width: ${bp.medium}) {
-    bottom: 0;
-    padding: 1em;
-
-    &:after {
-      display: none;
-    }
-  }
-`;
-export const SelectLinkWrapper = styled.li ``;
-export const SelectWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 0.5em;
-
-  // To make the test align correctly and not overflow.
-  & > span > div > ul > li > button {
-    word-break: break-all;
-    text-align: left;
-  }
-`;
-export const styles = {
-    maxWidth: (width) => css `
-    max-width: ${width}px;
-  `,
-    color: (color) => css `
-    & button {
-      color: ${color};
-    }
-  `,
-    underlineColor: (color) => css `
-    & button::after,
-    & button:hover::after {
-      background: ${color};
-    }
-  `,
-    vertical: css `
-    flex-direction: column;
-    align-items: flex-start;
-
-    &:after {
-      left: 0;
-      top: 0;
-      width: 4px;
-      height: 100%;
-    }
-
-    & button::after,
-    & button:hover::after {
-      height: 100%;
-      width: 4px;
-      top: 0;
-    }
-  `,
-};
-export default styles;

package/lib/core/TabNav/utils/useContainerDimensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/utils/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,GACjC,KAAK,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC;;;;;;CAkC3E,CAAA"}

package/lib/core/TabNav/utils/useContainerDimensions.js

@@ -1,27 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useContainerDimensions = (ref) => {
-    const [dimensions, setDimensions] = useState({
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0,
-        bottom: 0,
-    });
-    const getDimensions = useCallback(() => ({
-        width: ref.current?.offsetWidth || 0,
-        height: ref.current?.offsetHeight || 0,
-        top: ref.current?.offsetTop || 0,
-        left: ref.current?.offsetLeft || 0,
-        bottom: Number(ref.current?.offsetTop) + Number(ref.current?.offsetHeight) || 0,
-    }), [ref]);
-    useEffect(() => {
-        const handleResize = () => setDimensions(getDimensions());
-        if (ref.current)
-            setDimensions(getDimensions());
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [getDimensions, ref]);
-    return dimensions;
-};

package/lib/core/Table/Cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/Cell.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,MAAM,GAAG;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2B1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Table/Cell.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { styles } from './styles';
-const Cell = ({ startAlign, centerAlign, children, colSpan, endAlign, header, truncate, wrap, ...props }) => {
-    const Tag = header ? 'th' : 'td';
-    return (_jsx(Tag, { ...props, css: () => [
-            styles.cell_defaults,
-            startAlign && styles.cell_left,
-            centerAlign && styles.cell_center,
-            endAlign && styles.cell_right,
-            truncate && styles.cell_truncate,
-            wrap && styles.cell_wrap,
-        ], children: children }));
-};
-export default Cell;

package/lib/core/Table/Row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,MAAM,MAAM,GAAG;IACnB,6BAA6B;IAC7B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACvC,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2BzB,CAAA;AAED,eAAe,GAAG,CAAA"}

package/lib/core/Table/Row.js

@@ -1,14 +0,0 @@
-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 }));
-};
-export default Row;

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

@@ -1,11 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const SeveralArgsTable: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAQlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CA0B5B,CAAA"}

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

@@ -1,16 +0,0 @@
-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,
-};
-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',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,MAAM,MAAM,MAAM,GAAG;IACnB,gCAAgC;IAChC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAEzC;kBAFQ,KAAK;;;;AAId,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;AAKpB,eAAe,KAAK,CAAA"}

package/lib/core/Table/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableWrapper } from './styles';
-import Cell from './Cell';
-import Row from './Row';
-function Table(props) {
-    return _jsx(TableWrapper, { children: props.children });
-}
-export { Cell, Row };
-Table.Cell = Cell;
-Table.Row = Row;
-export default Table;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Table/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,YAAY;;SAkBR,MAAO,WAAW;kHAhBlC,CAAA;AAED,eAAO,MAAM,gBAAgB;;SAcZ,MAAO,WAAW;2HAdW,CAAA;AAE9C,eAAO,MAAM,MAAM;;;wBAQG,SAAS;wBAIT,SAAS;sBAGX,SAAS;uBAGR,SAAS;wBAGR,SAAS;yBAGR,SAAS;yBAGT,SAAS;;;;;;CA4B/B,CAAA"}

package/lib/core/Table/styles.js

@@ -1,62 +0,0 @@
-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;
-
-    &: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

@@ -1,20 +0,0 @@
-import Tag from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Tag>;
-export default meta;
-type Story = StoryObj<typeof Tag>;
-export declare const Default: Story;
-export declare const Neutral: Story;
-export declare const Success: Story;
-export declare const Info: Story;
-export declare const Danger: Story;
-export declare const Dark: Story;
-export declare const Light: Story;
-export declare const Outline: Story;
-export declare const Dotted: Story;
-export declare const TagWithClose: Story;
-export declare const TagWithLoading: Story;
-export declare const TagWithCloseAndStrictClick: Story;
-export declare const TagWithCloseLoadingAndStrictClick: Story;
-export declare const TagWithCloseAndStrictClickWithColor: Story;
-export declare const WithIcon: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,GAAG,CAAA;AAEnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAG1B,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;AAEjC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAQ/C,CAAA;AAED,eAAO,MAAM,mCAAmC,EAAE,KAQjD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA"}

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

@@ -1,118 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tag from '.';
-import IconComment from '../../icons/General/IconComment';
-const meta = {
-    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.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,SAAS,CAAA;IAC5D,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyDzB,CAAA;AAED,eAAe,GAAG,CAAA"}

package/lib/core/Tag/index.js

@@ -1,24 +0,0 @@
-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] }))] }));
-};
-export default Tag;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;qBAwBT,SAAS;qBAKT,SAAS;kBAKZ,SAAS;oBAKP,SAAS;kBAKX,SAAS;mBAKR,SAAS;qBAKP,SAAS;oBAQV,SAAS;;;;;CA+C1B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}