no-frills-ui 0.0.14-alpha.1 → 0.0.14-alpha.3

package/lib-esm/components/Accordion/Accordion.d.ts

@@ -1,7 +1,6 @@
+import { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
-declare function Accordion(props: AccordionProps & {
-    children: any;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Accordion(props: PropsWithChildren<AccordionProps>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var propTypes: {
         /** Currently opened step */
@@ -15,3 +14,4 @@ declare namespace Accordion {
 }
 type AccordionProps = PropTypes.InferProps<typeof Accordion.propTypes>;
 export default Accordion;
+//# sourceMappingURL=Accordion.d.ts.map

package/lib-esm/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAC5F,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,oDA6B1D;kBA7BQ,SAAS;;QAkCd,4BAA4B;;QAE5B,wCAAwC;;;;;;;AAL5C,KAAK,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AAavE,eAAe,SAAS,CAAC"}

package/lib-esm/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useState, Children, cloneElement } from 'react';
+import { useState, Children, cloneElement, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 function Accordion(props) {
     const [active, setActive] = useState(props.active);
@@ -16,9 +16,12 @@ function Accordion(props) {
         }
     };
     return (_jsx(_Fragment, { children: Children.map(props.children, (child, index) => {
+            if (!isValidElement(child)) {
+                return child;
+            }
             return cloneElement(child, {
                 open: active === index,
-                onStepClick: onStepClick(index, child.props.disabled)
+                onStepClick: onStepClick(index, child.props.disabled),
             });
         }) }));
 }
@@ -26,7 +29,7 @@ Accordion.propTypes = {
     /** Currently opened step */
     active: PropTypes.number,
     /** Handler for click event on a step */
-    onStepClick: PropTypes.func
+    onStepClick: PropTypes.func,
 };
 Accordion.defaultProps = {
     active: -1,

package/lib-esm/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,SAAS,SAAS,CAAC,KAAyC;IACxD,MAAM,CAAE,MAAM,EAAE,SAAS,CAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC3D,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9C,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACpB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAA;IAED,OAAO,CACH,4BACC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC3C,OAAO,YAAY,CAAC,KAAK,EAAE;gBACvB,IAAI,EAAE,MAAM,KAAK,KAAK;gBACtB,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACxD,CAAC,CAAC;QACP,CAAC,CAAC,GACC,CACN,CAAA;AACL,CAAC;AAID,SAAS,CAAC,SAAS,GAAG;IAClB,4BAA4B;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,wCAAwC;IACxC,WAAW,EAAE,SAAS,CAAC,IAAI;CAC9B,CAAA;AAED,SAAS,CAAC,YAAY,GAAG;IACrB,MAAM,EAAE,CAAC,CAAC;CACb,CAAA;AAGD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAqB,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,SAAS,SAAS,CAAC,KAAwC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC3D,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACpB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,4BACK,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC3C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,OAAO,YAAY,CAAC,KAAK,EAAE;gBACvB,IAAI,EAAE,MAAM,KAAK,KAAK;gBACtB,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACzB,CAAC,CAAC;QACtC,CAAC,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAID,SAAS,CAAC,SAAS,GAAG;IAClB,4BAA4B;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,wCAAwC;IACxC,WAAW,EAAE,SAAS,CAAC,IAAI;CAC9B,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACrB,MAAM,EAAE,CAAC,CAAC;CACb,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useState, Children, cloneElement, PropsWithChildren, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Accordion(props: PropsWithChildren<AccordionProps>) {\n    const [active, setActive] = useState(props.active);\n\n    const onStepClick = (index: number, disabled: boolean) => () => {\n        if (disabled) {\n            return;\n        }\n\n        const newIndex = index !== active ? index : -1;\n        if (props.onStepClick) {\n            props.onStepClick(newIndex);\n        } else {\n            setActive(newIndex);\n        }\n    };\n\n    return (\n        <>\n            {Children.map(props.children, (child, index) => {\n                if (!isValidElement(child)) {\n                    return child;\n                }\n                return cloneElement(child, {\n                    open: active === index,\n                    onStepClick: onStepClick(index, child.props.disabled),\n                } as Partial<typeof child.props>);\n            })}\n        </>\n    );\n}\n\ntype AccordionProps = PropTypes.InferProps<typeof Accordion.propTypes>;\n\nAccordion.propTypes = {\n    /** Currently opened step */\n    active: PropTypes.number,\n    /** Handler for click event on a step */\n    onStepClick: PropTypes.func,\n};\n\nAccordion.defaultProps = {\n    active: -1,\n};\n\nexport default Accordion;\n"]}

package/lib-esm/components/Accordion/AccordionStep.d.ts

@@ -27,7 +27,8 @@ declare namespace AccordionStep {
 }
 export default AccordionStep;
 type AccordionStepProps = PropTypes.InferProps<typeof AccordionStep.propTypes> & {
-    open: boolean;
+    open?: boolean;
     completed: boolean;
-    onStepClick: () => void;
+    onStepClick?: () => void;
 };
+//# sourceMappingURL=AccordionStep.d.ts.map

package/lib-esm/components/Accordion/AccordionStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionStep.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAgGnC,eAAO,MAAM,iBAAiB;;SA7EL,MAAO,WAAW;qFA+E1C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;SAjFP,MAAO,WAAW;qFAsF1C,CAAC;AAEF,iBAAwB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,oDA6CvF;kBA7CuB,aAAa;;QAgDjC,+BAA+B;;QAE/B,8BAA8B;;QAE9B,4CAA4C;;QAE5C,8BAA8B;;;;;;;;eAtDV,aAAa;AA+DrC,KAAK,kBAAkB,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC"}

package/lib-esm/components/Accordion/AccordionStep.js

@@ -1,39 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useState } from 'react';
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
 import PropTypes from 'prop-types';
-import { Card } from '../Card';
-import { Ellipsis } from '../../shared/styles';
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
 import { FiberManualRecord, ExpandMore } from '../../icons';
 import constants from '../../shared/constants';
+import { Ellipsis } from '../../shared/styles';
 import { Badge, BADGE_TYPE } from '../Badge';
+import { Card } from '../Card';
 const Step = styled(Card) `
-    transition: all .6s ease;
+    transition: all 0.6s ease;
 
-    ${props => props.open && `
+    ${(props) => props.open &&
+    `
         margin: 20px 5px;
     `}
 
-    ${props => props.focused && `box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});`}
+    ${(props) => props.focused && `box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});`}
 `;
 const StepHeader = styled.div `
     padding: 20px 15px;
     display: flex;
     justify-content: space-between;
-    
+
     & input {
         appearance: none;
         margin: 0;
     }
 
-    ${props => props.open ? `
+    ${(props) => props.open
+    ? `
         border-bottom: 1px solid var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});
-    ` : ''}
+    `
+    : ''}
 
-    ${props => props.disabled ? `
+    ${(props) => props.disabled
+    ? `
         color: ${constants.LIGHT_GREY};
-    ` : `
+    `
+    : `
         cursor: pointer;
     `}
 `;
@@ -45,13 +50,13 @@ const HeaderContainer = styled.div `
     & svg {
         vertical-align: top;
         margin-right: 10px;
-        fill: ${props => props.open
+        fill: ${(props) => props.open
     ? `var(--primary, ${constants.PRIMARY})`
     : props.completed
         ? `var(--success, ${constants.SUCCESS})`
         : constants.LIGHT_GREY};
-        transform: ${props => props.open ? 'scale(0.8)' : 'scale(0.6)'};
-        transition: all .3s ease;
+        transform: ${(props) => (props.open ? 'scale(0.8)' : 'scale(0.6)')};
+        transition: all 0.3s ease;
         min-width: 24px;
     }
 `;
@@ -62,20 +67,22 @@ const ExpandContainer = styled.div `
     & svg {
         vertical-align: top;
         margin-right: 10px;
-        transition: all .6s ease;
+        transition: all 0.6s ease;
         fill: currentColor;
     }
 
-    ${props => props.open ? `
+    ${(props) => props.open
+    ? `
         & svg {
             transform: rotate(180deg);
         }
-    ` : ''}
+    `
+    : ''}
 `;
 const StepBody = styled.div `
-    transition: all .6s ease;
+    transition: all 0.6s ease;
     overflow: hidden;
-    height: ${props => props.height || 0}px;
+    height: ${(props) => props.height || 0}px;
 `;
 export const AccordionStepBody = styled.div `
     padding: 20px 15px;
@@ -94,7 +101,9 @@ export default function AccordionStep(props) {
     const toggleFocus = () => {
         setFocused(!focused);
     };
-    return (_jsxs(Step, Object.assign({}, props, { focused: focused, elevated: props.open, children: [_jsxs(StepHeader, { open: open, disabled: disabled, onClick: onStepClick, children: [_jsxs(HeaderContainer, { open: open, completed: completed, children: [_jsx("input", { type: 'checkbox', checked: open, disabled: disabled, onFocus: toggleFocus, onBlur: toggleFocus }), _jsx(FiberManualRecord, {}), _jsx(Ellipsis, { children: header })] }), _jsxs(ExpandContainer, { open: open, children: [errorText && _jsx(Badge, { css: css `margin-right: 15px;`, inline: true, type: BADGE_TYPE.DANGER, children: errorText }), _jsx(ExpandMore, {})] })] }), _jsx(StepBody, { ref: ref, height: open ? height : 0, children: open && props.children })] })));
+    return (_jsxs(Step, Object.assign({}, props, { focused: focused, elevated: props.open, children: [_jsxs(StepHeader, { open: open, disabled: disabled, onClick: onStepClick, children: [_jsxs(HeaderContainer, { open: open, completed: completed, children: [_jsx("input", { type: "checkbox", checked: open, disabled: disabled, onFocus: toggleFocus, onBlur: toggleFocus }), _jsx(FiberManualRecord, {}), _jsx(Ellipsis, { children: header })] }), _jsxs(ExpandContainer, { open: open, children: [errorText && (_jsx(Badge, { css: css `
+                                margin-right: 15px;
+                            `, inline: true, type: BADGE_TYPE.DANGER, children: errorText })), _jsx(ExpandMore, {})] })] }), _jsx(StepBody, { ref: ref, height: open ? height : 0, children: open && props.children })] })));
 }
 AccordionStep.propTypes = {
     /** Header text for the step */
@@ -108,6 +117,6 @@ AccordionStep.propTypes = {
 };
 AccordionStep.defaultProps = {
     completed: false,
-    disabled: false
+    disabled: false,
 };
 //# sourceMappingURL=AccordionStep.js.map

package/lib-esm/components/Accordion/AccordionStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionStep.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionStep.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionStep.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { FiberManualRecord, ExpandMore } from '../../icons';\nimport constants from '../../shared/constants';\nimport { Ellipsis } from '../../shared/styles';\nimport { Badge, BADGE_TYPE } from '../Badge';\nimport { Card } from '../Card';\n\nconst Step = styled(Card)<AccordionStepProps & { focused: boolean }>`\n    transition: all 0.6s ease;\n\n    ${(props) =>\n        props.open &&\n        `\n        margin: 20px 5px;\n    `}\n\n    ${(props) =>\n        props.focused && `box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});`}\n`;\n\nconst StepHeader = styled.div<{ open: boolean; disabled: boolean }>`\n    padding: 20px 15px;\n    display: flex;\n    justify-content: space-between;\n\n    & input {\n        appearance: none;\n        margin: 0;\n    }\n\n    ${(props) =>\n        props.open\n            ? `\n        border-bottom: 1px solid var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});\n    `\n            : ''}\n\n    ${(props) =>\n        props.disabled\n            ? `\n        color: ${constants.LIGHT_GREY};\n    `\n            : `\n        cursor: pointer;\n    `}\n`;\n\nconst HeaderContainer = styled.div<{ open: boolean; completed: boolean }>`\n    display: flex;\n    align-items: center;\n    min-width: 40px;\n\n    & svg {\n        vertical-align: top;\n        margin-right: 10px;\n        fill: ${(props) =>\n            props.open\n                ? `var(--primary, ${constants.PRIMARY})`\n                : props.completed\n                  ? `var(--success, ${constants.SUCCESS})`\n                  : constants.LIGHT_GREY};\n        transform: ${(props) => (props.open ? 'scale(0.8)' : 'scale(0.6)')};\n        transition: all 0.3s ease;\n        min-width: 24px;\n    }\n`;\n\nconst ExpandContainer = styled.div<{ open: boolean }>`\n    display: flex;\n    align-items: center;\n\n    & svg {\n        vertical-align: top;\n        margin-right: 10px;\n        transition: all 0.6s ease;\n        fill: currentColor;\n    }\n\n    ${(props) =>\n        props.open\n            ? `\n        & svg {\n            transform: rotate(180deg);\n        }\n    `\n            : ''}\n`;\n\nconst StepBody = styled.div<{ height: number }>`\n    transition: all 0.6s ease;\n    overflow: hidden;\n    height: ${(props) => props.height || 0}px;\n`;\n\nexport const AccordionStepBody = styled.div`\n    padding: 20px 15px;\n`;\n\nexport const AccordionStepFooter = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    padding: 10px 15px;\n    border-top: 1px solid var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});\n`;\n\nexport default function AccordionStep(props: React.PropsWithChildren<AccordionStepProps>) {\n    const [height, setHeight] = useState(0);\n    const [focused, setFocused] = useState(false);\n    const { open, disabled, header, errorText, completed, onStepClick } = props;\n\n    const ref = (el?: HTMLDivElement) => setHeight(el?.scrollHeight || 0);\n\n    const toggleFocus = () => {\n        setFocused(!focused);\n    };\n\n    return (\n        <Step {...props} focused={focused} elevated={props.open}>\n            <StepHeader open={open} disabled={disabled} onClick={onStepClick}>\n                <HeaderContainer open={open} completed={completed}>\n                    <input\n                        type=\"checkbox\"\n                        checked={open}\n                        disabled={disabled}\n                        onFocus={toggleFocus}\n                        onBlur={toggleFocus}\n                    />\n                    <FiberManualRecord />\n                    <Ellipsis>{header}</Ellipsis>\n                </HeaderContainer>\n                <ExpandContainer open={open}>\n                    {errorText && (\n                        <Badge\n                            css={css`\n                                margin-right: 15px;\n                            `}\n                            inline\n                            type={BADGE_TYPE.DANGER}\n                        >\n                            {errorText}\n                        </Badge>\n                    )}\n                    <ExpandMore />\n                </ExpandContainer>\n            </StepHeader>\n            <StepBody ref={ref} height={open ? height : 0}>\n                {open && props.children}\n            </StepBody>\n        </Step>\n    );\n}\n\nAccordionStep.propTypes = {\n    /** Header text for the step */\n    header: PropTypes.string.isRequired,\n    /** Error text for the step */\n    errorText: PropTypes.string,\n    /** If steps has been marked as completed */\n    completed: PropTypes.bool,\n    /** If the step is disabled */\n    disabled: PropTypes.bool,\n};\n\nAccordionStep.defaultProps = {\n    completed: false,\n    disabled: false,\n};\n\ntype AccordionStepProps = PropTypes.InferProps<typeof AccordionStep.propTypes> & {\n    open?: boolean;\n    completed: boolean;\n    onStepClick?: () => void;\n};\n"]}

package/lib-esm/components/Accordion/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Accordion } from './Accordion';
 export { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './AccordionStep';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib-esm/components/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default as Accordion } from './Accordion';\nexport { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './AccordionStep';\n"]}

package/lib-esm/components/Badge/Badge.d.ts

@@ -23,3 +23,4 @@ declare namespace Badge {
     };
 }
 export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/lib-esm/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,oBAAY,UAAU;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACxB;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AAkCxF,iBAAwB,KAAK,CAAC,KAAK,EAAE,UAAU,oDAE9C;kBAFuB,KAAK;;QAKzB,0DAA0D;;QAE1D,oBAAoB;;;;;;;;;eAPA,KAAK"}

package/lib-esm/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
+import styled from '@emotion/styled';
 import constants from '../../shared/constants';
 export var BADGE_TYPE;
 (function (BADGE_TYPE) {
@@ -11,7 +11,7 @@ export var BADGE_TYPE;
     BADGE_TYPE["DISABLED"] = "disabled";
 })(BADGE_TYPE || (BADGE_TYPE = {}));
 const BadgeSpan = styled.span `
-    background-color: ${props => {
+    background-color: ${(props) => {
     switch (props.type) {
         case BADGE_TYPE.SUCCESS:
             return `var(--success, ${constants.SUCCESS})`;
@@ -27,19 +27,18 @@ const BadgeSpan = styled.span `
 }};
     color: #fff;
     border-radius: 10px;
