@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Calendar/CalendarEvent/index.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, createRef } from 'react';
-import { CalendarEventBtn, Div, EventContent, InformationBox, InformationWrapper, } from './styles';
-import Text from '../../Text';
-import { useTheme } from '@emotion/react';
-import { getFormattedDate } from '../../../utils/format';
-import Header from '../../Header';
-import { DDMMYYYY, ddmmyyyy } from '../../../utils/dates';
-import { AnimatePresence } from 'motion/react';
-const CalendarEvent = ({ trackingName, event }) => {
-    const theme = useTheme();
-    const ref = createRef();
-    const [showTooltip, setShowTooltip] = useState(false);
-    const handleClick = (e) => {
-        e.stopPropagation();
-        setShowTooltip(!showTooltip);
-    };
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node = ref.current;
-            if (node && node.contains(e.target)) {
-                return;
-            }
-            setShowTooltip(false);
-        };
-        if (showTooltip) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [showTooltip, ref]);
-    return (_jsxs(InformationWrapper, { ref: ref, "aria-label": `Kalenderhendelse ${getFormattedDate(event.date, DDMMYYYY)}`, children: [_jsx(CalendarEventBtn, { trackingName: trackingName, onClick: handleClick, background: theme.illustrationPrimary10, children: event.title }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(InformationBox, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.1 }, children: _jsxs(EventContent, { children: [_jsx(Header, { level: 5, children: event.title }), _jsxs(Div, { children: [_jsx(Text, { size: "14px", children: getFormattedDate(event.date, ddmmyyyy) }), event.dateNote && _jsx(Text, { size: "14px", children: event.dateNote })] }), _jsx(Text, { size: "14px", paragraph: true, align: "left", children: event.description })] }) })) })] }));
-};
-export default CalendarEvent;

package/lib/core/Calendar/CalendarEvent/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Calendar/CalendarEvent/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,mKAa5B,CAAA;AAED,eAAO,MAAM,kBAAkB;;SAMR,MAAO,WAAW;2GAFxC,CAAA;AAED,eAAO,MAAM,cAAc;;UAqB1B,CAAA;AAED,eAAO,MAAM,YAAY;;SAvBF,MAAO,WAAW;yGA6BxC,CAAA;AAED,eAAO,MAAM,GAAG;;SA/BO,MAAO,WAAW;yGAmCxC,CAAA"}

package/lib/core/Calendar/CalendarEvent/styles.js

