@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/v2/Memberbenefits/MemberbenefitsCard/index.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useEffect, useRef } from 'react';
-import Header from '../../../core/Header';
-import Html from '../../../core/Html';
-import Text from '../../../core/Text';
-import IconMedal from '../../../icons/General/IconMedal';
-import IconPercent from '../../../icons/General/IconPercent';
-import { ContentWrapper, DiscountAndBonus, ImageRepresentation, ImageWithOverlay, LogoFlexContainer, LogoOverlay, Row, styles, SupplierLogo, TextWrapper, } from './styles';
-import IllustrationMySiteBenefits from '../../../illustrations/MySite/IllustrationMySiteBenefits';
-export const MemberBenefitsCard = ({ benefit, variant = 'default', altText, altTextLogo, scrollTo, onReadMoreClick, afterScroll, ...props }) => {
-    const ref = useRef(null);
-    const discountText = benefit?.discountText?.trim();
-    const bonusText = benefit?.bonusText?.trim();
-    const hasSituationImage = !!benefit?.urlSituationImage;
-    const hasLogo = !!benefit?.urlLogo;
-    const situationImgAltText = altText || `${benefit.name} situasjonsbilde`;
-    const logoAltText = altTextLogo || `${benefit.name} logo`;
-    const isMySite = variant === 'mysite';
-    const scrollToRef = (ref) => {
-        if (ref.current) {
-            ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });
-        }
-    };
-    useEffect(() => {
-        if (scrollTo) {
-            scrollToRef(ref);
-            afterScroll && afterScroll();
-        }
-    }, [ref, scrollTo, afterScroll]);
-    return (_jsxs("button", { css: () => [
-            styles.default(),
-            variant === 'mysite' && styles.mysite,
-            props.css && props.css,
-        ], ref: ref, onClick: onReadMoreClick, "aria-label": `Les mer om denne medlemsfordelen: ${benefit.name}`, children: [hasSituationImage || hasLogo ? (_jsxs(ImageWithOverlay, { isMySite: isMySite, children: [hasSituationImage && (_jsx(ImageRepresentation, { src: benefit.urlSituationImage, alt: situationImgAltText })), hasSituationImage && hasLogo && (_jsx(LogoOverlay, { isMySite: isMySite, children: _jsx(LogoFlexContainer, { children: _jsx(SupplierLogo, { src: benefit.urlLogo, alt: logoAltText }) }) })), !hasSituationImage && hasLogo && (_jsx(SupplierLogo, { src: benefit.urlLogo, alt: logoAltText }))] })) : (_jsx(ImageWithOverlay, { isMySite: isMySite, children: _jsx(IllustrationMySiteBenefits, { width: "80%", accessibilityLabel: `Illustrasjon medlemsfordel: ${benefit.name}` }) })), _jsxs(ContentWrapper, { children: [_jsxs(TextWrapper, { children: [_jsx(Header, { level: 3, size: "18px", children: benefit.name }), benefit?.teaser && _jsx(Html, { text: benefit.teaser })] }), (Boolean(bonusText?.length) || Boolean(discountText?.length)) && (_jsxs(DiscountAndBonus, { children: [!!bonusText && (_jsxs(Row, { children: [_jsx(IconMedal, { backgrounded: true, primary: true }), _jsx(Text, { semibold: true, children: bonusText })] })), !!discountText && (_jsxs(Row, { children: [_jsx(IconPercent, { backgrounded: true, primary: true }), _jsx(Text, { semibold: true, children: discountText })] }))] }))] })] }));
-};

package/lib/v2/Memberbenefits/MemberbenefitsCard/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/Memberbenefits/MemberbenefitsCard/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AACD,MAAM,WAAW,uBAAuB;IACtC,cAAc;IACd,OAAO,EAAE,QAAQ,CAAA;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB"}

package/lib/v2/Memberbenefits/MemberbenefitsCard/model.js

@@ -1,5 +0,0 @@
-export var PartnerTypeEnum;
-(function (PartnerTypeEnum) {
-    PartnerTypeEnum["Retail"] = "Retail";
-    PartnerTypeEnum["Online"] = "Online";
-})(PartnerTypeEnum || (PartnerTypeEnum = {}));