-    padding: ${props => props.children ? '3px 10px' : '4px'};
+    padding: ${(props) => (props.children ? '3px 10px' : '4px')};
     display: inline-block;
     min-height: 4px;
     min-width: 4px;
     font-size: 12px;
-    margin: ${props => props.inline ? '0 5px' : '0'};
+    margin: ${(props) => (props.inline ? '0 5px' : '0')};
 
-    ${props => !props.inline && 'position: absolute; top: 0; right: 0; transform: translate(50%, -50%);'};
+    ${(props) => !props.inline && 'position: absolute; top: 0; right: 0; transform: translate(50%, -50%);'};
 `;
 export default function Badge(props) {
     return _jsx(BadgeSpan, Object.assign({}, props));
 }
-;
 Badge.propTypes = {
     /** Display badge inline or overlay on parent component */
     inline: PropTypes.bool,

package/lib-esm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IAClB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACvB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAID,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAY;wBACjB,KAAK,CAAC,EAAE;IACxB,QAAO,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,UAAU,CAAC,OAAO;YACnB,OAAO,kBAAkB,SAAS,CAAC,OAAO,GAAG,CAAC;QAElD,KAAK,UAAU,CAAC,OAAO;YACnB,OAAO,eAAe,SAAS,CAAC,OAAO,GAAG,CAAC;QAE/C,KAAK,UAAU,CAAC,MAAM;YAClB,OAAO,gBAAgB,SAAS,CAAC,KAAK,GAAG,CAAC;QAE9C,KAAK,UAAU,CAAC,QAAQ;YACpB,OAAO,mBAAmB,SAAS,CAAC,QAAQ,GAAG,CAAC;QAEpD;YACI,OAAO,kBAAkB,SAAS,CAAC,OAAO,GAAG,CAAC;IACtD,CAAC;AACL,CAAC;;;eAGU,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;;;;;cAK7C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;;MAE7C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,wEAAwE;CACvG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC3C,OAAO,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC;AAAA,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IACd,0DAA0D;IAC1D,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,oBAAoB;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,MAAM;QACjB,UAAU,CAAC,QAAQ;KACtB,CAAC;IACF,GAAG,EAAE,SAAS,CAAC,GAAG;CACrB,CAAA;AAED,KAAK,CAAC,YAAY,GAAG;IACjB,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,UAAU,CAAC,OAAO;CAC3B,CAAA"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IAClB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;AACzB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAID,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAY;wBACjB,CAAC,KAAK,EAAE,EAAE;IAC1B,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU,CAAC,OAAO;YACnB,OAAO,kBAAkB,SAAS,CAAC,OAAO,GAAG,CAAC;QAElD,KAAK,UAAU,CAAC,OAAO;YACnB,OAAO,eAAe,SAAS,CAAC,OAAO,GAAG,CAAC;QAE/C,KAAK,UAAU,CAAC,MAAM;YAClB,OAAO,gBAAgB,SAAS,CAAC,KAAK,GAAG,CAAC;QAE9C,KAAK,UAAU,CAAC,QAAQ;YACpB,OAAO,mBAAmB,SAAS,CAAC,QAAQ,GAAG,CAAC;QAEpD;YACI,OAAO,kBAAkB,SAAS,CAAC,OAAO,GAAG,CAAC;IACtD,CAAC;AACL,CAAC;;;eAGU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;cAKjD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;;MAEjD,CAAC,KAAK,EAAE,EAAE,CACR,CAAC,KAAK,CAAC,MAAM,IAAI,wEAAwE;CAChG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC3C,OAAO,KAAC,SAAS,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC;AAED,KAAK,CAAC,SAAS,GAAG;IACd,0DAA0D;IAC1D,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,oBAAoB;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,MAAM;QACjB,UAAU,CAAC,QAAQ;KACtB,CAAC;IACF,GAAG,EAAE,SAAS,CAAC,GAAG;CACrB,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACjB,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,UAAU,CAAC,OAAO;CAC3B,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport enum BADGE_TYPE {\n    PRIMARY = 'primary',\n    SUCCESS = 'success',\n    WARNING = 'warning',\n    DANGER = 'danger',\n    DISABLED = 'disabled',\n}\n\ntype BadgeProps = React.PropsWithChildren<PropTypes.InferProps<typeof Badge.propTypes>>;\n\nconst BadgeSpan = styled.span<BadgeProps>`\n    background-color: ${(props) => {\n        switch (props.type) {\n            case BADGE_TYPE.SUCCESS:\n                return `var(--success, ${constants.SUCCESS})`;\n\n            case BADGE_TYPE.WARNING:\n                return `var(--info, ${constants.WARNING})`;\n\n            case BADGE_TYPE.DANGER:\n                return `var(--error, ${constants.ERROR})`;\n\n            case BADGE_TYPE.DISABLED:\n                return `var(--disabled, ${constants.DISABLED})`;\n\n            default:\n                return `var(--primary, ${constants.PRIMARY})`;\n        }\n    }};\n    color: #fff;\n    border-radius: 10px;\n    padding: ${(props) => (props.children ? '3px 10px' : '4px')};\n    display: inline-block;\n    min-height: 4px;\n    min-width: 4px;\n    font-size: 12px;\n    margin: ${(props) => (props.inline ? '0 5px' : '0')};\n\n    ${(props) =>\n        !props.inline && 'position: absolute; top: 0; right: 0; transform: translate(50%, -50%);'};\n`;\n\nexport default function Badge(props: BadgeProps) {\n    return <BadgeSpan {...props} />;\n}\n\nBadge.propTypes = {\n    /** Display badge inline or overlay on parent component */\n    inline: PropTypes.bool,\n    /** Type of badge */\n    type: PropTypes.oneOf([\n        BADGE_TYPE.PRIMARY,\n        BADGE_TYPE.SUCCESS,\n        BADGE_TYPE.WARNING,\n        BADGE_TYPE.DANGER,\n        BADGE_TYPE.DISABLED,\n    ]),\n    css: PropTypes.any,\n};\n\nBadge.defaultProps = {\n    inline: false,\n    type: BADGE_TYPE.PRIMARY,\n};\n"]}

