@faststore/components 1.12.19 → 2.0.0-alpha.0

package/.turbo/turbo-build.log

@@ -0,0 +1 @@
+$ tsc

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.12.20 (2022-10-26)
+
+
+### Chores
+
+* git blame ignore modification by data-fs ([#1494](https://github.com/vtex/faststore/issues/1494)) ([783079e](https://github.com/vtex/faststore/commit/783079e7095b39270bbb60e79063b774056dc5d4))
+
+
+
 ## 1.12.19 (2022-10-25)
 
 

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,8 @@
+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 },
+            React.createElement("span", null, 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;YACE,kCAAO,QAAQ,CAAQ,CACnB,CACF,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/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,20 @@
+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 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,13 @@
+// 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 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,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 = 'tertiary', ...otherProps }, ref) {
+    return (React.createElement(Button, { ref: ref, "data-fs-button": true, "data-fs-icon-button": true, testId: testId, variant: variant, "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,GAAG,UAAU,EACpB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,uDAGR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,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"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ReactNode } 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;
+    /**
+     * 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,11 @@
+import React, { forwardRef } from 'react';
+import { IconButton } from '../..';
+import { Badge } from '../..';
+import { X } from '@faststore/ui/src/assets';
+const Tag = forwardRef(function Tag({ testId = 'fs-radio-field', label, icon, onClose, ...otherProps }, ref) {
+    return (React.createElement(Badge, { ref: ref, "data-fs-tag": true, "data-testid": testId, ...otherProps },
+        label,
+        React.createElement(IconButton, { "data-fs-tag-icon-button": true, icon: icon ? icon : React.createElement(X, null), "aria-label": "remove", onClick: onClose })));
+});
+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":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,KAAK,EAAc,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAqB5C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,sCAA2B,MAAM,KAAM,UAAU;QAC7D,KAAK;QACN,oBAAC,UAAU,qCAET,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,CAAC,OAAG,gBACd,QAAQ,EACnB,OAAO,EAAE,OAAO,GAChB,CACI,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/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@faststore/components",
-  "version": "1.12.19",
+  "version": "2.0.0-alpha.0",
   "main": "index.js",
   "author": "Emerson Laurentino @emersonlaurentino",
   "license": "MIT",
-  "gitHead": "5d5338e9f856f19c8b190ddbaba1ee243f1ea8b6"
+  "gitHead": "82a6325bd801a6c3a36a2d2aa294ea36a5e9b18d"
 }