no-frills-ui 0.0.14-alpha.0 → 0.0.14-alpha.2

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 */

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"}

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

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

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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"}

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"}

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"}

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"}

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"}

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

@@ -1,5 +1,7 @@
 interface ChipProps {
+    /** Label for the chip */
     label: string;
+    /** Callback when the close button is clicked */
     onCloseClick?: () => void;
 }
 export default function Chip(props: ChipProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -11,10 +11,11 @@ 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;
     border-radius: 16px;
     background-color: var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});
     display: inline-flex;
@@ -23,7 +24,7 @@ const Container = styled.div `
     align-items: center;
 
     &:focus-within {
-        background-color: var(--light-grey, ${constants.LIGHT_GREY});
+        outline: 2px solid var(--primary-light, ${constants.PRIMARY_LIGHT});
     }
 `;
 const Button = styled.button `
@@ -42,6 +43,6 @@ export default function Chip(props) {
             onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
         }
     };
-    return (_jsxs(Container, Object.assign({}, rest, { onKeyUp: keyUpHandler, children: [label, _jsx(Button, { onClick: onCloseClick, children: _jsx(Close, { height: 20, width: 20 }) })] })));
+    return (_jsxs(Container, Object.assign({}, rest, { onKeyUp: keyUpHandler, children: [label, _jsx(Button, { onClick: onCloseClick, "aria-label": `Remove ${label}`, children: _jsx(Close, { height: 20, width: 20 }) })] })));
 }
 //# sourceMappingURL=Chip.js.map

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;AAOpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;kDAGsB,SAAS,CAAC,kBAAkB;;;;;;;8CAOhC,SAAS,CAAC,UAAU;;CAEjE,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,YAAE,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GAAS,KAChE,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"}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+type ChipInputProps = PropTypes.InferProps<typeof ChipInput.propTypes>;
+/**
+ * A chip input component that allows users to add and remove chips (tags) by typing and pressing Enter.
+ * @component
+ * @example
+ * ```tsx
+ * <ChipInput
+ *   value={['tag1', 'tag2']}
+ *   onChange={(newTags) => console.log(newTags)}
+ *   label="Add tags"
+ *   errorText="At least one tag is required"
+ * />
+ * ```
+ */
+declare function ChipInput(props: ChipInputProps & React.AllHTMLAttributes<HTMLInputElement>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ChipInput {
+    var propTypes: {
+        /** Label for the field */
+        label: PropTypes.Validator<string>;
+        /** Error message for the field */
+        errorText: PropTypes.Requireable<string>;
+        /** Values to display as chips */
+        value: PropTypes.Requireable<string[]>;
+        /** Callback when chips change */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    var defaultProps: {
+        value: any[];
+    };
+}
+export default ChipInput;

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

@@ -0,0 +1,225 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import styled from '@emotion/styled';
+import constants from '../../shared/constants';
+import Chip from '../Chip/Chip';
+import { DragAndDrop, ORIENTATION } from '../DragAndDrop';
+// Label component for the ChipInput
+const Label = styled.label `
+    display: inline-flex;
+    flex-direction: column;
+    flex: 1;
+    position: relative;
+    margin: 10px 5px;
+    color: inherit;
+    padding: 0 8px;
+    width: 250px;
+    border-radius: 3px;
+    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
+    background-color: var(--background, ${constants.BACKGROUND});
+
+    /** Focused */
+    &:has(:focus),
+    &:has(:active) {
+        border-color: var(--primary, ${constants.PRIMARY});
+        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});
+    }
+
+    &:has(:focus) > span,
+    &:has(:active) > span {
+        color: var(--primary, ${constants.PRIMARY});
+    }
+
+    /** Disabled */
+    &:has(:disabled) {
+        border-color: var(--disabled-border, ${constants.DISABLED_BORDER});
+        background-color: var(--disabled-background, ${constants.DISABLED_BACKGROUND});
+    }
+
+    &:has(:disabled) > span {
+        color: #777;
+    }
+
+    /** Invalid */
+    &:has(:focus:invalid) {
+        border-color: var(--error, ${constants.ERROR});
+        box-shadow: 0 0 0 4px var(--error-light, ${constants.ERROR_LIGHT});
+    }
+
+    ${(props) => props.touched
+    ? `
+        &:has(:invalid) {
+            border-color: var(--error, ${constants.ERROR});
+        }
+    
+        &:has(:invalid) > span {
+            color: var(--error, ${constants.ERROR});
+        }
+        `
+    : ''}
+
+    /** Error */
+    ${(props) => props.errorText
+    ? `
+        border-color: var(--error, ${constants.ERROR});
+
+        & > span {
+            color: var(--error, ${constants.ERROR});
+        }
+        `
+    : ''}
+
+    /** Required */
+    &:has(:required) > span:after {
+        content: '*';
+        margin-left: 2px;
+        color: var(--error, ${constants.ERROR});
+    }
+
+    & > input {
+        border: none;
+        outline: none;
+        width: 100%;
+        line-height: 30px;
+        min-height: 30px;
+    }
+
+    /** Label Animation */
+    & > span {
+        position: absolute;
+        padding: 0 5px;
+        top: 0px;
+        left: 4px;
+        font-size: 14px;
+        line-height: 32px;
+        transition: all 300ms ease;
+    }
+
+    &:has(:focus) > span,
+    &:has(:placeholder-shown) > span {
+        top: -8px;
+        background: var(--background, ${constants.BACKGROUND});
+        font-size: 12px;
+        line-height: 14px;
+    }
+
+    ${(props) => props.text !== ''
+    ? `
+    & > span {
+        top: -8px;
+        background: var(--background, ${constants.BACKGROUND});
+        font-size: 12px;
+        line-height: 14px;
+    }
+    `
+    : ''}
+`;
+// Error message container
+const ErrorContainer = styled.div `
+    color: var(--error, ${constants.ERROR});
+    padding-top: 3px;
+    font-size: 12px;
+    line-height: 14px;
+    margin-left: 3px;
+`;
+/**
+ * A chip input component that allows users to add and remove chips (tags) by typing and pressing Enter.
+ * @component
+ * @example
+ * ```tsx
+ * <ChipInput
+ *   value={['tag1', 'tag2']}
+ *   onChange={(newTags) => console.log(newTags)}
+ *   label="Add tags"
+ *   errorText="At least one tag is required"
+ * />
+ * ```
+ */
+export default function ChipInput(props) {
+    const [text, setText] = useState('');
+    const [touched, setTouched] = useState(false);
+    const [value, setValue] = useState(props.value);
+    const InputRef = React.useRef(null);
+    // Sync internal value with props.value
+    useEffect(() => {
+        setValue(props.value);
+    }, [props.value]);
+    /**
+     * Update the chip values and notify changes.
+     * @param newValue The new array of chip values
+     */
+    const updateValue = (newValue) => {
+        var _a;
+        const deduped = Array.from(new Set(newValue));
+        setValue(deduped);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, deduped);
+    };
+    /**
+     * Marks the input as touched on focus.
+     * @param e React focus event
+     */
+    const handleFocus = (e) => {
+        setTouched(true);
+        if (props.onFocus) {
+            props.onFocus(e);
+        }
+    };
+    /**
+     * Change handler for the input field.
+     * @param e React change event
+     */
+    const handleChange = (e) => {
+        setText(e.target.value);
+    };
+    /**
+     * Adds a new chip on Enter key press.
+     * @param e React keyboard event
+     */
+    const handleKeyUp = (e) => {
+        if (e.key === 'Enter' && text.trim() !== '') {
+            const newValue = [...value, text.trim()];
+            updateValue(newValue);
+            setText('');
+        }
+    };
+    /**
+     * Removes a chip from the list.
+     * @param chipToRemove The chip value to remove
+     */
+    const removeChip = (chipToRemove) => {
+        const newValue = value.filter((chip) => chip !== chipToRemove);
+        updateValue(newValue);
+    };
+    /**
+     * Moves a chip from one position to another.
+     * @param start The starting index of the item to move
+     * @param end The ending index where the item should be placed
+     */
+    const onDrop = (start, end) => {
+        // Clone existing elements
+        const newItems = [...value];
+        // Remove the element to be moved
+        const item = newItems.splice(start, 1);
+        // Add it back at the required position
+        newItems.splice(end, 0, item[0]);
+        // Update
+        updateValue(newItems);
+    };
+    // Render the component
+    return (_jsxs(Label, { text: text, touched: touched, errorText: props.errorText, children: [_jsx("input", Object.assign({}, props, { ref: InputRef, type: "text", value: text, onChange: handleChange, onFocus: handleFocus, onKeyUp: handleKeyUp, required: props.required && value.length === 0 })), _jsx("div", { children: (value === null || value === void 0 ? void 0 : value.length) > 0 && (_jsx(DragAndDrop, { orientation: ORIENTATION.HORIZONTAL, onDrop: onDrop, children: value.map((chip) => (_jsx(Chip, { label: chip, onCloseClick: () => removeChip(chip) }, chip))) })) }), _jsx("span", { children: props.label }), props.errorText && _jsx(ErrorContainer, { children: props.errorText })] }));
+}
+ChipInput.propTypes = {
+    /** Label for the field */
+    label: PropTypes.string.isRequired,
+    /** Error message for the field */
+    errorText: PropTypes.string,
+    /** Values to display as chips */
+    value: PropTypes.arrayOf(PropTypes.string),
+    /** Callback when chips change */
+    onChange: PropTypes.func,
+};
+ChipInput.defaultProps = {
+    value: [],
+};
+//# sourceMappingURL=ChipInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default as ChipInput } from './ChipInput';

package/lib-esm/components/ChipInput/index.js

@@ -0,0 +1,2 @@
+export { default as ChipInput } from './ChipInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib-esm/components/Dialog/AlertDialog.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
-import Dialog, { DialogBody, DialogFooter, DialogHeader } from './Dialog';
 import { Button } from '../Button';
+import Dialog, { DialogBody, DialogFooter, DialogHeader } from './Dialog';
 class AlertDialog extends React.Component {
     constructor() {
         super(...arguments);
         this.dialog = createRef();
         this.show = () => {
-            return new Promise(resolve => {
+            return new Promise((resolve) => {
                 const onClose = () => resolve(null);
                 this.dialog.current.open(onClose);
             });
@@ -30,7 +30,7 @@ AlertDialog.propTypes = {
     dialogProps: PropTypes.object,
 };
 AlertDialog.defaultProps = {
-    buttonText: 'OK'
+    buttonText: 'OK',
 };
 export default AlertDialog;
 //# sourceMappingURL=AlertDialog.js.map