package/lib-esm/components/Badge/index.d.ts

@@ -1 +1,2 @@
 export { default as Badge, BADGE_TYPE } from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as Badge, BADGE_TYPE } from './Badge';\n"]}

package/lib-esm/components/Button/ActionButton.d.ts

@@ -3,3 +3,4 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
+//# sourceMappingURL=ActionButton.d.ts.map

package/lib-esm/components/Button/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":";;SAwBQ,MAAA,WAAU;;AArBlB,wBAqCE"}

package/lib-esm/components/Button/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;uCACW,SAAS,CAAC,OAAO;uCACjB,SAAS,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;0CAuBd,SAAS,CAAC,YAAY;;;;qDAIX,SAAS,CAAC,aAAa;;;;4BAIhD,SAAS,CAAC,UAAU;sDACM,SAAS,CAAC,kBAAkB;iCACjD,SAAS,CAAC,QAAQ;;CAElD,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;uCACW,SAAS,CAAC,OAAO;uCACjB,SAAS,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;0CAuBd,SAAS,CAAC,YAAY;;;;qDAIX,SAAS,CAAC,aAAa;;;;4BAIhD,SAAS,CAAC,UAAU;sDACM,SAAS,CAAC,kBAAkB;iCACjD,SAAS,CAAC,QAAQ;;CAElD,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport default styled.button`\n    border: 1px solid var(--primary, ${constants.PRIMARY});\n    background-color: var(--primary, ${constants.PRIMARY});\n    color: #fff;\n    border-radius: 5px;\n    height: 32px;\n    min-width: 100px;\n    font-size: 14px;\n    text-align: center;\n    padding: 0 12px;\n    cursor: pointer;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 5px;\n    position: relative;\n\n    & svg {\n        vertical-align: middle;\n        height: 24px;\n        width: 24px;\n        fill: currentColor;\n        margin-left: -6px;\n    }\n\n    &:enabled:hover {\n        box-shadow: var(--hover-shadow, ${constants.HOVER_SHADOW});\n    }\n\n    &:focus {\n        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});\n    }\n\n    &:disabled {\n        border: 1px solid ${constants.LIGHT_GREY};\n        background-color: var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});\n        color: var(--disabled, ${constants.DISABLED});\n    }\n`;\n"]}

