@intellihr/blueberry 1.0.0-beta.9 → 1.0.0-beta.91

package/dist/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";AAQA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAEP,CAAA;AAEF,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";AAQA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kHAEP,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -6,8 +6,8 @@ interface IBreadcrumbItem {
 interface IBreadcrumbs {
     /** List of links with label + href */
     items: IBreadcrumbItem[];
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const Breadcrumbs: React.FC<IBreadcrumbs>;
 export default Breadcrumbs;

package/dist/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,YAAY;IACpB,sCAAsC;IACtC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAID,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0BvC,CAAA;AAED,eAAe,WAAW,CAAA;AAC1B,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,YAAY;IACpB,sCAAsC;IACtC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAID,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2BvC,CAAA;AAED,eAAe,WAAW,CAAA;AAC1B,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/Button/Button.css.d.ts

@@ -1,67 +1,101 @@
 import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const button: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
-            backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    color: import("@vanilla-extract/private").CSSVarFunction;
+                '&:hover': {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    color: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&:focus': {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&[data-state=open]': {
+                    outline: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+                    outlineOffset: "2px";
                 };
             };
         };
         secondary: {
-            backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                '&:hover': {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&:focus': {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&[data-state=open]': {
+                    outline: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+                    outlineOffset: "2px";
                 };
             };
         };
         tertiary: {
             backgroundColor: "transparent";
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             textDecoration: "underline";
             selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                '&:hover': {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&:focus': {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&[data-state=open]': {
+                    outline: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+                    outlineOffset: "2px";
                 };
             };
         };
         destructive: {
-            backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                '&:hover': {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&:focus': {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                '&[data-state=open]': {
+                    outline: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+                    outlineOffset: "2px";
                 };
             };
         };
     };
     disabled: {
         true: {
-            backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             cursor: "not-allowed";
             selectors: {
-                '&:hover, &:focus, &:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    color: import("@vanilla-extract/private").CSSVarFunction;
+                '&:hover, &:active': {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
@@ -69,7 +103,6 @@ export declare const button: import("@vanilla-extract/recipes/dist/declarations/
     loading: {
         true: {
             cursor: "default";
-            userSelect: "none";
         };
     };
     size: {
@@ -82,10 +115,10 @@ export declare const button: import("@vanilla-extract/recipes/dist/declarations/
     };
     pagination: {
         true: {
-            borderRadius: import("@vanilla-extract/private").CSSVarFunction;
-            minWidth: import("@vanilla-extract/private").CSSVarFunction;
-            paddingLeft: import("@vanilla-extract/private").CSSVarFunction;
-            paddingRight: import("@vanilla-extract/private").CSSVarFunction;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     bleed: {
@@ -94,6 +127,10 @@ export declare const button: import("@vanilla-extract/recipes/dist/declarations/
             marginTop: string;
         };
     };
+    themeMode: {
+        lightMode: {};
+        darkMode: {};
+    };
 }>;
 export type ButtonVariants = Omit<NonNullable<RecipeVariants<typeof button>>, 'pagination'>;
 //# sourceMappingURL=Button.css.d.ts.map

package/dist/Button/Button.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../src/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAIjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuNjB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../src/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAIjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuTjB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA"}

package/dist/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAA;AACrD,OAAsB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAWtE,QAAA,MAAM,MAAM;cARA,cAAc,CAAC,SAAS,CAAC;eACxB,cAAc,CAAC,UAAU,CAAC;cAC3B,cAAc,CAAC,SAAS,CAAC;WAC5B,cAAc,CAAC,MAAM,CAAC;YACrB,cAAc,CAAC,OAAO,CAAC;;;4DAkBhC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAA;AACrD,OAAsB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAYtE,QAAA,MAAM,MAAM;cARA,cAAc,CAAC,SAAS,CAAC;eACxB,cAAc,CAAC,UAAU,CAAC;cAC3B,cAAc,CAAC,SAAS,CAAC;WAC5B,cAAc,CAAC,MAAM,CAAC;YACrB,cAAc,CAAC,OAAO,CAAC;;;4DAqBhC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-declare const ButtonGroup: React.FC<{
+interface IButtonGroup {
+    /** Value for test-id data attribute  */
+    testId?: string;
     children: React.ReactNode[];
-}>;
+}
+declare const ButtonGroup: React.FC<IButtonGroup>;
 export default ButtonGroup;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAAE,CAI1D,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,YAAY;IACpB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBvC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/ButtonIcon/ButtonIcon.d.ts

@@ -1,17 +1,12 @@
 import React from 'react';
-import type { IButtonElement } from '../_private/BaseButton';
-import { ButtonIconVariants } from '../ButtonIcon/ButtonIcon.css';
-import { IIcon } from '../_private/Icon';
 declare const ButtonIcon: React.ForwardRefExoticComponent<{
-    /** Label the button. Set an empty string to remove the tooltip */
     label: string;
-    /** Display an icon to the left of the content */
-    icon: React.FC<IIcon>;
-    /** Display the label in a tooltip when the button is hovered */
+    icon: React.FC<import("../_private/Icon/Icon").IIcon>;
     tooltip?: boolean | undefined;
-    variant?: ButtonIconVariants['variant'];
-    disabled?: ButtonIconVariants['disabled'];
-    bleed?: ButtonIconVariants['bleed'];
-} & Omit<IButtonElement, "children" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
+    variant?: "default" | "destructive" | undefined;
+    disabled?: boolean | undefined;
+    bleed?: boolean | undefined;
+    indicatorCount?: number | undefined;
+} & Omit<import("../_private/BaseButton/BaseButton").IButtonElement, "children" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonIcon;
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/ButtonIcon/ButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAc,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAcrC,QAAA,MAAM,UAAU;IAXd,kEAAkE;WAC3D,MAAM;IACb,iDAAiD;UAC3C,MAAM,EAAE,CAAC,KAAK,CAAC;IACrB,gEAAgE;;cAEtD,kBAAkB,CAAC,SAAS,CAAC;eAC5B,kBAAkB,CAAC,UAAU,CAAC;YACjC,kBAAkB,CAAC,OAAO,CAAC;0FAkCpC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,UAAU;;;;;;;;sIAEd,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/ButtonLink/ButtonLink.d.ts

@@ -11,7 +11,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
     href: string;
     title?: string | undefined;
     rel?: string | undefined;
-    newTab?: boolean | undefined;
+    openNewTab?: boolean | undefined;
     download?: boolean | undefined;
 } & IButtonContent & React.RefAttributes<HTMLAnchorElement>>;
 export default ButtonLink;

package/dist/ButtonLinkIcon/ButtonLinkIcon.d.ts

@@ -1,15 +1,12 @@
 import React from 'react';
-import type { IButtonLinkElement } from '../_private/BaseButton';
-import { IIcon } from '../_private/Icon';
-import { ButtonIconVariants } from '../ButtonIcon/ButtonIcon.css';
 declare const ButtonLinkIcon: React.ForwardRefExoticComponent<{
-    /** Label the button */
     label: string;
-    /** Display an icon to the left of the content */
-    icon: React.FC<IIcon>;
-    variant?: ButtonIconVariants['variant'];
-    disabled?: ButtonIconVariants['disabled'];
-    bleed?: ButtonIconVariants['bleed'];
-} & Omit<IButtonLinkElement, "children" | "loading"> & React.RefAttributes<HTMLAnchorElement>>;
+    icon: React.FC<import("../_private/Icon/Icon").IIcon>;
+    tooltip?: boolean | undefined;
+    variant?: "default" | "destructive" | undefined;
+    disabled?: boolean | undefined;
+    bleed?: boolean | undefined;
+    indicatorCount?: number | undefined;
+} & Omit<import("../_private/BaseButton/BaseButton").IButtonLinkElement, "children" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonLinkIcon;
 //# sourceMappingURL=ButtonLinkIcon.d.ts.map

package/dist/ButtonLinkIcon/ButtonLinkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLinkIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonLinkIcon/ButtonLinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAc,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAa5E,QAAA,MAAM,cAAc;IAVlB,uBAAuB;WAChB,MAAM;IACb,iDAAiD;UAC3C,MAAM,EAAE,CAAC,KAAK,CAAC;cAEX,kBAAkB,CAAC,SAAS,CAAC;eAC5B,kBAAkB,CAAC,UAAU,CAAC;YACjC,kBAAkB,CAAC,OAAO,CAAC;8FAwBpC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ButtonLinkIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonLinkIcon/ButtonLinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,cAAc;;;;;;;;0IAElB,CAAA;AAEF,eAAe,cAAc,CAAA"}

package/dist/CalendarDate/CalendarDate.d.ts

@@ -7,8 +7,8 @@ interface ICalendarDate {
     showTimezone?: boolean;
     /** Optional fallback text if date is null */
     fallback?: string;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const CalendarDate: React.FC<ICalendarDate>;
 export default CalendarDate;

package/dist/CalendarDate/CalendarDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDate.d.ts","sourceRoot":"","sources":["../../src/CalendarDate/CalendarDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAE3E,UAAU,aAAa;IACrB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAA;IACf,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAEzC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"CalendarDate.d.ts","sourceRoot":"","sources":["../../src/CalendarDate/CalendarDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAE3E,UAAU,aAAa;IACrB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAA;IACf,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAEzC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/Card/Card.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.css.d.ts","sourceRoot":"","sources":["../../src/Card/Card.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAcf,CAAA"}
+{"version":3,"file":"Card.css.d.ts","sourceRoot":"","sources":["../../src/Card/Card.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAkBf,CAAA"}

package/dist/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IDropdownMenu } from '../DropdownMenu/DropdownMenu';
+import type { TDropdownMenu } from '../DropdownMenu/DropdownMenu';
 interface ICard {
     /** Card title */
     title: string;
@@ -9,10 +9,12 @@ interface ICard {
     content: React.ReactNode[];
     /** Second line of content below the main content */
     secondaryContent?: React.ReactNode[];
+    /** Optional tag next to the title */
+    tag?: React.ReactNode[];
     /** Optional dropdown below the content */
-    actions?: IDropdownMenu['items'];
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    actions?: TDropdownMenu['items'];
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const Card: React.FC<ICard>;
 export default Card;

package/dist/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQhE,UAAU,KAAK;IACb,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,wBAAwB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACpC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAChC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqEzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKhE,UAAU,KAAK;IACb,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,wBAAwB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACpC,qCAAqC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAChC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/CardList/CardList.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface IItemList {
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     children: JSX.Element[];
 }
 declare const CardList: React.FC<IItemList>;

package/dist/CardList/CardList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardList.d.ts","sourceRoot":"","sources":["../../src/CardList/CardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,SAAS;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAUjC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"CardList.d.ts","sourceRoot":"","sources":["../../src/CardList/CardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,SAAS;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAYjC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/Checkbox/Checkbox.css.d.ts

@@ -1,30 +1,30 @@
 import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const input: string;
-export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const inputLabel: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: {};
         button: {
-            borderRadius: import("@vanilla-extract/private").CSSVarFunction;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
-            padding: import("@vanilla-extract/private").CSSVarFunction;
+            padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             transition: `all var(--${string}) var(--${string})` | `all var(--${string}) var(--${string}, ${string})` | `all var(--${string}) var(--${string}, ${number})` | `all var(--${string}, ${string}) var(--${string})` | `all var(--${string}, ${string}) var(--${string}, ${string})` | `all var(--${string}, ${string}) var(--${string}, ${number})` | `all var(--${string}, ${number}) var(--${string})` | `all var(--${string}, ${number}) var(--${string}, ${string})` | `all var(--${string}, ${number}) var(--${string}, ${number})`;
             selectors: {
                 [x: string]: {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 } | {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     borderColor?: undefined;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
         filter: {
             backgroundColor: "transparent";
             border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
-            borderRadius: import("@vanilla-extract/private").CSSVarFunction;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: "inherit";
             padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
             transition: `all var(--${string}) var(--${string})` | `all var(--${string}) var(--${string}, ${string})` | `all var(--${string}) var(--${string}, ${number})` | `all var(--${string}, ${string}) var(--${string})` | `all var(--${string}, ${string}) var(--${string}, ${string})` | `all var(--${string}, ${string}) var(--${string}, ${number})` | `all var(--${string}, ${number}) var(--${string})` | `all var(--${string}, ${number}) var(--${string}, ${string})` | `all var(--${string}, ${number}) var(--${string}, ${number})`;
@@ -37,21 +37,21 @@ export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarati
                     backgroundColor?: undefined;
                     color?: undefined;
                 } | {
-                    left: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     display?: undefined;
                     backgroundColor?: undefined;
                     color?: undefined;
                 } | {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     display?: undefined;
                     left?: undefined;
                     color?: undefined;
                 } | {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
-                    color: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     display?: undefined;
                     left?: undefined;
                 };
@@ -59,24 +59,24 @@ export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarati
                     display: "none";
                 };
                 '&::after': {
-                    left: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
-                    color: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
     };
     checked: {
         true: {
-            fontWeight: import("@vanilla-extract/private").CSSVarFunction;
+            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 '&::before': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     boxShadow: `0 0 0 3px var(--${string})` | `0 0 0 3px var(--${string}, ${string})` | `0 0 0 3px var(--${string}, ${number})`;
                 };
                 '&::after': {
@@ -84,24 +84,24 @@ export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarati
                     transform: "scale(1) rotate(-45deg) translate3d(0, 0, 0)";
                 };
                 '&:hover::before, &:focus::before': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             cursor: "not-allowed";
             selectors: {
                 '&::before, &:hover::before': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     boxShadow: "none";
                 };
                 '&::after, &:hover::after': {
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
@@ -121,7 +121,7 @@ export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarati
         true: {
             selectors: {
                 '&::before': {
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
@@ -131,12 +131,12 @@ export declare const inputLabel: import("@vanilla-extract/recipes/dist/declarati
         large: {
             selectors: {
                 '&::before': {
-                    height: import("@vanilla-extract/private").CSSVarFunction;
-                    width: import("@vanilla-extract/private").CSSVarFunction;
+                    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 '&::after': {
                     borderWidth: "0 0 0.32rem 0.32rem";
-                    borderColor: import("@vanilla-extract/private").CSSVarFunction;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     height: "0.75rem";
                     margin: "0 0 0.22rem 0.32rem";
                     width: "1.4rem";

package/dist/Checkbox/Checkbox.d.ts

@@ -3,6 +3,8 @@ import { LabelVariants } from './Checkbox.css';
 interface ICheckbox {
     /** Link the label to the input */
     id: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     /** The label text */
     label: React.ReactNode;
     /** Optional description in a popover */
@@ -32,4 +34,5 @@ interface ICheckbox {
 }
 declare const Checkbox: React.FC<ICheckbox>;
 export default Checkbox;
+export type { ICheckbox as TCheckbox };
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEjE,UAAU,SAAS;IACjB,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+DjC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAGjE,UAAU,SAAS;IACjB,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkEjC,CAAA;AAED,eAAe,QAAQ,CAAA;AACvB,YAAY,EAAE,SAAS,IAAI,SAAS,EAAE,CAAA"}

package/dist/Checkbox/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './Checkbox';
+export type { TCheckbox } from './Checkbox';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { LabelVariants } from '../Checkbox/Checkbox.css';
-interface ICheckbox {
+interface ICheckboxGroupOption {
     /** The input ID and value */
     id: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     /** The label text */
     label: React.ReactNode;
     /** An optional description */
@@ -12,7 +14,7 @@ interface ICheckbox {
 }
 interface ICheckboxGroup {
     /** An array of checkbox options */
-    options: ICheckbox[];
+    options: ICheckboxGroupOption[];
     /** The selected option IDs */
     selectedOptions?: string[];
     /** Change style to button */
@@ -26,8 +28,11 @@ interface ICheckboxGroup {
     /** Callback when checked state changes */
     onChange: (ids: string[]) => void;
     /** Link the parent label to the input */
-    id?: string;
+    id: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const CheckboxGroup: React.FC<ICheckboxGroup>;
 export default CheckboxGroup;
+export type { ICheckboxGroup as TCheckboxGroup, ICheckboxGroupOption as TCheckboxGroupOption };
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAGvD,UAAU,SAAS;IACjB,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACjC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqG3C,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAGvD,UAAU,oBAAoB;IAC5B,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACjC,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwG3C,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,YAAY,EAAE,cAAc,IAAI,cAAc,EAAE,oBAAoB,IAAI,oBAAoB,EAAE,CAAA"}

package/dist/CheckboxGroup/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './CheckboxGroup';
+export type { TCheckboxGroup, TCheckboxGroupOption } from './CheckboxGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/CheckboxGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA"}