@faststore/components 2.2.0-alpha.4 → 2.2.0

package/dist/molecules/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/molecules/Tag/Tag.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import { BadgeProps } from '../..';
+export interface TagProps extends BadgeProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The text displayed inside the tag.
+     */
+    label: string;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * For accessibility purposes, provide an ARIA label to the Icon button
+     */
+    iconButtonLabel?: string;
+    /**
+     * Function called when Icon button is clicked.
+     */
+    onClose: () => void;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+export default Tag;

package/dist/molecules/Tag/Tag.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { Badge, Icon } from '../..';
+const Tag = forwardRef(function Tag({ testId = 'fs-tag', label, icon, iconButtonLabel, onClose, ...otherProps }, ref) {
+    return (React.createElement(Badge, { ref: ref, "data-fs-tag": true, size: "big", "data-testid": testId, ...otherProps },
+        React.createElement("span", { "data-fs-tag-label": true }, label),
+        React.createElement("button", { "data-fs-tag-icon-button": true, "aria-label": iconButtonLabel ? iconButtonLabel : 'remove', onClick: onClose }, !!icon ? icon : React.createElement(Icon, { name: "X" }))));
+});
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/dist/molecules/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/molecules/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAc,IAAI,EAAE,MAAM,OAAO,CAAA;AAyB/C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,uBAER,IAAI,EAAC,KAAK,iBACG,MAAM,KACf,UAAU;QAEd,2DAAyB,KAAK,CAAQ;QACtC,+EAEc,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,OAAO,IAEf,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CAC3B,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/molecules/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tag';
+export type { TagProps } from './Tag';

package/dist/molecules/Tag/index.js

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

package/dist/molecules/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA"}

package/dist/molecules/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Toast(): JSX.Element | null;
+export default Toast;

package/dist/molecules/Toast/Toast.js

@@ -0,0 +1,29 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { useUI } from '../../hooks';
+function Toast() {
+    const { toasts, popToast } = useUI();
+    const toast = toasts[toasts.length - 1];
+    const timeoutRef = useRef();
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        if (!toast) {
+            return undefined;
+        }
+        const timeout = setTimeout(() => setVisible(true), 10);
+        return () => clearTimeout(timeout);
+    }, [toast]);
+    useEffect(() => {
+        timeoutRef.current = setTimeout(() => setVisible(false), 6e3);
+        return () => timeoutRef.current && clearTimeout(timeoutRef.current);
+    }, [toast]);
+    if (toast === undefined) {
+        return null;
+    }
+    return (React.createElement("div", { role: "status", "data-fs-toast": true, "data-fs-toast-visible": visible, onTransitionEnd: () => !visible && popToast() },
+        toast.icon && (React.createElement("div", { "data-fs-toast-icon-container": true }, !!toast.icon && toast.icon)),
+        React.createElement("div", { "data-fs-toast-content": true },
+            toast.title && React.createElement("p", { "data-fs-toast-title": true }, toast.title),
+            React.createElement("p", { "data-fs-toast-message": true }, toast.message))));
+}
+export default Toast;
+//# sourceMappingURL=Toast.js.map

package/dist/molecules/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,KAAK;IACZ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAE7D,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,kDAEU,OAAO,EAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,QAAQ,EAAE;QAE5C,KAAK,CAAC,IAAI,IAAI,CACb,qEAAmC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAO,CACrE;QACD;YACG,KAAK,CAAC,KAAK,IAAI,0DAAwB,KAAK,CAAC,KAAK,CAAK;YACxD,4DAA0B,KAAK,CAAC,OAAO,CAAK,CACxC,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}

package/dist/molecules/Toast/index.d.ts

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

package/dist/molecules/Toast/index.js

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

package/dist/molecules/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/molecules/Toggle/Toggle.d.ts

@@ -0,0 +1,22 @@
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+export interface ToggleProps extends InputHTMLAttributes<Omit<HTMLInputElement, 'disabled' | 'type'>> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID to identify input and corresponding label.
+     */
+    id: string;
+    /**
+     * Specifies that this input should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Controls the component's direction.
+     */
+    variant?: 'horizontal' | 'vertical';
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+export default Toggle;

package/dist/molecules/Toggle/Toggle.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { Icon, Input } from './../../';
+const Toggle = forwardRef(function Toggle({ testId = 'fs-toggle', id, disabled, variant = 'horizontal', ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-toggle": true, "data-fs-toggle-variant": variant, "data-testid": testId },
+        React.createElement(Input, { ref: ref, id: id, role: "switch", type: "checkbox", disabled: disabled, ...otherProps }),
+        React.createElement("span", { "data-fs-toggle-knob": true },
+            React.createElement(Icon, { name: "Checked" }))));
+});
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