package/lib-esm/components/Button/Button.d.ts

@@ -3,3 +3,4 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
+//# sourceMappingURL=Button.d.ts.map

package/lib-esm/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;SAuBS,MAAO,WAChB;;AArBA,wBAuCE"}

package/lib-esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;;0CASxB,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;uCAevB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;qDACH,SAAS,CAAC,aAAa;;;;sDAItB,SAAS,CAAC,kBAAkB;0CACxC,SAAS,CAAC,UAAU;iCAC7B,SAAS,CAAC,QAAQ;;CAElD,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;;0CASxB,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;uCAevB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;qDACH,SAAS,CAAC,aAAa;;;;sDAItB,SAAS,CAAC,kBAAkB;0CACxC,SAAS,CAAC,UAAU;iCAC7B,SAAS,CAAC,QAAQ;;CAElD,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport default styled.button`\n    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});\n    border-radius: 5px;\n    height: 32px;\n    min-width: 100px;\n    font-size: 14px;\n    text-align: center;\n    padding: 0 12px;\n    cursor: pointer;\n    color: inherit;\n    background-color: var(--background, ${constants.BACKGROUND});\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 5px;\n    position: relative;\n\n    & svg {\n        vertical-align: middle;\n        height: 24px;\n        width: 24px;\n        margin-left: -6px;\n        fill: currentColor;\n    }\n\n    &:enabled:hover {\n        border-color: var(--primary, ${constants.PRIMARY});\n        color: var(--primary, ${constants.PRIMARY});\n    }\n\n    &:focus {\n        border-color: var(--primary, ${constants.PRIMARY});\n        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});\n    }\n\n    &:disabled {\n        background-color: var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});\n        border-color: var(--light-grey, ${constants.LIGHT_GREY});\n        color: var(--disabled, ${constants.DISABLED});\n    }\n`;\n"]}

