@faststore/components 2.0.3-alpha.0 → 2.0.5-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.5-alpha.0](https://github.com/vtex/faststore/compare/v2.0.4-alpha.0...v2.0.5-alpha.0) (2022-12-07)
+
+
+### Features
+
+* `Overlay` Component. ([#1544](https://github.com/vtex/faststore/issues/1544)) ([dad6872](https://github.com/vtex/faststore/commit/dad6872654faaa4411d1f5949e5beab609e2ca36))
+
+
+
+## [2.0.4-alpha.0](https://github.com/vtex/faststore/compare/v2.0.3-alpha.0...v2.0.4-alpha.0) (2022-12-07)
+
+
+### Chores
+
+* config faststore ui ([#1495](https://github.com/vtex/faststore/issues/1495)) ([ed5aa8f](https://github.com/vtex/faststore/commit/ed5aa8f83ab3d929dd47f30b1e171240e1c3c459))
+
+
+
 ## 2.0.3-alpha.0 (2022-11-30)
 
 

package/dist/assets/ShoppingCart.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const ShoppingCart: FC;
+export default ShoppingCart;

package/dist/assets/ShoppingCart.js

@@ -0,0 +1,10 @@
+import React from 'react';
+// Icon from Phosphor Icons
+const ShoppingCart = () => (React.createElement("svg", { id: "ShoppingCart", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    React.createElement("rect", { width: "256", height: "256", fill: "none" }),
+    React.createElement("path", { d: "M184,184H69.81818L41.92162,30.56892A8,8,0,0,0,34.05066,24H16", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("circle", { cx: "80", cy: "204", r: "20", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("circle", { cx: "184", cy: "204", r: "20", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M62.54543,144H188.10132a16,16,0,0,0,15.74192-13.13783L216,64H48", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+export default ShoppingCart;
+//# sourceMappingURL=ShoppingCart.js.map

package/dist/assets/ShoppingCart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShoppingCart.js","sourceRoot":"","sources":["../../src/assets/ShoppingCart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,YAAY,GAAO,GAAG,EAAE,CAAC,CAC7B,6BACE,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,8DAA8D,EAChE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GAChB;IACR,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACd;IACV,gCACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACd;IACV,8BACE,CAAC,EAAC,iEAAiE,EACnE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GAChB,CACJ,CACP,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/assets/X.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const X: FC;
+export default X;

package/dist/assets/X.js

@@ -0,0 +1,8 @@
+import React from 'react';
+// Icon from Phosphor Icons
+const X = () => (React.createElement("svg", { id: "X", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    React.createElement("rect", { width: "256", height: "256", fill: "none" }),
+    React.createElement("line", { x1: "200", y1: "56", x2: "56", y2: "200", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("line", { x1: "200", y1: "200", x2: "56", y2: "56", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+export default X;
+//# sourceMappingURL=X.js.map

package/dist/assets/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","sourceRoot":"","sources":["../../src/assets/X.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,CAAC,GAAO,GAAG,EAAE,CAAC,CAClB,6BACE,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GAChB;IACR,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GAChB,CACJ,CACP,CAAA;AAED,eAAe,CAAC,CAAA"}

package/dist/assets/index.d.ts

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

package/dist/assets/index.js

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

package/dist/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/atoms/Badge/Badge.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode, HTMLAttributes, AriaAttributes } from 'react';
+import React from 'react';
+export declare type BadgeVariants = 'info' | 'highlighted' | 'success' | 'neutral' | 'warning' | 'danger';
+export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Sets the component's size.
+     */
+    size?: 'small' | 'big';
+    /**
+     * Specifies the component variant.
+     */
+    variant?: BadgeVariants;
+    /**
+     * Enables counter badge.
+     */
+    counter?: boolean;
+    /**
+     * For accessibility purposes, adds an ARIA label to the element when `counter` is set to `true`.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    children?: ReactNode;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export default Badge;

package/dist/atoms/Badge/Badge.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+const Badge = forwardRef(function Badge({ testId = 'fs-badge', size = 'small', variant = 'neutral', counter = false, 'aria-label': ariaLabel, children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-badge": true, "data-testid": testId, "aria-label": ariaLabel, "data-fs-badge-variant": counter ? null : variant, "data-fs-badge-size": size, "data-fs-badge-counter": counter, ...otherProps },
+        React.createElement("div", { "data-fs-badge-wrapper": true }, children)));
+});
+export default Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/atoms/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/atoms/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkCzC,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,GAAG,UAAU,EACF,EACb,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,wCAEK,MAAM,gBACP,SAAS,2BACE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,wBAC3B,IAAI,2BACD,OAAO,KAC1B,UAAU;QAEd,8DAA4B,QAAQ,CAAO,CACvC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/atoms/Badge/index.d.ts

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

package/dist/atoms/Badge/index.js

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

package/dist/atoms/Badge/index.js.map

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

package/dist/atoms/Button/Button.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode, ButtonHTMLAttributes } from 'react';
+import React from 'react';
+export declare type Variant = 'primary' | 'secondary' | 'tertiary';
+export declare type Size = 'small' | 'regular';
+export declare type IconPosition = 'left' | 'right';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Specifies the component color variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the size variant.
+     */
+    size?: Size;
+    /**
+     * Defines the use of inverted colors.
+     */
+    inverse?: boolean;
+    /**
+     * Specifies that this button should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Specifies where the icon should be positioned
+     */
+    iconPosition?: IconPosition;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/atoms/Button/Button.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { Icon } from '../../index';
+const Button = forwardRef(function Button({ children, variant, inverse, size = 'regular', testId = 'fs-button', icon, iconPosition = 'left', disabled, ...otherProps }, ref) {
+    return (React.createElement("button", { ref: ref, "data-testid": testId, "data-fs-button": true, "data-fs-button-inverse": inverse, "data-fs-button-size": size, "data-fs-button-variant": variant, disabled: disabled, ...otherProps },
+        icon && iconPosition === 'left' && React.createElement(Icon, { component: icon }),
+        children,
+        icon && iconPosition === 'right' && React.createElement(Icon, { component: icon })));
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAqClC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,iBACK,MAAM,oDAEK,OAAO,yBACV,IAAI,4BACD,OAAO,EAC/B,QAAQ,EAAE,QAAQ,KACd,UAAU;QAEb,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,GAAI;QAC5D,QAAQ;QACR,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,GAAI,CACvD,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/atoms/Button/index.d.ts

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

package/dist/atoms/Button/index.js

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

package/dist/atoms/Button/index.js.map

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

package/dist/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Boolean that represents a partial state.
+     */
+    partial?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/atoms/Checkbox/Checkbox.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Checkbox = forwardRef(function Checkbox({ testId = 'fs-checkbox', partial, ...otherProps }, ref) {
+    return (React.createElement("input", { ref: ref, "data-fs-checkbox": true, "data-testid": testId, "data-fs-checkbox-partial": partial, type: "checkbox", ...otherProps }));
+});
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/atoms/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,QAAQ,GAAG,UAAU,CAAkC,SAAS,QAAQ,CAC5E,EAAE,MAAM,GAAG,aAAa,EAAE,OAAO,EAAE,GAAG,UAAU,EAAiB,EACjE,GAAG;IAEH,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,2CAEK,MAAM,8BACO,OAAO,EACjC,IAAI,EAAC,UAAU,KACX,UAAU,GACd,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/atoms/Checkbox/index.d.ts

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

package/dist/atoms/Checkbox/index.js

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

package/dist/atoms/Checkbox/index.js.map

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

package/dist/atoms/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    component: ReactNode;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/dist/atoms/Icon/Icon.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Icon = forwardRef(function Button({ component, testId = 'fs-icon', ...otherProps }, ref) {
+    return (React.createElement("span", { ref: ref, "data-fs-icon": true, "data-testid": testId, ...otherProps }, component));
+});
+export default Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/atoms/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,IAAI,GAAG,UAAU,CAA6B,SAAS,MAAM,CACjE,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,UAAU,EAAa,EAC3D,GAAG;IAEH,OAAO,CACL,8BAAM,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU,IAC7D,SAAS,CACL,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/atoms/Icon/index.d.ts

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

package/dist/atoms/Icon/index.js

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

package/dist/atoms/Icon/index.js.map

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

package/dist/atoms/Label/Label.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { LabelHTMLAttributes } from 'react';
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export default Label;

package/dist/atoms/Label/Label.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Label = forwardRef(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
+    return (React.createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
+});
+export default Label;
+//# sourceMappingURL=Label.js.map

package/dist/atoms/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/atoms/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,UAAU,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAc,EAC5D,GAAG;IAEH,OAAO,CACL,+BAAO,GAAG,EAAE,GAAG,wCAA6B,MAAM,KAAM,UAAU,IAC/D,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/atoms/Label/index.d.ts

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

package/dist/atoms/Label/index.js

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

package/dist/atoms/Label/index.js.map

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

package/dist/atoms/Overlay/Overlay.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Overlay: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Overlay;

package/dist/atoms/Overlay/Overlay.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Overlay = forwardRef(function Overlay({ testId = 'fs-overlay', ...otherProps }, ref) {
+    return (React.createElement("div", { role: "presentation", "data-fs-overlay": true, "data-testid": testId, ref: ref, ...otherProps }));
+});
+export default Overlay;
+//# sourceMappingURL=Overlay.js.map

package/dist/atoms/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../../src/atoms/Overlay/Overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,OAAO,GAAG,UAAU,CAAwB,SAAS,OAAO,CAChE,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,UAAU,EAAE,EACxC,GAAG;IAEH,OAAO,CACL,6BACE,IAAI,EAAC,cAAc,0CAEN,MAAM,EACnB,GAAG,EAAE,GAAG,KACJ,UAAU,GACd,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/atoms/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Overlay';
+export type { Props as OverlayProps } from './Overlay';

package/dist/atoms/Overlay/index.js

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

package/dist/atoms/Overlay/index.js.map

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

package/dist/atoms/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { InputHTMLAttributes } from 'react';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/atoms/Radio/Radio.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Radio = forwardRef(function Radio({ testId = 'fs-radio', ...otherProps }, ref) {
+    return (React.createElement("input", { ref: ref, "data-fs-radio": true, "data-testid": testId, type: "radio", ...otherProps }));
+});
+export default Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/atoms/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/atoms/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,UAAU,EAAE,GAAG,UAAU,EAAc,EAClD,GAAG;IAEH,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,wCAEK,MAAM,EACnB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/atoms/Radio/index.d.ts

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

package/dist/atoms/Radio/index.js

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

package/dist/atoms/Radio/index.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { default as Badge } from './atoms/Badge';
+export type { BadgeProps } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export type { ButtonProps } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export type { CheckboxProps } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export type { IconProps } from './atoms/Icon';
+export { default as Label } from './atoms/Label';
+export type { LabelProps } from './atoms/Label';
+export { default as Overlay } from './atoms/Overlay';
+export type { OverlayProps } from './atoms/Overlay';
+export { default as Radio } from './atoms/Radio';
+export type { RadioProps } from './atoms/Radio';
+export { default as CheckboxField } from './molecules/CheckboxField';
+export type { CheckboxFieldProps } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export type { IconButtonProps } from './molecules/IconButton';
+export { default as RadioField } from './molecules/RadioField';
+export type { RadioFieldProps } from './molecules/RadioField';
+export { default as Tag } from './molecules/Tag';
+export type { TagProps } from './molecules/Tag';

package/dist/index.js

@@ -0,0 +1,14 @@
+// Atoms
+export { default as Badge } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export { default as Label } from './atoms/Label';
+export { default as Overlay } from './atoms/Overlay';
+export { default as Radio } from './atoms/Radio';
+// Molecules
+export { default as CheckboxField } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export { default as RadioField } from './molecules/RadioField';
+export { default as Tag } from './molecules/Tag';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAGhD,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/molecules/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare type CheckboxFieldProps = {
+    /**
+     * 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 checkbox.
+     */
+    label: string;
+    /**
+     * The value to identify the input checkbox.
+     */
+    value?: string;
+    /**
+     * Identify checkbox in the same group.
+     */
+    name?: string;
+};
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxField;

package/dist/molecules/CheckboxField/CheckboxField.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import Checkbox from '../../atoms/Checkbox';
+import Label from '../../atoms/Label';
+const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-checkbox-field": true, "data-testid": testId },
+        React.createElement(Checkbox, { id: id, value: value ?? label, name: name, ...otherProps }),
+        React.createElement(Label, { htmlFor: id }, label)));
+});
+export default CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

package/dist/molecules/CheckboxField/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAyBrC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACvE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

package/dist/molecules/CheckboxField/index.js

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

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

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

package/dist/molecules/IconButton/IconButton.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode, AriaAttributes } from 'react';
+import React from 'react';
+import type { ButtonProps } from '../../index';
+export interface IconButtonProps extends Omit<ButtonProps, 'aria-label'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon: ReactNode;
+    /**
+     * A Label should be provided.
+     */
+    'aria-label': AriaAttributes['aria-label'];
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/dist/molecules/IconButton/IconButton.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { Icon, Button } from '../../index';
+const IconButton = forwardRef(function IconButton({ icon, children, testId = 'fs-icon-button', 'aria-label': ariaLabel, variant, ...otherProps }, ref) {
+    return (React.createElement(Button, { ref: ref, "data-fs-button": true, "data-fs-icon-button": true, testId: testId, variant: variant ?? 'tertiary', "aria-label": ariaLabel, ...otherProps },
+        children,
+        React.createElement(Icon, { component: icon })));
+});
+export default IconButton;
+//# sourceMappingURL=IconButton.js.map

package/dist/molecules/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/molecules/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAkB1C,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,YAAY,EAAE,SAAS,EACvB,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,uDAGR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,UAAU,gBAClB,SAAS,KACjB,UAAU;QAEb,QAAQ;QACT,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,GAAI,CAClB,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

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

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

package/dist/molecules/IconButton/index.js

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

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

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

package/dist/molecules/RadioField/RadioField.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare type RadioFieldProps = {
+    /**
+     * 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 radio.
+     */
+    label: string;
+    /**
+     * The value to identify the input radio.
+     */
+    value?: string;
+    /**
+     * Identify radio in the same group.
+     */
+    name?: string;
+};
+declare const RadioField: React.ForwardRefExoticComponent<RadioFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioField;

package/dist/molecules/RadioField/RadioField.js

@@ -0,0 +1,10 @@
+import Label from '../../atoms/Label';
+import Radio from '../../atoms/Radio';
+import React, { forwardRef } from 'react';
+const RadioField = forwardRef(function RadioField({ testId = 'fs-radio-field', id, label, value, name, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-radio-field": true, "data-testid": testId },
+        React.createElement(Radio, { id: id, value: value ?? label, name: name, ...otherProps }),
+        React.createElement(Label, { htmlFor: id }, label)));
+});
+export default RadioField;
+//# sourceMappingURL=RadioField.js.map

package/dist/molecules/RadioField/RadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../src/molecules/RadioField/RadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAyBzC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EAAE,MAAM,GAAG,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,8CAAmC,MAAM;QACpD,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACpE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

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

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

package/dist/molecules/RadioField/index.js

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

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

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