package/dist/molecules/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/molecules/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAsBtC,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CACtE,EACE,MAAM,GAAG,WAAW,EACpB,EAAE,EACF,QAAQ,EACR,OAAO,GAAG,YAAY,EACtB,GAAG,UAAU,EACD,EACd,GAAG;IAEH,OAAO,CACL,+EAA4C,OAAO,iBAAe,MAAM;QACtE,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd;QACF;YACE,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,CAClB,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/molecules/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Toggle';
+export type { ToggleProps } from './Toggle';

package/dist/molecules/Toggle/index.js

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

package/dist/molecules/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/molecules/ToggleField/ToggleField.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface ToggleFieldProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID to identify input and corresponding label.
+     */
+    id: string;
+    /**
+     * The text displayed to identify the input.
+     */
+    label: string;
+    /**
+     * Controls whether the label will be displayed or not.
+     */
+    displayLabel?: boolean;
+    /**
+     * Specifies that this input should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Controls the component's direction.
+     */
+    variant?: 'horizontal' | 'vertical';
+}
+declare const ToggleField: React.ForwardRefExoticComponent<ToggleFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default ToggleField;

package/dist/molecules/ToggleField/ToggleField.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { Label, SROnly, Toggle } from './../../';
+const ToggleField = forwardRef(function ToggleField({ testId = 'fs-toggle-field', id, label, disabled, displayLabel = true, variant = 'horizontal', ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-toggle-field": true, "data-testid": testId },
+        React.createElement(Toggle, { id: id, variant: variant, disabled: disabled, ...otherProps }),
+        displayLabel ? (React.createElement(Label, { "data-fs-toggle-field-label": true, htmlFor: id }, label)) : (React.createElement(SROnly, { text: label }))));
+});
+export default ToggleField;
+//# sourceMappingURL=ToggleField.js.map

package/dist/molecules/ToggleField/ToggleField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../../src/molecules/ToggleField/ToggleField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA6BhD,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,iBAAiB,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,YAAY,EACtB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,+CAAoC,MAAM;QACrD,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,KAAM,UAAU,GAAI;QACvE,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,KAAK,wCAA4B,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CACxB,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/molecules/ToggleField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ToggleField';
+export type { ToggleFieldProps } from './ToggleField';

package/dist/molecules/ToggleField/index.js

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

package/dist/molecules/ToggleField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/ToggleField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/organisms/BannerText/BannerText.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+type Variant = 'primary' | 'secondary';
+type ColorVariant = 'main' | 'light' | 'accent';
+interface BannerTextContext {
+    variant: Variant;
+    colorVariant: ColorVariant;
+}
+declare const BannerTextContext: React.Context<BannerTextContext | undefined>;
+export interface BannerTextProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the component direction variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component's color variant combination.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const BannerText: React.ForwardRefExoticComponent<BannerTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useBannerText(): BannerTextContext;
+export default BannerText;

package/dist/organisms/BannerText/BannerText.js

