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

package/dist/MangoTextarea/MangoTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MangoTextarea.d.ts","sourceRoot":"","sources":["../../src/MangoTextarea/MangoTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEtF,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;IACxF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD3C,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,YAAY,EAAE,cAAc,IAAI,cAAc,EAAE,CAAA"}

package/dist/MangoTextarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './MangoTextarea';
+export type { TMangoTextarea } from './MangoTextarea';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/MangoToast/MangoToast.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IMangoToast {
+    open: boolean;
+    tone: 'positive' | 'neutral' | 'caution' | 'critical';
+    /** Value for test-id data attribute  */
+    testId?: string;
+    duration?: number;
+    actions?: React.ReactElement[];
+    children?: React.ReactNode;
+    closeCallback?: () => void;
+}
+declare const MangoToast: React.FC<IMangoToast>;
+export default MangoToast;
+//# sourceMappingURL=MangoToast.d.ts.map

package/dist/MangoToast/MangoToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MangoToast.d.ts","sourceRoot":"","sources":["../../src/MangoToast/MangoToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IACrD,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BrC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/MangoToast/index.d.ts

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

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

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

package/dist/MangoToastStack/MangoToastStack.d.ts

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

package/dist/MangoToastStack/MangoToastStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MangoToastStack.d.ts","sourceRoot":"","sources":["../../src/MangoToastStack/MangoToastStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,gBAAgB;IACxB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAI/C,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/MangoToastStack/index.d.ts

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

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

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

package/dist/MangoTooltip/MangoTooltip.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface IMangoTooltip {
+    /** The element that triggers the tooltip on hover */
+    trigger: React.ReactNode;
+    /** The text or content inside the tooltip */
+    content: React.ReactNode;
+    /** Force the side that the tooltip will appear on. Default: top */
+    align?: 'top' | 'bottom' | 'left' | 'right';
+    /** Force the tooltip to be visible */
+    open?: boolean;
+    /** Value for test-id data attribute  */
+    testId?: string;
+}
+declare const Tooltip: React.FC<IMangoTooltip>;
+export default Tooltip;
+export type { IMangoTooltip };
+//# sourceMappingURL=MangoTooltip.d.ts.map

package/dist/MangoTooltip/MangoTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MangoTooltip.d.ts","sourceRoot":"","sources":["../../src/MangoTooltip/MangoTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,aAAa;IACrB,qDAAqD;IACrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,6CAA6C;IAC7C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC3C,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWpC,CAAA;AAED,eAAe,OAAO,CAAA;AACtB,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/MangoTooltip/index.d.ts

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

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

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

package/dist/MangoTurnBack/MangoTurnBack.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IMangoTurnBack {
+    variant: 'page-not-found' | 'generic-error' | 'connection-error' | 'identity-error' | 'permission-error' | 'warning' | 'success' | 'form-complete';
+    title: React.ReactNode;
+    description: React.ReactNode[] | React.ReactNode;
+    actions: React.ReactElement[];
+    /** Value for test-id data attribute  */
+    testId?: string;
+}
+declare const MangoTurnBack: React.FC<IMangoTurnBack>;
+export default MangoTurnBack;
+//# sourceMappingURL=MangoTurnBack.d.ts.map

package/dist/MangoTurnBack/MangoTurnBack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MangoTurnBack.d.ts","sourceRoot":"","sources":["../../src/MangoTurnBack/MangoTurnBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,OAAO,EACH,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,kBAAkB,GAClB,SAAS,GACT,SAAS,GACT,eAAe,CAAA;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;IAChD,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,CAAA;IAC7B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgB3C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/MangoTurnBack/index.d.ts

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

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

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

package/dist/Markdown/Markdown.d.ts

@@ -7,8 +7,8 @@ import React from 'react';
 interface IMarkdown {
     /** Accept HTML content instead of Markdown */
     html?: boolean;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     children: React.ReactNode;
 }
 declare const Markdown: React.FC<IMarkdown>;

package/dist/Markdown/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;;;GAIG;AAEH,UAAU,SAAS;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BjC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB;;;;GAIG;AAEH,UAAU,SAAS;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BjC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/Modal/Modal.css.d.ts