package/lib-esm/components/Button/IconButton.d.ts

@@ -3,3 +3,4 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
+//# sourceMappingURL=IconButton.d.ts.map

package/lib-esm/components/Button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":";;SAuBI,MAEA,WAAW;;AAtBf,wBAyCE"}

package/lib-esm/components/Button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;0CAQxB,SAAS,CAAC,UAAU;;;;;;;;;;;;;;uCAcvB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;qDACH,SAAS,CAAC,aAAa;;;;4BAIhD,SAAS,CAAC,kBAAkB;wBAChC,SAAS,CAAC,UAAU;iBAC3B,SAAS,CAAC,QAAQ;;;;gBAInB,SAAS,CAAC,QAAQ;;CAEjC,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;0CAQxB,SAAS,CAAC,UAAU;;;;;;;;;;;;;;uCAcvB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;qDACH,SAAS,CAAC,aAAa;;;;4BAIhD,SAAS,CAAC,kBAAkB;wBAChC,SAAS,CAAC,UAAU;iBAC3B,SAAS,CAAC,QAAQ;;;;gBAInB,SAAS,CAAC,QAAQ;;CAEjC,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport default styled.button`\n    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});\n    border-radius: 5px;\n    height: 32px;\n    font-size: 14px;\n    text-align: center;\n    padding: 0 3px;\n    cursor: pointer;\n    color: inherit;\n    background-color: var(--background, ${constants.BACKGROUND});\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 5px;\n    position: relative;\n\n    & svg {\n        vertical-align: middle;\n        height: 24px;\n        width: 24px;\n        fill: currentColor;\n    }\n\n    &:enabled:hover {\n        border-color: var(--primary, ${constants.PRIMARY});\n        color: var(--primary, ${constants.PRIMARY});\n    }\n\n    &:focus {\n        border-color: var(--primary, ${constants.PRIMARY});\n        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});\n    }\n\n    &:disabled {\n        background-color: ${constants.BORDER_LIGHT_COLOR};\n        border-color: ${constants.LIGHT_GREY};\n        color: ${constants.DISABLED};\n    }\n\n    &:disabled > svg {\n        fill: ${constants.DISABLED};\n    }\n`;\n"]}