package/lib/v2/Memberbenefits/MemberbenefitsCard/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/Memberbenefits/MemberbenefitsCard/styles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;SAoBf,MAAO,WACX;yGAjBF,CAAA;AACD,iCAAiC;AACjC,QAAA,MAAM,MAAM;;;CAwBX,CAAA;AAED,QAAA,MAAM,gBAAgB;;SAZf,MAAO,WACX;;cAW6C,OAAO;yGAiBtD,CAAA;AAED,QAAA,MAAM,mBAAmB;;SA/BlB,MAAO,WACX;gHAkCF,CAAA;AAED,QAAA,MAAM,WAAW;;SArCV,MAAO,WACX;;cAoCwC,OAAO;yGAQjD,CAAA;AAED,QAAA,MAAM,iBAAiB;;SA/ChB,MAAO,WACX;yGAoDF,CAAA;AAED,QAAA,MAAM,YAAY;;SAvDX,MAAO,WACX;gHA6DF,CAAA;AAED,QAAA,MAAM,WAAW;;SAhEV,MAAO,WACX;yGAwEF,CAAA;AAED,QAAA,MAAM,cAAc;;SA3Eb,MAAO,WACX;yGAiFF,CAAA;AAED,eAAO,MAAM,GAAG;;SApFT,MAAO,WACX;yGAuFF,CAAA;AAED,eAAO,MAAM,gBAAgB;;SA1FtB,MAAO,WACX;yGA6FF,CAAA;AAED,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/lib/v2/Memberbenefits/MemberbenefitsCard/styles.js