@@ -1,54 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { motion } from 'motion/react';
-export const CalendarEventBtn = styled.button((props) => css `
-    width: 90%;
-    border: none;
-    border-radius: 4px;
-    background-color: ${props.background};
-    font-weight: 600;
-    cursor: pointer;
-    text-align: left;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  `);
-export const InformationWrapper = styled.span `
-  display: block;
-  position: relative;
-  font-weight: 400;
-`;
-export const InformationBox = styled(motion.div) `
-  position: absolute;
-  width: 22vw;
-  text-align: center;
-  border-radius: 10px;
-  background-color: white;
-  z-index: 1;
-  top: -20px;
-  left: calc(100% + 10px);
-  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
-
-  &::after {
-    content: '';
-    position: absolute;
-    border-width: 12px;
-    border-style: solid;
-    top: 20px;
-    right: 100%;
-    margin-left: -5px;
-    border-color: transparent white transparent transparent;
-  }
-`;
-export const EventContent = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 0.5em;
-  justify-items: start;
-  padding: 1em;
-`;
-export const Div = styled.div `
-  display: flex;
-  justify-content: space-between;
-  width: 95%;
-`;

package/lib/core/Calendar/CalendarSmallEvent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Calendar/CalendarSmallEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAa7D,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAK5B,UAAU,MAAM;IACd,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmExC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/core/Calendar/CalendarSmallEvent/index.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, createRef } from 'react';
-import { CalendarSmallEventBtn, Div, EventContent, InformationBox, InformationWrapper, } from './styles';
-import { AnimatePresence } from 'motion/react';
-import Text from '../../Text';
-import { useTheme } from '@emotion/react';
-import { getFormattedDate } from '../../../utils/format';
-import Header from '../../Header';
-import { ddmmyyyy } from '../../../utils/dates';
-const CalendarSmallEvent = ({ trackingName, events }) => {
-    const theme = useTheme();
-    const ref = createRef();
-    const [showTooltip, setShowTooltip] = useState(false);
-    const handleClick = (e) => {
-        e.stopPropagation();
-        setShowTooltip(!showTooltip);
-    };
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node = ref.current;
-            if (node && node.contains(e.target)) {
-                return;
-            }
-            setShowTooltip(false);
-        };
-        if (showTooltip) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [showTooltip, ref]);
-    return (_jsxs(InformationWrapper, { ref: ref, onClick: handleClick, children: [_jsx(CalendarSmallEventBtn, { trackingName: trackingName, background: theme.primary }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(InformationBox, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.1 }, children: events.length > 0 &&
-                        events.map((event, i) => (_jsxs(EventContent, { children: [_jsx(Header, { level: 5, children: event.title }), _jsxs(Div, { children: [_jsx(Text, { size: "14px", children: getFormattedDate(event.date, ddmmyyyy) }), event.dateNote && (_jsx(Text, { size: "14px", children: event.dateNote }))] }), _jsx(Text, { size: "14px", paragraph: true, align: "left", children: event.description })] }, i))) })) })] }));
-};
-export default CalendarSmallEvent;

package/lib/core/Calendar/CalendarSmallEvent/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Calendar/CalendarSmallEvent/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,mKAUjC,CAAA;AAED,eAAO,MAAM,kBAAkB;;SAYG,MAAO,WACvC;2GAHD,CAAA;AAED,eAAO,MAAM,cAAc;;UA+B1B,CAAA;AAED,eAAO,MAAM,YAAY;;SAjCS,MAAO,WACvC;yGA2CD,CAAA;AAED,eAAO,MAAM,GAAG;;SA9CkB,MAAO,WACvC;yGAiDD,CAAA"}

package/lib/core/Calendar/CalendarSmallEvent/styles.js

@@ -1,72 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { motion } from 'motion/react';
-export const CalendarSmallEventBtn = styled.button((props) => css `
-    height: 8px;
-    width: 8px;
-    border-radius: 50%;
-    padding: 0;
-    border: none;
-    background-color: ${props.background};
-    margin-top: 30px;
-  `);
-export const InformationWrapper = styled.span `
-  display: block;
-  font-weight: 400;
-  height: 50px;
-  margin-top: -22px;
-  cursor: pointer;
-
-  &:active {
-    outline: none;
-  }
-`;
-export const InformationBox = styled(motion.div) `
-  position: absolute;
-  width: 100%;
-  left: 0;
-  text-align: center;
-  border-radius: 10px;
-  background-color: white;
-  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
-  z-index: 3;
-
-  h5 {
-    text-align: left;
-  }
-
-  &.tooltip-enter {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  &.tooltip-enter-active {
-    opacity: 1;
-    transform: translateX(0);
-    transition: opacity 80ms, transform 80ms;
-  }
-  &.tooltip-exit {
-    opacity: 1;
-  }
-  &.tooltip-exit-active {
-    opacity: 0;
-    transform: scale(0.9);
-    transition: opacity 80ms, transform 80ms;
-  }
-`;
-export const EventContent = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 0.5em;
-  justify-items: start;
-  padding: 1em;
-  border-bottom: 1px solid #efefef;
-
-  &:last-of-type {
-    border-bottom: none;
-  }
-`;
-export const Div = styled.div `
-  display: flex;
-  justify-content: space-between;
-  width: 95%;
-`;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,MAAM;IACd,KAAK,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoE9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Calendar/index.js

@@ -1,31 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { DayPicker } from 'react-day-picker';
-import { MONTHS_SHORT, mmYYYY } from '../../utils/dates';
-import { nb } from 'date-fns/locale';
-import { CalendarCell, CalendarDate, CalendarSmallCell, CalendarSmallDate, Wrapper, } from './styles';
-import Text from '../Text';
-import { getEventForDay } from './util';
-import CalendarEvent from './CalendarEvent';
-import CalendarSmallEvent from './CalendarSmallEvent';
-import { getFormattedDate } from '../../utils/format';
-const Calendar = ({ month, small, events }) => {
-    const renderDay = ({ day }) => {
-        return small ? renderSmall(day) : renderNormal(day);
-    };
-    const renderSmall = (day) => {
-        const date = day.date.getDate();
-        const dayEvents = events && getEventForDay(events, day.date);
-        return (_jsxs(CalendarSmallCell, { children: [_jsx(CalendarSmallDate, { children: _jsxs(Text, { semibold: day.date.getMonth() === month.getMonth(), subtle: day.date.getMonth() !== month.getMonth(), children: [date, date === 1 && !small
-                                ? ' ' + MONTHS_SHORT[day.date.getMonth()]
-                                : ''] }) }), dayEvents && dayEvents.length > 0 && (_jsx(CalendarSmallEvent, { events: dayEvents }))] }));
-    };
-    const renderNormal = (day) => {
-        const date = day.date.getDate();
-        const dayEvents = events && getEventForDay(events, day.date);
-        return (_jsxs(CalendarCell, { className: "rdp-cell", subtle: day.date.getDay() === 6 || day.date.getDay() === 0, children: [_jsx(CalendarDate, { children: _jsxs(Text, { semibold: day.date.getMonth() === month.getMonth(), subtle: day.date.getMonth() !== month.getMonth(), children: [date, date === 1 ? ' ' + MONTHS_SHORT[day.date.getMonth()] : ''] }) }), dayEvents &&
-                    dayEvents.length > 0 &&
-                    dayEvents.map((e, i) => _jsx(CalendarEvent, { event: e }, i))] }));
-    };
-    return (_jsx(Wrapper, { small: small, children: _jsx(DayPicker, { disableNavigation: true, month: month, components: { Day: renderDay }, hideNavigation: true, pagedNavigation: false, locale: nb, weekStartsOn: 1, showWeekNumber: true, showOutsideDays: true, "aria-label": `Kalender for ${getFormattedDate(month, mmYYYY)}` }) }));
-};
-export default Calendar;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Calendar/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;SAsBd,MAAA,WAAW;;YArBO,OAAO;yGAuD9B,CAAA;AAED,eAAO,MAAM,YAAY,uJAUxB,CAAA;AAED,eAAO,MAAM,YAAY;;SAhDnB,MAAA,WAAW;yGAkDhB,CAAA;AAED,eAAO,MAAM,iBAAiB;;SApDxB,MAAA,WAAW;yGAuDhB,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAzDxB,MAAA,WAAW;yGA2DhB,CAAA"}

package/lib/core/Calendar/styles.js

@@ -1,76 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div(({ small }) => css `
-    .rdp-root {
-      margin: 0;
-    }
-    .rdp-weeks {
-      padding-left: ${small ? '20px' : '0'};
-    }
-    // Week row
-    .rdp-week {
-      position: relative;
-      border-top: ${small ? '1px solid #d7d7d7' : 'none'};
-      margin-left: ${small ? '20px' : '0'};
-    }
-
-    .rdp-week_number {
-      opacity: 0.5;
-    }
-    // Weeknumber cell
-    .rdp-week:first-of-type {
-      z-index: 2;
-      padding: 0;
-      border-right: none;
-      cursor: default;
-
-      span {
-        color: #8b9898;
-        font-size: ${small ? '12px' : '16px'};
-        width: fit-content;
-        height: unset;
-      }
-    }
-    // Day cell
-    .rdp-cell {
-      padding: 0;
-      border-right: ${small ? 'none' : '2px solid #d7d7d7'};
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    .rdp-week {
-      display: flex;
-    }
-
-    .rdp-month_grid {
-      & > thead {
-        display: none;
-      }
-    }
-
-    .rdp-caption_label {
-      display: none;
-    }
-  `);
-export const CalendarCell = styled.div((props) => css `
-    position: relative;
-    height: 8vw;
-    width: 10vw;
-    background-color: ${props.subtle ? '#F3F3F3' : 'white'};
-    &.rdp-cell {
-      padding-top: 30px;
-    }
-  `);
-export const CalendarDate = styled.div `
-  margin-left: 8px;
-`;
-export const CalendarSmallCell = styled.div `
-  height: 50px;
-  width: 10vw;
-`;
-export const CalendarSmallDate = styled.div `
-  padding-top: 2px;
-`;

package/lib/core/Calendar/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Calendar/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAA;AAG1B,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,EAAE,KAAK,IAAI,aAQzD,CAAA"}

package/lib/core/Calendar/util.js

@@ -1,9 +0,0 @@
-import { datesAreOnSameDay } from '../../utils/dates';
-export const getEventForDay = (events, day) => {
-    const res = [];
-    for (let event of events) {
-        if (datesAreOnSameDay(event.date, day))
-            res.push(event);
-    }
-    return res;
-};

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

@@ -1,33 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Card from '.';
-declare const meta: Meta<typeof Card>;
-export default meta;
-type Story = StoryObj<typeof Card>;
-export declare const Default: Story;
-export declare const WithHover: {
-    args: {
-        withhover: boolean;
-        children: string;
-    };
-    name: string;
-};
-export declare const WithShadow: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithPrimary: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithGray: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithOverflowVisible: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const ClickableCard: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAGpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAa/B,CAAA;AAED,eAAO,MAAM,aAAa;;;CAOzB,CAAA"}

package/lib/core/Card/Card.stories.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Card from '.';
-import Dropdown from '../Dropdown';
-const meta = {
-    title: 'Core/Card',
-    component: Card,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Stuff',
-    },
-    name: 'Default',
-};
-export const WithHover = {
-    args: {
-        withhover: true,
-        children: 'Hover me!',
-    },
-    name: 'With hover',
-};
-export const WithShadow = {
-    render: () => _jsx(Card, { shadow: true, children: "Shadow" }),
-    name: 'With shadow',
-};
-export const WithPrimary = {
-    render: () => _jsx(Card, { primary: true, children: "Primary" }),
-    name: 'With primary',
-};
-export const WithGray = {
-    render: () => _jsx(Card, { gray: true, children: "Gray" }),
-    name: 'With gray',
-};
-export const WithOverflowVisible = {
-    render: () => (_jsx(Card, { shadow: true, overflowvisible: true, children: _jsxs(Dropdown, { children: [_jsx("p", { children: "Option 1" }), _jsx("p", { children: "Option 2" }), _jsx("p", { children: "Option 3" }), _jsx("p", { children: "Option 4" })] }) })),
-    name: 'With overflow visible',
-};
-export const ClickableCard = {
-    render: () => (_jsx(Card, { shadow: true, overflowvisible: true, onClick: () => console.log('heya'), children: "Click me.." })),
-    name: 'Clickable card',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAiCjD,QAAA,MAAM,IAAI;IA5BR,mCAAmC;gBACvB,OAAO;IACnB,qCAAqC;cAC3B,OAAO;IACjB,4BAA4B;WACrB,OAAO;IACd,gCAAgC;cACtB,MAAM,IAAI;IACpB,iBAAiB;gBACL,OAAO;IACnB,iCAAiC;mBAClB,OAAO;IACtB,yBAAyB;aAChB,MAAM;IACf,0CAA0C;mBAC3B,OAAO;IACtB,+CAA+C;aACtC,OAAO;IAChB,6BAA6B;sBACX,OAAO;IACzB,+BAA+B;UACzB,gBAAgB;IACtB,qBAAqB;gBACT,MAAM;IAClB,eAAe;eACJ,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;wCAuC/C,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Card/index.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import { styles } from './styles';
-import { Key } from '../../enums/Keyboard';
-const Card = React.forwardRef(({ className, ...props }, ref) => {
-    const handleOnKeyPress = (e) => {
-        if (e.key === Key.enter || e.key === Key.space) {
-            if (props.onClick) {
-                props.onClick();
-            }
-        }
-    };
-    return (_jsx("div", { ref: ref, css: (theme) => [
-            styles.default(theme),
-            props.shadow && styles.shadow(theme),
-            props.withhover && styles.withHover(theme),
-            props.primary && styles.primary(theme),
-            props.gray && styles.gray,
-            props.noPadding && styles.noPadding,
-            props.height && styles.height(props.height),
-            props.nobackground && styles.nobackground,
-            props.largePadding && styles.largePadding,
-            props.overflowvisible && styles.overflowvisible,
-            props.css && props.css,
-        ], tabIndex: props.onClick ? 0 : undefined, onClick: props.onClick, onKeyPress: handleOnKeyPress, className: className, ...props, children: props.children }));
-});
-export default Card;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;;uBAWP,SAAS;oBAQZ,SAAS;qBAGR,SAAS;;;;;qBAeT,MAAM;;CAMxB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Card/styles.js

@@ -1,48 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css `
-    position: relative;
-    padding: 30px 20px;
-    border-radius: ${theme.preemptionCardBorderRadius};
-    background-color: #ffffff;
-    overflow: hidden;
-  `,
-    withHeader: css `
-    padding: 0;
-    padding-bottom: 30px;
-  `,
-    withHover: (theme) => css `
-    cursor: pointer;
-    transition: all 0.3s ease-in-out;
-    &:hover {
-      background-color: #ffffff;
-      box-shadow: ${theme.shadowBig};
-    }
-  `,
-    shadow: (theme) => css `
-    box-shadow: ${theme.shadowSmall};
-  `,
-    primary: (theme) => css `
-    background-color: ${theme.primary};
-  `,
-    gray: css `
-    background-color: rgba(0, 0, 0, 0.03);
-  `,
-    noPadding: css `
-    padding: 0;
-  `,
-    largePadding: css `
-    padding: 2em;
-  `,
-    nobackground: css `
-    background: transparent;
-  `,
-    height: (height) => css `
-    height: ${height}px;
-  `,
-    overflowvisible: css `
-    overflow: visible;
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,10 +0,0 @@
-import Checkbox from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Checkbox>;
-export default meta;
-type Story = StoryObj<typeof Checkbox>;
-export declare const Default: Story;
-export declare const WithoutLabel: Story;
-export declare const Subtle: Story;
-export declare const Checked: Story;
-export declare const Disabled: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,GAAG,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA"}

package/lib/core/Checkbox/Checkbox.stories.js

@@ -1,43 +0,0 @@
-import Checkbox from '.';
-const meta = {
-    title: 'Core/Checkbox',
-    component: Checkbox,
-};
-export default meta;
-export const Default = {
-    args: {
-        value: 'value1',
-        children: 'Option',
-    },
-    name: 'Default',
-};
-export const WithoutLabel = {
-    args: {
-        value: 'value1',
-    },
-    name: 'Without label',
-};
-export const Subtle = {
-    args: {
-        value: 'value1',
-        type: 'subtle',
-        children: 'Option',
-    },
-    name: 'Subtle',
-};
-export const Checked = {
-    args: {
-        value: 'value1',
-        checked: true,
-        children: 'Option',
-    },
-    name: 'Checked',
-};
-export const Disabled = {
-    args: {
-        value: 'value1',
-        disabled: true,
-        children: 'Disabled option',
-    },
-    name: 'Disabled',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7D,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAA;IAC1D,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiE9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Checkbox/index.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React, { useEffect, useState } from 'react';
-import { styles } from './styles';
-const Checkbox = React.forwardRef(({ ...props }, ref) => {
-    const [value, setValue] = useState(props.checked ? true : false);
-    const { checked, disabled, className, disabledHoverState, nomargin, child, type, name, onChange, onClick, id, children, ...restProps } = props;
-    useEffect(() => {
-        setValue(props.checked ? true : false);
-    }, [props.checked]);
-    const handleChange = (e) => {
-        if (props.disabled)
-            return;
-        setValue(!value);
-        props.onChange && props.onChange(e);
-    };
-    return (_jsxs("label", { "aria-label": props['aria-label'], htmlFor: id, className: className, css: (theme) => [
-            styles.default(theme),
-            disabled && styles.disabled(theme, disabledHoverState),
-            nomargin && styles.nomargin,
-            child && styles.child,
-            type === 'subtle' && styles.subtle(theme),
-        ], onClick: (e) => e.stopPropagation(), children: [_jsx("input", { ref: ref, type: "checkbox", role: "checkbox", "aria-checked": value, checked: value, value: props.value, name: name, id: id, disabled: disabled, onClick: onClick, onChange: handleChange, ...restProps }), _jsx("span", {}), children] }));
-});
-export default Checkbox;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;;;sBAmFR,SAAS,UAAU,MAAM;oBAQ3B,SAAS;CAK1B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}