package/lib-esm/components/Button/LinkButton.d.ts

@@ -3,3 +3,4 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
+//# sourceMappingURL=LinkButton.d.ts.map

package/lib-esm/components/Button/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/LinkButton.tsx"],"names":[],"mappings":";;SA2BI,MAAQ,WACJ;;AAzBR,wBAgCE"}

package/lib-esm/components/Button/LinkButton.js

@@ -23,7 +23,8 @@ export default styled.button `
         margin-left: -6px;
     }
 
-    &:enabled:hover, &:focus {
+    &:enabled:hover,
+    &:focus {
         text-decoration: underline;
     }
 

package/lib-esm/components/Button/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/components/Button/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;;;;;;;;4BAQA,SAAS,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;wBAoBrB,SAAS,CAAC,YAAY;iBAC7B,SAAS,CAAC,eAAe;;CAEzC,CAAC"}
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/components/Button/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;;;;;;;;4BAQA,SAAS,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;wBAqBrB,SAAS,CAAC,YAAY;iBAC7B,SAAS,CAAC,eAAe;;CAEzC,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport default styled.button`\n    min-width: 100px;\n    font-size: 14px;\n    text-align: center;\n    height: 32px;\n    cursor: pointer;\n    background-color: transparent;\n    border: none;\n    color: var(--primary, ${constants.PRIMARY});\n    padding: 0 12px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 5px;\n    position: relative;\n\n    & svg {\n        vertical-align: middle;\n        height: 24px;\n        width: 24px;\n        fill: currentColor;\n        margin-left: -6px;\n    }\n\n    &:enabled:hover,\n    &:focus {\n        text-decoration: underline;\n    }\n\n    &:disabled {\n        border-color: ${constants.BORDER_COLOR};\n        color: ${constants.DISABLED_BORDER};\n    }\n`;\n"]}

package/lib-esm/components/Button/RaisedButton.d.ts

@@ -3,3 +3,4 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
+//# sourceMappingURL=RaisedButton.d.ts.map

package/lib-esm/components/Button/RaisedButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RaisedButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/RaisedButton.tsx"],"names":[],"mappings":";;SAqBI,MAAE,WACD;;AAnBL,wBA6CE"}

package/lib-esm/components/Button/RaisedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RaisedButton.js","sourceRoot":"","sources":["../../../src/components/Button/RaisedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;;0CASxB,SAAS,CAAC,UAAU;;sCAExB,SAAS,CAAC,YAAY;;;;;;;;;;;;;;;uCAerB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;;;;4BAI5B,SAAS,CAAC,kBAAkB;wBAChC,SAAS,CAAC,UAAU;iBAC3B,SAAS,CAAC,QAAQ;;;;;oCAKC,SAAS,CAAC,MAAM;;CAEnD,CAAC"}
+{"version":3,"file":"RaisedButton.js","sourceRoot":"","sources":["../../../src/components/Button/RaisedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,eAAe,MAAM,CAAC,MAAM,CAAA;4CACgB,SAAS,CAAC,YAAY;;;;;;;;;0CASxB,SAAS,CAAC,UAAU;;sCAExB,SAAS,CAAC,YAAY;;;;;;;;;;;;;;;uCAerB,SAAS,CAAC,OAAO;gCACxB,SAAS,CAAC,OAAO;;;;uCAIV,SAAS,CAAC,OAAO;;;;4BAI5B,SAAS,CAAC,kBAAkB;wBAChC,SAAS,CAAC,UAAU;iBAC3B,SAAS,CAAC,QAAQ;;;;;oCAKC,SAAS,CAAC,MAAM;;CAEnD,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport default styled.button`\n    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});\n    border-radius: 5px;\n    height: 32px;\n    min-width: 100px;\n    font-size: 14px;\n    text-align: center;\n    padding: 0 12px;\n    cursor: pointer;\n    color: inherit;\n    background-color: var(--background, ${constants.BACKGROUND});\n    transform: translateY(-2px);\n    box-shadow: var(--hover-shadow, ${constants.HOVER_SHADOW});\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 5px;\n    position: relative;\n\n    & svg {\n        vertical-align: middle;\n        height: 24px;\n        width: 24px;\n        margin-left: -6px;\n        fill: currentColor;\n    }\n\n    &:enabled:hover {\n        border-color: var(--primary, ${constants.PRIMARY});\n        color: var(--primary, ${constants.PRIMARY});\n    }\n\n    &:focus {\n        border-color: var(--primary, ${constants.PRIMARY});\n    }\n\n    &:disabled {\n        background-color: ${constants.BORDER_LIGHT_COLOR};\n        border-color: ${constants.LIGHT_GREY};\n        color: ${constants.DISABLED};\n    }\n\n    &:active {\n        transform: translateY(0);\n        box-shadow: var(--shadow, ${constants.SHADOW});\n    }\n`;\n"]}

package/lib-esm/components/Button/index.d.ts

@@ -3,3 +3,4 @@ export { default as LinkButton } from './LinkButton';
 export { default as RaisedButton } from './RaisedButton';
 export { default as ActionButton } from './ActionButton';
 export { default as IconButton } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib-esm/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default as Button } from './Button';\nexport { default as LinkButton } from './LinkButton';\nexport { default as RaisedButton } from './RaisedButton';\nexport { default as ActionButton } from './ActionButton';\nexport { default as IconButton } from './IconButton';\n"]}

package/lib-esm/components/Card/Card.d.ts

@@ -6,3 +6,4 @@ declare const Card: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & CardExtraProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Card;
+//# sourceMappingURL=Card.d.ts.map

package/lib-esm/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,IAAI;;SAa2D,MAAO,WAAW;0HAHtF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib-esm/components/Card/Card.js

@@ -3,7 +3,7 @@ import constants from '../../shared/constants';
 const Card = styled.div `
     border-radius: 10px;
     background-color: var(--background, ${constants.BACKGROUND});