@@ -1,108 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-const StoryGridWrapper = styled.div `
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1rem;
-`;
-/** Main styles for the button */
-const styles = {
-    default: () => css `
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    height: 350px;
-    max-width: 500px;
-    border-radius: 4px;
-    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    background: white;
-    border: none;
-    padding: 0;
-    text-align: left;
-    transition: all 0.3s ease-in-out;
-
-    &:hover {
-      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-    }
-  `,
-    mysite: () => css `
-    border-radius: 16px;
-  `,
-};
-const ImageWithOverlay = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  min-height: 150px;
-  max-height: 150px;
-  border-radius: ${({ isMySite }) => isMySite ? '16px 16px 0 0' : '4px 4px 0 0'};
-  overflow: hidden;
-  background-color: white;
-  > div:has(svg) {
-    display: flex;
-    justify-content: center;
-    height: 80%;
-  }
-`;
-const ImageRepresentation = styled.img `
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-`;
-const LogoOverlay = styled.div `
-  position: absolute;
-  top: 16px;
-  left: 16px;
-  width: 88px;
-  height: 72px;
-  border-radius: ${({ isMySite }) => (isMySite ? '8px' : '4px')};
-  background-color: white;
-`;
-const LogoFlexContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-`;
-const SupplierLogo = styled.img `
-  width: 80%;
-  height: 80%;
-  object-fit: contain;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const TextWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-
-  & > div:first-of-type {
-    overflow: hidden;
-    height: 75px;
-  }
-`;
-const ContentWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  gap: 1rem;
-  padding: 16px;
-`;
-export const Row = styled.div `
-  display: flex;
-  gap: 8px;
-  align-items: center;
-`;
-export const DiscountAndBonus = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-export { styles, ImageWithOverlay, ImageRepresentation, LogoOverlay, LogoFlexContainer, SupplierLogo, ContentWrapper, TextWrapper, StoryGridWrapper, };

package/lib/v2/core/Box/Box.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Box from '.';
-declare const meta: Meta<typeof Box>;
-export default meta;
-type Story = StoryObj<typeof Box>;
-export declare const Default: Story;
-export declare const Collapsable: Story;
-export declare const Rounded: Story;
-export declare const WithHeaderAndFooter: Story;
-export declare const WithHeaderAndCollapse: Story;
-export declare const CollapsableMysite: Story;
-export declare const Noshadow: Story;
-export declare const Background: Story;
-export declare const HideContent: Story;
-export declare const NoPadding: Story;

package/lib/v2/core/Box/Box.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,GAAG,MAAM,GAAG,CAAA;AAInB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAG1B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;AAEjC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}

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

@@ -1,87 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Box from '.';
-import Header from '../../../core/Header';
-import Button from '../Button';
-const meta = {
-    title: 'v2/Core/Box',
-    component: Box,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Stuff',
-    },
-    name: 'Default',
-};
-export const Collapsable = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        collapsable: true,
-        children: 'Stuff',
-        footer: _jsx(Button, { children: "Test" }),
-    },
-    name: 'Collapsable',
-};
-export const Rounded = {
-    args: {
-        type: 'mysite',
-        children: 'Stuff',
-    },
-    name: 'Rounded',
-};
-export const WithHeaderAndFooter = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        footer: _jsx(Button, { children: "Test" }),
-        footerAlignment: 'end',
-        children: 'Stuff',
-    },
-    name: 'With header and footer',
-};
-export const WithHeaderAndCollapse = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        collapsable: true,
-        children: 'Stuff',
-    },
-    name: 'With header and collapse',
-};
-export const CollapsableMysite = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        collapsable: true,
-        type: 'mysite',
-        children: 'Stuff',
-    },
-    name: 'Collapsable mysite',
-};
-export const Noshadow = {
-    args: {
-        noshadow: true,
-        children: 'Stuff',
-    },
-    name: 'Noshadow',
-};
-export const Background = {
-    args: {
-        background: '#ececec',
-        children: 'Stuff',
-    },
-    name: 'Background',
-};
-export const HideContent = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        hideContent: true,
-        children: 'Stuff',
-    },
-    name: 'Hide content',
-};
-export const NoPadding = {
-    args: {
-        header: _jsx(Header, { level: 3, children: "Header" }),
-        children: 'Stuff',
-        contentHasPadding: false,
-    },
-    name: 'No padding on content',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Box/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAYjD,KAAK,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACnD,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,mFAAmF;IACnF,YAAY,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;IACvC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmFzB,CAAA;AAED,eAAe,GAAG,CAAA"}

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useEffect, useState } from 'react';
-import { CollapseButton, ContentWrapper, FooterWrapper, HeaderWrapper, styles, } from './styles';
-import IconMinus from '../../../icons/General/IconMinus';
-import IconPlus from '../../../icons/General/IconPlus';
-import IconChevronDown from '../../../icons/General/IconChevronDown';
-const Box = ({ header, footer, footerAlignment = 'end', collapsable, collapsableOpen, handleOpenState, css, type = 'default', noshadow, background, className, hideContent, children, contentHasPadding = true, collapseIcon = type === 'default' ? 'plus/minus' : 'chevron', ...restProps }) => {
-    const [isOpen, setIsOpen] = useState(collapsableOpen ? true : false);
-    useEffect(() => {
-        if (handleOpenState !== undefined)
-            setIsOpen(handleOpenState);
-    }, [handleOpenState]);
-    const onCollapseIconClicked = (e) => {
-        setIsOpen(!isOpen);
-    };
-    const icon = collapseIcon === 'plus/minus' ? (isOpen ? (_jsx(IconMinus, { "aria-hidden": "true" })) : (_jsx(IconPlus, { "aria-hidden": "true" }))) : (_jsx(IconChevronDown, { flipVertical: isOpen, size: "14px", "aria-hidden": "true" }));
-    const headerWrapper = collapsable ? (_jsx(CollapseButton, { "aria-label": `Toggle box ${isOpen ? 'closed' : 'open'}`, "aria-expanded": isOpen, onClick: onCollapseIconClicked, nostyle: true, children: _jsxs(HeaderWrapper, { children: [header, " ", icon] }) })) : (_jsx(HeaderWrapper, { children: header }));
-    const footerWrapper = footer && (_jsx(FooterWrapper, { align: footerAlignment, children: footer }));
-    return (_jsxs("div", { role: "group", css: (theme) => [
-            styles.default(theme),
-            css && css,
-            type === 'mysite' && styles.mysite(theme),
-            noshadow && styles.noshadow,
-            background && styles.background(background),
-            styles.padding,
-        ], className: className, ...restProps, children: [header && headerWrapper, (isOpen || !collapsable) && !hideContent && (_jsxs(_Fragment, { children: [_jsx(ContentWrapper, { hasPadding: contentHasPadding, hasHeader: !header, children: _jsx(_Fragment, { children: children }) }), footer && footerWrapper] }))] }));
-};
-export default Box;

package/lib/v2/core/Box/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Box/styles.ts"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAGhD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAWV,SAAS;;qBAQR,MAAM;;CASxB,CAAA;AAED,QAAA,MAAM,aAAa;;SAhBR,MAAO,WAAW;yGA0B5B,CAAA;AACD,QAAA,MAAM,aAAa;;SA3BR,MAAO,WAAW;;WA2Ba,OAAO,GAAG,KAAK,GAAG,QAAQ;yGAQnE,CAAA;AAED,QAAA,MAAM,cAAc;;SArCT,MAAO,WAAW;;gBAqCmB,OAAO;eAAa,OAAO;yGAQ1E,CAAA;AAED,QAAA,MAAM,cAAc;gBA3DA,MAChB,SAAQ;iBAGG,MACT,SAAO;0BAIiB,MAC1B,SAAI;;;;sBAYJ,MAAK,UAAU;wBAOL,MACV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAgCb,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/lib/v2/core/Box/styles.js

@@ -1,69 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import Button from '../Button';
-import bp from '../../../globals/styles/breakpoints';
-const styles = {
-    default: (theme) => css `
-    position: relative;
-    border-radius: 8px;
-    background: #ffffff;
-    box-shadow: ${theme.shadowSmall};
-
-    & > button {
-      width: 100%;
-      display: block;
-    }
-  `,
-    mysite: (theme) => css `
-    padding: 0.5em 0;
-    border-radius: ${theme.mypageBoxBorderRadius};
-    box-shadow: ${theme.mypageBoxShadow};
-  `,
-    noshadow: css `
-    box-shadow: none;
-  `,
-    background: (bg) => css `
-    background: ${bg};
-  `,
-    padding: css `
-    padding: 1.5rem 0;
-    @media (max-width: ${bp.small}) {
-      padding: 1rem 0;
-    }
-  `,
-};
-const HeaderWrapper = styled.div `
-  display: flex;
-  justify-content: space-between;
-  svg {
-    align-self: center;
-  }
-  padding: 0 1.5rem 0 1.5rem;
-  @media (max-width: ${bp.small}) {
-    padding: 0 1rem 0 1rem;
-  }
-`;
-const FooterWrapper = styled.div `
-  display: flex;
-  justify-content: ${(props) => props.align || 'start'};
-
-  padding: 1rem 1.5rem 0 1.5rem;
-  @media (max-width: ${bp.small}) {
-    padding: 1rem 1rem 0 1rem;
-  }
-`;
-const ContentWrapper = styled.div `
-  display: block;
-  padding: ${(props) => (props.hasPadding ? '0 1.5rem' : '0')};
-  padding-top: ${(props) => (props.hasHeader ? '0' : '1rem')};
-  @media (max-width: ${bp.small}) {
-    padding: ${(props) => (props.hasPadding ? '0 1rem' : '0')};
-    padding-top: ${(props) => (props.hasHeader ? '0' : '0.5rem')};
-  }
-`;
-const CollapseButton = styled(Button) `
-  display: block;
-  width: 100%;
-`;
-export default styles;
-export { styles, HeaderWrapper, FooterWrapper, ContentWrapper, CollapseButton };

package/lib/v2/core/BoxedTable/BoxedTable.stories.d.ts

@@ -1,35 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Table: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithCheckbox: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithSort: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Mysite: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Compact: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Expandable: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const DragAndDropList: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const DragAndDropListDragDisabled: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/v2/core/BoxedTable/BoxedTable.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxedTable.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/BoxedTable/BoxedTable.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAMlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,KAAK;;;CAwBjB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAgCxB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CA6CpB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAyClB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAyCnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CA0BtB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAgC3B,CAAA;AAED,eAAO,MAAM,2BAA2B;;;CA+BvC,CAAA"}

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import BoxedTable from '.';
-import TableHeader from './TableHeader';
-import HeaderCell from './HeaderCell';
-import TableRow from './TableRow';
-import RowCell from './RowCell';
-import DraggableRow from './DraggableRow';
-import Checkbox from '../../../core/Checkbox';
-export default {
-    title: 'v2/Core/BoxedTable',
-    component: BoxedTable,
-};
-export const Table = {
-    render: () => (_jsxs(BoxedTable, { columns: "2fr 1fr 1fr", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { children: "Header 1" }), _jsx(HeaderCell, { children: "Header 2" }), _jsx(HeaderCell, { align: "center", children: "Header 3 centered" })] }), _jsxs(TableRow, { onClick: () => console.log('row clicked'), children: [_jsx(RowCell, { children: "Clickable row cell 1" }), _jsx(RowCell, { pLeft: "1em", pRight: "0.5em", size: "12px", children: "cell 2 with custom padding and size" }), _jsx(RowCell, { align: "center", children: "cell 3 centered" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { mobileTitle: "Mobile title", children: "Non clickable row cell 1" }), _jsx(RowCell, { mobileTitle: "Mobile title", children: "cell 2" }), _jsx(RowCell, { align: "right", children: "cell 3 right align" })] })] })),
-    name: 'Table',
-};
-export const WithCheckbox = {
-    render: () => (_jsxs(BoxedTable, { hasCheckbox: true, columns: "35px 1fr 1fr", type: "compact", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, {}), _jsx(HeaderCell, { children: "Header 1" }), _jsx(HeaderCell, { children: "Header 2" })] }), _jsxs(TableRow, { children: [_jsx(Checkbox, { checked: true }), _jsx(RowCell, { children: "cell 2 with custom padding and size" }), _jsx(RowCell, { children: "cell 3 centered with very long text blablablablablablablablablabla" }), _jsx(RowCell, { children: "cell 3 centered" })] }), _jsxs(TableRow, { children: [_jsx(Checkbox, { checked: true }), _jsx(RowCell, { children: "cell 2" }), _jsx(RowCell, { children: "cell 3 right align" }), _jsx(RowCell, { children: "cell 3 right align" })] }), _jsxs(TableRow, { children: [_jsx(Checkbox, { checked: true }), _jsx(RowCell, { children: "cell 2" }), _jsx(RowCell, { children: "cell 3 right align" }), _jsx(Checkbox, { children: "Should not break" })] })] })),
-    name: 'Checkbox',
-};
-export const WithSort = {
-    render: () => (_jsxs(BoxedTable, { columns: "2fr 1fr 1fr", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { sortable: true, sortOrder: "asc", noSortReturnValue: "my value", onSortChange: (e) => console.log('sort changed with value:', e), children: "Sortable headers" }), _jsx(HeaderCell, { sortable: true, sortOrder: "desc", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 2" }), _jsx(HeaderCell, { sortable: true, sortOrder: "none", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { className: "my-classname", children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { ellipsis: true, title: "Hello lots of stuff can be found here", children: "Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff" })] })] })),
-    name: 'With sort',
-};
-export const Mysite = {
-    render: () => (_jsxs(BoxedTable, { type: "mysite", columns: "2fr 1fr 1fr", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { sortable: true, sortOrder: "asc", noSortReturnValue: "my value", onSortChange: (e) => console.log('sort changed with value:', e), children: "Sortable headers" }), _jsx(HeaderCell, { sortable: true, sortOrder: "desc", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 2" }), _jsx(HeaderCell, { sortable: true, sortOrder: "none", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { children: "row 2 cell 3" })] })] })),
-    name: 'Mysite',
-};
-export const Compact = {
-    render: () => (_jsxs(BoxedTable, { type: "compact", columns: "2fr 1fr 1fr", minWidth: "100%", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { sortable: true, sortOrder: "asc", noSortReturnValue: "my value", onSortChange: (e) => console.log('sort changed with value:', e), children: "Sortable headers" }), _jsx(HeaderCell, { sortable: true, sortOrder: "desc", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 2" }), _jsx(HeaderCell, { sortable: true, sortOrder: "none", onSortChange: (e) => console.log('sort changed with value:', e), children: "Header 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { children: "row 2 cell 3" })] })] })),
-    name: 'Compact',
-};
-export const Expandable = {
-    render: () => (_jsxs(BoxedTable, { type: "mysite", columns: "1fr 1fr 1fr", children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { children: "Header 1" }), _jsx(HeaderCell, { children: "Header 2" }), _jsx(HeaderCell, { children: "Header 3" })] }), _jsxs(TableRow, { expandable: true, expandableContent: _jsx("span", { children: "This is some nice content" }), defaultExpanded: true, children: [_jsx(RowCell, { children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(TableRow, { children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { children: "row 2 cell 3" })] })] })),
-    name: 'Expandable',
-};
-export const DragAndDropList = {
-    render: () => (_jsxs(BoxedTable, { columns: "1fr 1fr 1fr", onDrop: console.log, children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { children: "Header 1" }), _jsx(HeaderCell, { children: "Header 2" }), _jsx(HeaderCell, { align: "center", children: "Header 3 centered" })] }), _jsxs(DraggableRow, { id: "1", index: 0, subContent: _jsxs("div", { children: [_jsx("span", { children: "This is some nice content" }), _jsx("br", {}), _jsx("span", { children: "Here we can add lots of stuff" })] }), children: [_jsx(RowCell, { children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(DraggableRow, { id: "2", index: 1, children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { children: "row 2 cell 3" })] })] })),
-    name: 'Drag and drop list',
-};
-export const DragAndDropListDragDisabled = {
-    render: () => (_jsxs(BoxedTable, { columns: "1fr 1fr 1fr", onDrop: console.log, children: [_jsxs(TableHeader, { children: [_jsx(HeaderCell, { children: "Header 1" }), _jsx(HeaderCell, { children: "Header 2" }), _jsx(HeaderCell, { align: "center", children: "Header 3 centered" })] }), _jsxs(DraggableRow, { disableDrag: true, id: "1", index: 0, subContent: _jsx("div", { children: _jsx("span", { children: "This is some nice content" }) }), children: [_jsx(RowCell, { children: "row 1 cell 1" }), _jsx(RowCell, { children: "row 1 cell 2" }), _jsx(RowCell, { children: "row 1 cell 3" })] }), _jsxs(DraggableRow, { disableDrag: true, id: "2", index: 1, children: [_jsx(RowCell, { children: "row 2 cell 1" }), _jsx(RowCell, { children: "row 2 cell 2" }), _jsx(RowCell, { children: "row 2 cell 3" })] })] })),
-    name: 'Drag and drop list (drag disabled)',
-};

package/lib/v2/core/BoxedTable/DraggableRow/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CA8B5B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/v2/core/BoxedTable/DraggableRow/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Draggable } from 'react-beautiful-dnd';
-import IconRearrange from '../../../../icons/General/IconRearrange';
-import { ContentWrapper, DragIcon, DraggableWrapper, ExtraWrapper, RowWrapper, } from './styles';
-const DraggableRow = ({ id, index, children, subContent, disableDrag = false, }) => (_jsx(Draggable, { draggableId: id, index: index, isDragDisabled: disableDrag, children: (provided) => (_jsxs(DraggableWrapper, { className: "table-dragable", ref: provided.innerRef, ...provided.dragHandleProps, ...provided.draggableProps, children: [_jsxs(RowWrapper, { className: "table-dragrow", children: [_jsx(DragIcon, { children: !disableDrag && _jsx(IconRearrange, { size: "14px" }) }), _jsx(ContentWrapper, { children: children })] }), subContent && _jsx(ExtraWrapper, { children: subContent })] })) }, id));
-export default DraggableRow;

package/lib/v2/core/BoxedTable/DraggableRow/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;SAqBR,MACjB,WAAW;yGAbd,CAAA;AAED,eAAO,MAAM,cAAc;;SAUN,MACjB,WAAW;yGANd,CAAA;AAED,eAAO,MAAM,UAAU;;SAGF,MACjB,WAAW;yGAEd,CAAA;AAED,eAAO,MAAM,YAAY;;SALJ,MACjB,WAAW;yGAOd,CAAA;AAED,eAAO,MAAM,QAAQ;;SAVA,MACjB,WAAW;2GASsB,CAAA"}

package/lib/v2/core/BoxedTable/DraggableRow/styles.js

@@ -1,30 +0,0 @@
-import styled from '@emotion/styled';
-import bp from '../../../../globals/styles/breakpoints';
-export const DraggableWrapper = styled.div `
-  grid-row-gap: 1em;
-  background-color: #ffffff;
-  align-content: center;
-  align-items: center;
-
-  @media screen and (max-width: ${bp.medium}) {
-    grid-column-gap: 1em;
-  }
-`;
-export const ContentWrapper = styled.div `
-  display: grid;
-  grid-auto-flow: column;
-  align-content: center;
-  align-items: center;
-`;
-export const RowWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 15px 2fr;
-  grid-column-gap: 2em;
-  grid-column: 2;
-  align-items: center;
-`;
-export const ExtraWrapper = styled.div `
-  margin-left: calc(15px + 2em);
-  padding-bottom: 1em;
-`;
-export const DragIcon = styled.span ``;