@@ -1,4 +1,4 @@
-export declare const wrapper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         form: {
             maxWidth: "25rem";
@@ -6,6 +6,9 @@ export declare const wrapper: import("@vanilla-extract/recipes/dist/declarations
         content: {
             maxWidth: "35rem";
         };
+        wideContent: {
+            maxWidth: "55rem";
+        };
         table: {
             maxWidth: "90vw";
         };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;EAyClB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA"}
+{"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;EA6ClB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA"}

package/dist/Modal/Modal.d.ts

@@ -14,13 +14,13 @@ interface IModal {
     /** User can close the dialog with Esc key or tapping the overlay */
     closable?: boolean;
     /** Set the width of the modal */
-    variant?: 'form' | 'content' | 'table';
+    variant?: 'form' | 'content' | 'wideContent' | 'table';
     /** For external trigger: open and close dialog */
     open?: boolean;
     /** For external trigger: callback when dialog is opened or closed */
     onOpenChange?: (open: boolean) => void;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     /** The text or content inside the dialog */
     children: React.ReactNode;
 }

package/dist/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,uFAAuF;AAEvF,UAAU,MAAM;IACd,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqE3B,CAAA;AAED,eAAe,KAAK,CAAA;AACpB,YAAY,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,uFAAuF;AAEvF,UAAU,MAAM;IACd,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;IACtD,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsE3B,CAAA;AAED,eAAe,KAAK,CAAA;AACpB,YAAY,EAAE,MAAM,EAAE,CAAA"}

package/dist/ModalNavigation/ModalNavigation.css.d.ts

@@ -5,8 +5,22 @@ export declare const subMenu: string;
 export declare const subMenuHeader: string;
 export declare const subMenuHeaderLabel: string;
 export declare const subMenuHeaderIcon: string;
-export declare const subMenuPrimaryItem: string;
+export declare const subMenuPrimaryItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 export declare const subMenuPrimaryIcon: string;
 export declare const subMenuSecondaryTitle: string;
-export declare const subMenuSecondaryItem: string;
+export declare const subMenuSecondaryItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 //# sourceMappingURL=ModalNavigation.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalNavigation.css.d.ts","sourceRoot":"","sources":["../../src/ModalNavigation/ModalNavigation.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAWnB,CAAA;AAEF,eAAO,MAAM,OAAO,QAclB,CAAA;AAEF,eAAO,MAAM,aAAa,QAQxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAM7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAe7B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAEhC,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAc/B,CAAA"}
+{"version":3,"file":"ModalNavigation.css.d.ts","sourceRoot":"","sources":["../../src/ModalNavigation/ModalNavigation.css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAWnB,CAAA;AAEF,eAAO,MAAM,OAAO,QAclB,CAAA;AAEF,eAAO,MAAM,aAAa,QAQxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAO7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;EAkC7B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAEhC,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;EAiC/B,CAAA"}

package/dist/ModalNavigation/ModalNavigation.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import { TNavigationItem } from '../_private/Navigation/navigationTypes';
+import { IExternalAppItem, INativeAppItem, TNavigationItem } from '../_private/Navigation/navigationTypes';
 interface IModalNavigationProps {
-    id?: string;
+    testId?: string;
     logo?: string;
     items: TNavigationItem[];
+    nativeApps?: INativeAppItem[];
+    externalApps?: IExternalAppItem[];
 }
 declare const ModalNavigation: React.FC<IModalNavigationProps>;
 export default ModalNavigation;

package/dist/ModalNavigation/ModalNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalNavigation.d.ts","sourceRoot":"","sources":["../../src/ModalNavigation/ModalNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAsCvE,OAAO,EAAuB,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAG1F,UAAU,qBAAqB;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB;AA6JD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgFpD,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ModalNavigation.d.ts","sourceRoot":"","sources":["../../src/ModalNavigation/ModalNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAqCvE,OAAO,EACL,gBAAgB,EAChB,cAAc,EAEd,eAAe,EAChB,MAAM,qCAAqC,CAAA;AAK5C,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAClC;AAgMD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8FpD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/Notice/Notice.d.ts

@@ -4,8 +4,8 @@ type NoticeVariants = {
     tone: 'info' | 'highlight' | 'caution' | 'critical';
 };
 type INotice = NoticeVariants & {
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     children: React.ReactNode;
 };
 declare const Notice: React.FC<INotice>;

package/dist/Notice/Notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.d.ts","sourceRoot":"","sources":["../../src/Notice/Notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,cAAc,GAAG;IACpB,gCAAgC;IAChC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAA;CACpD,CAAA;AAED,KAAK,OAAO,GAAG,cAAc,GAAG;IAC9B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAmB7B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Notice.d.ts","sourceRoot":"","sources":["../../src/Notice/Notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,cAAc,GAAG;IACpB,gCAAgC;IAChC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAA;CACpD,CAAA;AAED,KAAK,OAAO,GAAG,cAAc,GAAG;IAC9B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAmB7B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Page/Page.css.d.ts

@@ -1,4 +1,4 @@
-export declare const page: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const page: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         form: {
             maxWidth: "56rem";

package/dist/Page/Page.d.ts

@@ -15,8 +15,8 @@ type IPage = {
     showTimezoneDisclaimer?: boolean;
     /** Show Beta label */
     isBeta?: boolean;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
     /** Add all page content here */
     children: React.ReactNode;
 };

package/dist/Page/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,KAAK,KAAK,GAAG;IACX,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,gCAAgC;IAChC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,wCAAwC;IACxC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8CzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,KAAK,KAAK,GAAG;IACX,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,gCAAgC;IAChC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,wCAAwC;IACxC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/Pagination/Pagination.d.ts

@@ -10,8 +10,8 @@ export interface IPagination {
     itemCount?: number;
     /** Page changing callback */
     onPageChange: (page: number) => void;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const Pagination: React.FC<IPagination>;
 export default Pagination;

package/dist/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoHrC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoHrC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/Person/Person.css.d.ts

@@ -1,2 +1,15 @@
 export declare const personAnchor: string;
+export declare const personNameText: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        large: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        medium: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        small: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 //# sourceMappingURL=Person.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Person.css.d.ts","sourceRoot":"","sources":["../../src/Person/Person.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QA+BvB,CAAA"}
+{"version":3,"file":"Person.css.d.ts","sourceRoot":"","sources":["../../src/Person/Person.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,QA+BvB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;EAiBzB,CAAA"}

package/dist/Person/Person.d.ts

@@ -14,8 +14,8 @@ interface IPerson {
     href?: string;
     /** The Avatar size */
     size?: 'small' | 'medium' | 'large';
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const Person: React.FC<IPerson>;
 export default Person;

package/dist/Person/Person.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Person.d.ts","sourceRoot":"","sources":["../../src/Person/Person.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,OAAO;IACf,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CA0E7B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Person.d.ts","sourceRoot":"","sources":["../../src/Person/Person.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,OAAO;IACf,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAsE7B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/PhoneNumber/PhoneNumber.d.ts

@@ -7,8 +7,8 @@ interface IPhoneNumber {
     countryCode?: CountryCode;
     /** Show the flag matching the countryCode */
     showFlag?: boolean;
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const PhoneNumber: React.FC<IPhoneNumber>;
 export default PhoneNumber;

package/dist/PhoneNumber/PhoneNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.d.ts","sourceRoot":"","sources":["../../src/PhoneNumber/PhoneNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAA;AAMrD,UAAU,YAAY;IACpB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAevC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"PhoneNumber.d.ts","sourceRoot":"","sources":["../../src/PhoneNumber/PhoneNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAA;AAOrD,UAAU,YAAY;IACpB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBvC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/Popover/Popover.css.d.ts

@@ -1,17 +1,17 @@
-export declare const popoverContent: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    tone: {
+export declare const popoverContent: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
         light: {};
         dark: {
-            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})`;
         };
     };
 }>;
-export declare const arrow: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    tone: {
+export declare const arrow: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
         light: {};
         dark: {
-            fill: import("@vanilla-extract/private").CSSVarFunction;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;;;;;;;EA+BzB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;EAehB,CAAA;AAEF,eAAO,MAAM,cAAc,QAezB,CAAA"}
+{"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;;;;;;;EAgCzB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;EAehB,CAAA;AAEF,eAAO,MAAM,cAAc,QAezB,CAAA"}

package/dist/Popover/Popover.d.ts

@@ -11,6 +11,10 @@ interface IPopover {
     open?: boolean;
     /** Callback that triggers when popover is opened or closed */
     onOpenChange?: (open: boolean) => void;
+    /** Value for test-id data attribute  */
+    testId?: string;
+    /** Variant */
+    variant?: 'light' | 'dark';
 }
 declare const Popover: React.FC<IPopover>;
 export default Popover;

package/dist/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,yFAAyF;AAEzF,UAAU,QAAQ;IAChB,qDAAqD;IACrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,6CAA6C;IAC7C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC3C,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAc/B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,yFAAyF;AAEzF,UAAU,QAAQ;IAChB,qDAAqD;IACrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,6CAA6C;IAC7C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC3C,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwB/B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/Progress/Progress.css.d.ts

@@ -0,0 +1,65 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const circleRadius = 0.8;
+export declare const circleCircumference = 5;
+export declare const progressBarWrapper: string;
+export declare const progressBar: import("@vanilla-extract/recipes").RuntimeFn<{
+    tone: {
+        default: {
+            background: `linear-gradient(to right, var(--${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${number}))`;
+        };
+        positive: {
+            background: `linear-gradient(to right, var(--${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${number}))`;
+        };
+        caution: {
+            background: `linear-gradient(to right, var(--${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${number}))`;
+        };
+        critical: {
+            background: `linear-gradient(to right, var(--${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${number}))`;
+        };
+    };
+    completed: {
+        true: {
+            background: `linear-gradient(to right, var(--${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${string}), var(--${string}, ${number}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${string}))` | `linear-gradient(to right, var(--${string}, ${number}), var(--${string}, ${number}))`;
+        };
+    };
+}>;
+export declare const progressCircleWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+    completed: {
+        true: {
+            animation: `${string} 0.15s 0.2s cubic-bezier(.01, .27, 1, .44) forwards`;
+        };
+    };
+}>;
+export declare const progressCircleTrack: string;
+export declare const progressCircle: import("@vanilla-extract/recipes").RuntimeFn<{
+    tone: {
+        default: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        positive: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        caution: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    completed: {
+        true: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const circleComplete: import("@vanilla-extract/recipes").RuntimeFn<{
+    completed: {
+        true: {
+            animation: `${string} 0.1s 0.25s cubic-bezier(.01, .27, 1, .44) forwards`;
+            transform: "scale(0)";
+        };
+    };
+}>;
+export declare const star: string;
+export type ProgressVariants = NonNullable<RecipeVariants<typeof progressBar>>;
+//# sourceMappingURL=Progress.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.css.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,YAAY,MAAM,CAAA;AAC/B,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAoBpC,eAAO,MAAM,kBAAkB,QAQ7B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;EA6BtB,CAAA;AAEF,eAAO,MAAM,qBAAqB;;;;;;EAchC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EA8BzB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;EAgBzB,CAAA;AAEF,eAAO,MAAM,IAAI,QAKf,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA"}

package/dist/Progress/Progress.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ProgressVariants } from './Progress.css';
+interface IProgress {
+    /** Progress style */
+    variant?: 'bar' | 'circle';
+    /** Progress tone */
+    tone?: ProgressVariants['tone'];
+    /** Progress out of 100 */
+    progress?: number;
+    /** Show tooltip of current percent complete */
+    tooltip?: boolean;
+    /** Turn indicator green when progress = 100 */
+    showCompleted?: boolean;
+    /** Animate indicator when progress = 100. */
+    animateCompleted?: boolean;
+    /** Value for test-id data attribute  */
+    testId?: string;
+}
+declare const Progress: React.FC<IProgress>;
+export default Progress;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,EAQL,gBAAgB,EAGjB,MAAM,gBAAgB,CAAA;AAGvB,UAAU,SAAS;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC1B,oBAAoB;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAUD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkFjC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/Progress/index.d.ts

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

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

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

package/dist/ProgressTracker/ProgressTracker.css.d.ts

@@ -1,4 +1,4 @@
-export declare const nav: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const nav: import("@vanilla-extract/recipes").RuntimeFn<{
     short: {
         true: {
             width: "50%";
@@ -6,35 +6,39 @@ export declare const nav: import("@vanilla-extract/recipes/dist/declarations/src
     };
 }>;
 export declare const li: string;
-export declare const step: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const step: import("@vanilla-extract/recipes").RuntimeFn<{
     active: {
         true: {
-            color: import("@vanilla-extract/private").CSSVarFunction;
-            fontWeight: import("@vanilla-extract/private").CSSVarFunction;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
-export declare const stepLabel: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<import("@vanilla-extract/recipes/dist/declarations/src/types").VariantGroups>;
-export declare const stepNumber: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const stepLabel: import("@vanilla-extract/recipes").RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+    };
+}>;
+export declare const stepNumber: import("@vanilla-extract/recipes").RuntimeFn<{
     active: {
         true: {
             animation: `0.2s var(--${string}) ${string}` | `0.2s var(--${string}, ${string}) ${string}` | `0.2s var(--${string}, ${number}) ${string}`;
-            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: {
                 [x: string]: {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
     };
     completed: {
         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})`;
             selectors: {
                 [x: string]: {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressTracker.css.d.ts","sourceRoot":"","sources":["../../src/ProgressTracker/ProgressTracker.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,GAAG;;;;;;EAiBd,CAAA;AAEF,eAAO,MAAM,EAAE,QAoBb,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;EA+Bf,CAAA;AAEF,eAAO,MAAM,SAAS,wJAiBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;EAuDrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA"}
+{"version":3,"file":"ProgressTracker.css.d.ts","sourceRoot":"","sources":["../../src/ProgressTracker/ProgressTracker.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,GAAG;;;;;;EAiBd,CAAA;AAEF,eAAO,MAAM,EAAE,QAoBb,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;EA+Bf,CAAA;AAEF,eAAO,MAAM,SAAS;;;;EAiBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;EAuDrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA"}

package/dist/ProgressTracker/ProgressTracker.d.ts

@@ -13,8 +13,8 @@ interface IProgressTracker {
     onStepChange: (step: number) => void;
     /** Condense progress tracker for small screens */
     variant?: 'default' | 'mobile';
-    /** Attach a data-cy prop for Cypress to reference */
-    id?: string;
+    /** Value for test-id data attribute  */
+    testId?: string;
 }
 declare const ProgressTracker: React.FC<IProgressTracker>;
 export default ProgressTracker;