-    ${props => props.elevated
+    ${(props) => props.elevated
     ? `box-shadow: var(--modal-shadow, ${constants.MODAL_SHADOW});`
     : `box-shadow: var(--shadow, ${constants.SHADOW});`}
     margin: 5px;

package/lib-esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAM/C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAgB;;0CAEG,SAAS,CAAC,UAAU;MACxD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;IACrB,CAAC,CAAC,mCAAmC,SAAS,CAAC,YAAY,IAAI;IAC/D,CAAC,CAAC,6BAA6B,SAAS,CAAC,MAAM,IACnD;;;;CAIH,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAM/C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAgB;;0CAEG,SAAS,CAAC,UAAU;MACxD,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,QAAQ;IACV,CAAC,CAAC,mCAAmC,SAAS,CAAC,YAAY,IAAI;IAC/D,CAAC,CAAC,6BAA6B,SAAS,CAAC,MAAM,IAAI;;;;CAI9D,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport constants from '../../shared/constants';\n\nexport interface CardExtraProps {\n    elevated?: boolean;\n}\n\nconst Card = styled.div<CardExtraProps>`\n    border-radius: 10px;\n    background-color: var(--background, ${constants.BACKGROUND});\n    ${(props) =>\n        props.elevated\n            ? `box-shadow: var(--modal-shadow, ${constants.MODAL_SHADOW});`\n            : `box-shadow: var(--shadow, ${constants.SHADOW});`}\n    margin: 5px;\n    overflow: auto;\n    position: relative;\n`;\n\nexport default Card;\n"]}

package/lib-esm/components/Card/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Card } from './Card';
 export { Header as CardHeader, Body as CardBody, Footer as CardFooter } from '../../shared/styles';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/lib-esm/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default as Card } from './Card';\nexport { Header as CardHeader, Body as CardBody, Footer as CardFooter } from '../../shared/styles';\n"]}