package/lib/v2/core/BoxedTable/HeaderCell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC1C,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+ChC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/v2/core/BoxedTable/HeaderCell/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { SortButtonStyle, Wrapper } from './styles';
-import { Button } from '../../..';
-import IconCaretUp from '../../../../icons/General/IconCaretUp';
-import IconCaretDown from '../../../../icons/General/IconCaretDown';
-const HeaderCell = ({ align = 'left', sortable, sortOrder, children, onSortChange, ascendingReturnValue = 'asc', descendingReturnValue = 'desc', noSortReturnValue = '', revertOrder, }) => {
-    const justify = align === 'right' ? 'flex-end' : align;
-    const sortIcon = sortOrder === 'asc' ? _jsx(IconCaretUp, {}) : _jsx(IconCaretDown, {});
-    const SortButton = children && (_jsx(Button, { nostyle: true, css: SortButtonStyle(sortOrder !== 'none'), onClick: () => sortable &&
-            onSortChange &&
-            onSortChange(sortOrder === 'asc'
-                ? revertOrder
-                    ? descendingReturnValue
-                    : noSortReturnValue
-                : sortOrder === 'desc'
-                    ? revertOrder
-                        ? noSortReturnValue
-                        : ascendingReturnValue
-                    : revertOrder
-                        ? ascendingReturnValue
-                        : descendingReturnValue), afterIcon: sortIcon, children: children }));
-    return (_jsx(Wrapper, { justify: justify, className: "table-cell", children: sortable ? SortButton : children }));
-};
-export default HeaderCell;