@@ -0,0 +1,16 @@
+import React, { forwardRef, useContext, createContext } from 'react';
+const BannerTextContext = createContext(undefined);
+const BannerText = forwardRef(function BannerText({ children, testId = 'fs-banner-text', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (React.createElement(BannerTextContext.Provider, { value: context },
+        React.createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+export function useBannerText() {
+    const context = useContext(BannerTextContext);
+    if (context === undefined) {
+        throw new Error('Do not use BannerText components outside the BannerText context.');
+    }
+    return context;
+}
+export default BannerText;
+//# sourceMappingURL=BannerText.js.map

package/dist/organisms/BannerText/BannerText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerText.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,CACV,CAAA;AAkBD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACxC,iCACE,GAAG,EAAE,GAAG,8DAEqB,OAAO,uCACD,YAAY,iBAClC,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACiB,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/BannerText/BannerTextContent.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content for the h2 tag.
+     */
+    title: string;
+    /**
+     * The content for the p tag below the h2.
+     */
+    caption: string;
+    /**
+     * The href used at the link.
+     */
+    link: string;
+    /**
+     * The label used at the link.
+     */
+    linkText: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const BannerTextContent: React.ForwardRefExoticComponent<BannerTextContentProps & React.RefAttributes<HTMLDivElement>>;
+export default BannerTextContent;

package/dist/organisms/BannerText/BannerTextContent.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { LinkButton } from '../..';
+import { useBannerText } from './BannerText';
+const BannerTextContent = forwardRef(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, ...otherProps }, ref) {
+    const { variant, colorVariant } = useBannerText();
+    return (React.createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
+            React.createElement("h2", null, title),
+            variant === 'secondary' && caption && React.createElement("p", null, caption)),
+        React.createElement(LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
+});
+export default BannerTextContent;
+//# sourceMappingURL=BannerTextContent.js.map

package/dist/organisms/BannerText/BannerTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAyB5C,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACjD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,uGAEqC,YAAY;YAE/C,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/organisms/BannerText/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './BannerText';
+export type { BannerTextProps } from './BannerText';
+export { default as BannerTextContent } from './BannerTextContent';
+export type { BannerTextContentProps } from './BannerTextContent';

package/dist/organisms/BannerText/index.js

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

package/dist/organisms/BannerText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/organisms/CartSidebar/CartSidebar.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { OverlayProps } from '../../';
+import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
+export interface CartSidebarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Title for the CartSidebar component.
+     */
+    title?: string;
+    /**
+     * Represents the side that the CartSidebar comes from.
+     */
+    direction?: SlideOverDirection;
+    /**
+     * Represents the size of the CartSidebar.
+     */
+    size?: SlideOverWidthSize;
+    /**
+     * Total of item in the Cart.
+     */
+    totalItems: number;
+    /**
+     * A React component that will be rendered as an icon on the Alert component.
+     */
+    alertIcon?: ReactNode;
+    /**
+     * The content for Alert component.
+     */
+    alertText?: string;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Function called when Close Button is clicked.
+     */
+    onClose: () => void;
+}
+declare function CartSidebar({ testId, title, size, direction, totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }: PropsWithChildren<CartSidebarProps>): JSX.Element;
+export default CartSidebar;

package/dist/organisms/CartSidebar/CartSidebar.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Alert, Badge, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
+function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = useFadeEffect();
+    const { closeCart } = useUI();
+    return (React.createElement(SlideOver, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId, overlayProps: overlayProps, ...otherProps },
+        React.createElement(SlideOverHeader, { closeBtnProps: { testId: 'fs-cart-sidebar-button-close' }, onClose: () => {
+                onClose();
+                fadeOut();
+            } },
+            React.createElement("h2", { "data-fs-cart-sidebar-title": true },
+                title,
+                React.createElement(Badge, { variant: "info" }, totalItems))),
+        alertText && React.createElement(Alert, { icon: alertIcon }, alertText),
+        children));
+}
+export default CartSidebar;
+//# sourceMappingURL=CartSidebar.js.map

package/dist/organisms/CartSidebar/CartSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,EACL,KAAK,EAEL,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AA4Cf,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,WAAW,EACvB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACuB;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,SAAS,kCAER,MAAM,QACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,EAAE,EACpD,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd,oBAAC,eAAe,IACd,aAAa,EAAE,EAAE,MAAM,EAAE,8BAA8B,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,CAAA;YACX,CAAC;YAED;gBACG,KAAK;gBACN,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,IAAE,UAAU,CAAS,CACvC,CACW;QAEjB,SAAS,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAG,SAAS,CAAS;QACxD,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/CartSidebar/CartSidebarFooter.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare function CartSidebarFooter({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+export default CartSidebarFooter;

package/dist/organisms/CartSidebar/CartSidebarFooter.js

@@ -0,0 +1,6 @@
+import React from 'react';
+function CartSidebarFooter({ children }) {
+    return React.createElement("footer", { "data-fs-cart-sidebar-footer": true }, children);
+}
+export default CartSidebarFooter;
+//# sourceMappingURL=CartSidebarFooter.js.map

package/dist/organisms/CartSidebar/CartSidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebarFooter.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebarFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAA2B;IAC9D,OAAO,uEAAqC,QAAQ,CAAU,CAAA;AAChE,CAAC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/organisms/CartSidebar/CartSidebarList.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare function CartSidebarList({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+export default CartSidebarList;

package/dist/organisms/CartSidebar/CartSidebarList.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { List } from '../../';
+function CartSidebarList({ children }) {
+    return React.createElement(List, { "data-fs-cart-sidebar-list": true }, children);
+}
+export default CartSidebarList;
+//# sourceMappingURL=CartSidebarList.js.map

package/dist/organisms/CartSidebar/CartSidebarList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebarList.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA2B;IAC5D,OAAO,oBAAC,IAAI,yCAA4B,QAAQ,CAAQ,CAAA;AAC1D,CAAC;AAED,eAAe,eAAe,CAAA"}

package/dist/organisms/CartSidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './CartSidebar';
+export type { CartSidebarProps } from './CartSidebar';
+export { default as CartSidebarList } from './CartSidebarList';
+export { default as CartSidebarFooter } from './CartSidebarFooter';

package/dist/organisms/CartSidebar/index.js

@@ -0,0 +1,4 @@
+export { default } from './CartSidebar';
+export { default as CartSidebarList } from './CartSidebarList';
+export { default as CartSidebarFooter } from './CartSidebarFooter';
+//# sourceMappingURL=index.js.map

package/dist/organisms/CartSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/organisms/EmptyState/EmptyState.d.ts

@@ -0,0 +1,27 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+type Variant = 'default' | 'rounded';
+type BackgroundColor = 'default' | 'light';
+export interface EmptyStateProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The EmptyState component's title.
+     */
+    title?: string;
+    /**
+     * A React component that will be rendered as an icon on the Title.
+     */
+    titleIcon?: ReactNode;
+    /**
+     * Specifies the component border variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component background color.
+     */
+    bkgColor?: BackgroundColor;
+}
+declare function EmptyState({ testId, title, titleIcon, variant, bkgColor, children, ...otherProps }: PropsWithChildren<EmptyStateProps>): JSX.Element;
+export default EmptyState;

package/dist/organisms/EmptyState/EmptyState.js

@@ -0,0 +1,10 @@
+import React from 'react';
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
+        title && (React.createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && React.createElement(React.Fragment, null, titleIcon),
+            React.createElement("p", null, title))),
+        children));
+}
+export default EmptyState;
+//# sourceMappingURL=EmptyState.js.map