package/lib-esm/components/Chip/Chip.d.ts

@@ -6,3 +6,4 @@ interface ChipProps {
 }
 export default function Chip(props: ChipProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Chip.d.ts.map

package/lib-esm/components/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAKA,UAAU,SAAS;IACf,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AA2BD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,oDAiB5C"}

package/lib-esm/components/Chip/Chip.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
 import { Close } from '../../icons';
+import constants from '../../shared/constants';
 const Container = styled.div `
     padding: 5px;
     padding-left: 15px;

package/lib-esm/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AASpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;kDAIsB,SAAS,CAAC,kBAAkB;;;;;;;kDAO5B,SAAS,CAAC,aAAa;;CAExE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;+CAEmB,SAAS,CAAC,eAAe;;;;;;CAMvE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,MAAM,EAAE,KAAK,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAC;IAE/C,MAAM,YAAY,GAA8C,CAAC,CAAC,EAAE,EAAE;QAClE,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;YACtC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;QACrB,CAAC;IACL,CAAC,CAAA;IAED,OAAO,CACH,MAAC,SAAS,oBAAK,IAAI,IAAE,OAAO,EAAE,YAAY,aACrC,KAAK,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,gBAAc,UAAU,KAAK,EAAE,YACxD,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GAC3B,KACD,CACf,CAAC;AACN,CAAC"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAS/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;kDAIsB,SAAS,CAAC,kBAAkB;;;;;;;kDAO5B,SAAS,CAAC,aAAa;;CAExE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;+CAEmB,SAAS,CAAC,eAAe;;;;;;CAMvE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,MAAM,EAAE,KAAK,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAC;IAE/C,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACnE,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;YACtC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;QACrB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,SAAS,oBAAK,IAAI,IAAE,OAAO,EAAE,YAAY,aACrC,KAAK,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,gBAAc,UAAU,KAAK,EAAE,YACxD,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GAC3B,KACD,CACf,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { Close } from '../../icons';\nimport constants from '../../shared/constants';\n\ninterface ChipProps {\n    /** Label for the chip */\n    label: string;\n    /** Callback when the close button is clicked */\n    onCloseClick?: () => void;\n}\n\nconst Container = styled.div`\n    padding: 5px;\n    padding-left: 15px;\n    border-radius: 16px;\n    background-color: var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});\n    display: inline-flex;\n    margin: 5px;\n    line-height: 20px;\n    align-items: center;\n\n    &:focus-within {\n        outline: 2px solid var(--primary-light, ${constants.PRIMARY_LIGHT});\n    }\n`;\n\nconst Button = styled.button`\n    color: #fff;\n    background-color: var(--disabled-border, ${constants.DISABLED_BORDER});\n    border-radius: 50%;\n    border: none;\n    padding: 0;\n    display: inline-flex;\n    margin-left: 5px;\n`;\n\nexport default function Chip(props: ChipProps) {\n    const { label, onCloseClick, ...rest } = props;\n\n    const keyUpHandler: React.KeyboardEventHandler<HTMLDivElement> = (e) => {\n        if (e.keyCode === 8 || e.keyCode === 46) {\n            onCloseClick?.();\n        }\n    };\n\n    return (\n        <Container {...rest} onKeyUp={keyUpHandler}>\n            {label}\n            <Button onClick={onCloseClick} aria-label={`Remove ${label}`}>\n                <Close height={20} width={20} />\n            </Button>\n        </Container>\n    );\n}\n"]}

package/lib-esm/components/Chip/index.d.ts

@@ -1 +1,2 @@
 export { default as Chip } from './Chip';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib-esm/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default as Chip } from './Chip';\n"]}

package/lib-esm/components/ChipInput/ChipInput.d.ts

@@ -31,3 +31,4 @@ declare namespace ChipInput {
     };
 }
 export default ChipInput;
+//# sourceMappingURL=ChipInput.d.ts.map

package/lib-esm/components/ChipInput/ChipInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,KAAK,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AAiIvE;;;;;;;;;;;;GAYG;AACH,iBAAwB,SAAS,CAC7B,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,oDAwGpE;kBAzGuB,SAAS;;QA4G7B,0BAA0B;;QAE1B,kCAAkC;;QAElC,iCAAiC;;QAEjC,iCAAiC;;;;;;;eAlHb,SAAS"}