package/lib/v2/core/BoxedTable/HeaderCell/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAOnB,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,8CAG9C,CAAA"}

package/lib/v2/core/BoxedTable/HeaderCell/styles.js

@@ -1,12 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div((props) => css `
-    display: flex;
-    justify-self: ${props.justify};
-    font-size: 14px;
-    align-items: center;
-  `);
-export const SortButtonStyle = (active) => css `
-  font-weight: 600;
-  opacity: ${active ? '1' : '0.5'};
-`;

package/lib/v2/core/BoxedTable/RowCell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/RowCell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC7C,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiC7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/v2/core/BoxedTable/RowCell/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { styles, Wrapper } from './styles';
-const RowCell = ({ align = 'left', mobileTitle, children, breakWord, pLeft, pRight, size, ellipsis, title, className, }) => {
-    const justify = align === 'right' ? 'flex-end' : align;
-    return (_jsx(Wrapper, { className: `${className ? className + ' ' : ''}table-cell`, "data-title": mobileTitle ? mobileTitle + ':' : null, css: [
-            mobileTitle && styles.beforeStyle(size),
-            breakWord && styles.breakWord,
-            pLeft && styles.paddingLeft(pLeft),
-            pRight && styles.paddingRight(pRight),
-            size && styles.setFontSize(size),
-            ellipsis && styles.ellipsis,
-            align === 'center' && styles.textcenter,
-        ], justify: justify, title: title, children: children }));
-};
-export default RowCell;