package/dist/organisms/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,qBACvB,aAAa,iBAChB,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';

package/dist/organisms/EmptyState/index.js

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

package/dist/organisms/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist/organisms/Filter/FacetBoolean.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare function FacetBoolean({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+export default FacetBoolean;

package/dist/organisms/Filter/FacetBoolean.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { List } from '../../';
+function FacetBoolean({ children }) {
+    return React.createElement(List, { "data-fs-filter-list": true }, children);
+}
+export default FacetBoolean;
+//# sourceMappingURL=FacetBoolean.js.map

package/dist/organisms/Filter/FacetBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetBoolean.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FacetBoolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,SAAS,YAAY,CAAC,EAAE,QAAQ,EAA2B;IACzD,OAAO,oBAAC,IAAI,mCAAsB,QAAQ,CAAQ,CAAA;AACpD,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/Filter/FacetBooleanItem.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { OnFacetChange } from './Filter';
+export interface FacetBooleanItemProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId: string;
+    /**
+     * This function is called when `Checkbox` from the facet changes.
+     */
+    onFacetChange: OnFacetChange;
+    /**
+     * The text displayed to identify the Boolean Facet Item.
+     */
+    label: string;
+    /**
+     * Value to be emitted when Checkbox is clicked.
+     */
+    value: string;
+    /**
+     * Boolean that represents the Checkbox checked state.
+     */
+    selected: boolean;
+    /**
+     * Counter badge shown besides the Facet Item.
+     */
+    quantity: number;
+    /**
+     * ID to identify the Checkbox and corresponding label.
+     */
+    id: string;
+    /**
+     * String that identifies the current Facet key.
+     */
+    facetKey: string;
+}
+declare function FacetBooleanItem({ id, testId, onFacetChange, selected, value, quantity, facetKey, label, }: FacetBooleanItemProps): JSX.Element;
+export default FacetBooleanItem;

package/dist/organisms/Filter/FacetBooleanItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Badge, Checkbox, Label } from '../../';
+function FacetBooleanItem({ id, testId, onFacetChange, selected, value, quantity, facetKey, label, }) {
+    return (React.createElement("li", { key: id, "data-fs-filter-list-item": true },
+        React.createElement(Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
+        React.createElement(Label, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
+            label,
+            " ",
+            React.createElement(Badge, { "data-fs-filter-list-item-badge": true }, quantity))));
+}
+export default FacetBooleanItem;
+//# sourceMappingURL=FacetBooleanItem.js.map

package/dist/organisms/Filter/FacetBooleanItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetBooleanItem.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FacetBooleanItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAsC/C,SAAS,gBAAgB,CAAC,EACxB,EAAE,EACF,MAAM,EACN,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GACiB;IACtB,OAAO,CACL,4BAAI,GAAG,EAAE,EAAE;QACT,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,4DAErD,GAAG,MAAM,2BAA2B,gBACrC,KAAK,mBACF,QAAQ,GACvB;QACF,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,sBAAsB;YAG/B,KAAK;;YAAE,oBAAC,KAAK,8CAAiC,QAAQ,CAAS,CAC1D,CACL,CACN,CAAA;AACH,CAAC;AAED,eAAe,gBAAgB,CAAA"}