package/lib/v2/core/BoxedTable/RowCell/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/RowCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAKnB,CAAA;AAED,eAAO,MAAM,MAAM;yBACI,MAAM;;0BAgBL,MAAM;yBAGP,MAAM;yBAGN,MAAM;;;CAa5B,CAAA;AAED,eAAO,MAAM,eAAe,2CAK3B,CAAA"}

package/lib/v2/core/BoxedTable/RowCell/styles.js

@@ -1,49 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div((props) => css `
-    display: flex;
-    justify-self: ${props.justify};
-  `);
-export const styles = {
-    beforeStyle: (size) => css `
-    &::before {
-      content: attr(data-title);
-      font-weight: 600;
-      font-family: 'Source Sans Pro', sans-serif;
-      font-size: ${size ? size : '16px'};
-      margin-right: 5px;
-      display: none;
-    }
-  `,
-    breakWord: css `
-    word-break: break-word;
-    & > * {
-      word-break: break-word;
-    }
-  `,
-    paddingRight: (value) => css `
-    padding-right: ${value} !important;
-  `,
-    paddingLeft: (value) => css `
-    padding-left: ${value} !important;
-  `,
-    setFontSize: (value) => css `
-    font-size: ${value};
-  `,
-    ellipsis: css `
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: 100%;
-    display: block;
-  `,
-    textcenter: css `
-    text-align: center;
-  `,
-};
-export const SortButtonStyle = css `
-  & > span {
-    font-weight: 600;
-    opacity: 0.5;
-  }
-`;