@tmorrow/cre8-react 1.0.20 → 1.1.2

package/lib/components/Accordion/Cre8Accordion.d.ts

@@ -1,9 +1,9 @@
 import { Cre8Accordion as Cre8AccordionElement } from '@tmorrow/cre8-wc/lib/components/accordion/accordion';
 export interface Cre8AccordionProps {
     /** borderType */
-    borderType?: "rectangle" | "rounded-bottom" | "rounded" | "none" | undefined;
+    borderType?: any;
     /** When it is true, the inner dividers are displayed; if it is false, the inner dividers are not displayed */
-    hasDivider?: boolean | undefined;
+    hasDivider?: boolean;
 }
 /**
  * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.

package/lib/components/Accordion/Cre8Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Accordion.d.ts","sourceRoot":"","sources":["../../../components/Accordion/Cre8Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG5G,MAAM,WAAW,kBAAkB;IACjC,iBAAiB;IACjB,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E,8GAA8G;IAC9G,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,kEAKxB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"Cre8Accordion.d.ts","sourceRoot":"","sources":["../../../components/Accordion/Cre8Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG5G,MAAM,WAAW,kBAAkB;IACjC,iBAAiB;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,8GAA8G;IAC9G,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,kEAKxB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/components/AccordionItem/Cre8AccordionItem.d.ts

@@ -2,21 +2,23 @@ import { Cre8AccordionItem as Cre8AccordionItemElement } from '@tmorrow/cre8-wc/
 import React from 'react';
 export interface Cre8AccordionItemProps {
     /** When true, the Accordion Item is opens, when false it closes; */
-    isActive?: boolean | undefined;
+    isActive?: boolean;
+    /** Optional custom id for the accordion item, if one is not set, a random id is generated for you. */
+    accordionItemId?: string | undefined;
     /** Controls the positioning of the dropdown icon in relation to the text, true puts the icon before the text and false/undefined default the icon to the opposite side of the accordion item */
     iconBefore?: boolean | undefined;
     /** Controls the appearance  of dropdown icon as being an icon-only button. true renders the tertiary variant and false/undefined renders the default secondary appearance. */
     tertiaryIcon?: boolean | undefined;
     /** Users can choose between two header sizes:  'sm' [title-default] or 'lg' [title-large]. */
-    size?: "sm" | "lg";
+    size?: any;
     /** Purely meant to help the user structure the HTML page hierarchy. Does not change the header size. Defaults to 'h3' */
-    headingTagVariant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    headingTagVariant?: any;
     /** Controls the text content of the Accordion Item heading. */
     heading?: string;
     /** Controls whether the header takes on the theme's 'brand-strong' color */
     brandHeader?: boolean | undefined;
-    /** Optional custom id for the accordion item, if one is not set, a random id is generated for you. */
-    accordionItemId?: string | undefined;
+    /** The aria attribute to which is assigned the id of the details section which is revealed via interaction with the header. */
+    ariaControls?: string;
     children?: React.ReactNode;
 }
 /**

package/lib/components/AccordionItem/Cre8AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8AccordionItem.d.ts","sourceRoot":"","sources":["../../../components/AccordionItem/Cre8AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB;IACrC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gMAAgM;IAChM,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,8FAA8F;IAC9F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5D,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,sGAAsG;IACtG,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sEAK5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"Cre8AccordionItem.d.ts","sourceRoot":"","sources":["../../../components/AccordionItem/Cre8AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB;IACrC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,gMAAgM;IAChM,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,8FAA8F;IAC9F,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,+HAA+H;IAC/H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sEAK5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/AccordionItem/Cre8AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8AccordionItem.js","sourceRoot":"","sources":["../../../components/AccordionItem/Cre8AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,qBAAqB;IAC9B,YAAY,EAAE,wBAAwB;CAEvC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"Cre8AccordionItem.js","sourceRoot":"","sources":["../../../components/AccordionItem/Cre8AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,qBAAqB;IAC9B,YAAY,EAAE,wBAAwB;CAEvC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Alert/Cre8Alert.d.ts

@@ -1,10 +1,10 @@
 import { Cre8Alert as Cre8AlertElement } from '@tmorrow/cre8-wc/lib/components/alert/alert';
 export interface Cre8AlertProps {
     /** The alert type. */
-    status?: "error" | "info" | "notification" | "neutral" | "warning" | "success" | undefined;
+    status?: any;
     /** The alert variant. */
-    variant?: "standalone" | "banner";
-    emphasis?: "subtle" | "strong";
+    variant?: any;
+    emphasis?: any;
     iconAlert?: string;
     /** Icon title used for the icon alt text */
     iconTitle?: string | undefined;

package/lib/components/Alert/Cre8Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Alert.d.ts","sourceRoot":"","sources":["../../../components/Alert/Cre8Alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3F,yBAAyB;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,8DAKpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Cre8Alert.d.ts","sourceRoot":"","sources":["../../../components/Alert/Cre8Alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,8DAKpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/Band/Cre8Band.d.ts

@@ -2,7 +2,7 @@ import { Cre8Band as Cre8BandElement } from '@tmorrow/cre8-wc/lib/components/ban
 import React from 'react';
 export interface Cre8BandProps {
     /** Gradient variant <cre8-text-passage size="sm"> <ul> <li>**1** renders the band with the set gradient background</li> </ul> </cre8-text-passage> */
-    variant?: "branded" | undefined;
+    variant?: any;
     /** Full height variant 1) Sets the height to 100% */
     fullHeight?: boolean | undefined;
     children?: React.ReactNode;

package/lib/components/Band/Cre8Band.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Band.d.ts","sourceRoot":"","sources":["../../../components/Band/Cre8Band.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,sJAAsJ;IACtJ,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,6DAKnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Cre8Band.d.ts","sourceRoot":"","sources":["../../../components/Band/Cre8Band.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,sJAAsJ;IACtJ,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,6DAKnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/Button/Cre8Button.d.ts

@@ -1,19 +1,27 @@
 import { Cre8Button as Cre8ButtonElement } from '@tmorrow/cre8-wc/lib/components/button/button';
 export interface Cre8ButtonProps {
-    /** The button text. Should be as short and simple as possible, ideally a maximum of 3 words. - Use Title Case for readability. - Should not include punctuation (exception: "Loading..."). - Should not be used as an indicator of what happens on the next page, or as a substitute for a progress meter. */
-    text?: string | undefined;
-    /** Style variant - **primary** renders the button used for primary actions. Presents highest visual priority.   When grouped with other buttons, only one primary is allowed - **secondary** renders a secondary button. Presents a lower visual priority - **tertiary** renders a tertiary button. Presents the lowest visual priority.   Should be used in limited amounts - consider if a link (`<a>`) would be more appropriate */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
     /** Disabled attribute */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** This property is for a neutral button propery mainly used for the secondary or tertiary button variant. */
     neutral?: boolean | undefined;
     /** Inverse attribute */
-    inverse?: boolean;
+    inverse?: boolean | undefined;
+    /** Full width button */
+    fullWidth?: boolean | undefined;
+    /** * Changes styling to an active state with a spinning icon. * Adds accessibility treatment by:   * announcing via voiceover when the loading success/error state via a aria-live region   * setting `aria-disabled` * Disables click events / form submitting while allowing focus (for accessibility) */
+    loading?: boolean | undefined;
+    /** * Variant of the loading button that:   * Removes loading spinner   * Informs the SR user that the loading status is now complete, with visually hidden text in the live area */
+    loadingComplete?: boolean | undefined;
+    /** The button text. Should be as short and simple as possible, ideally a maximum of 3 words. - Use Title Case for readability. - Should not include punctuation (exception: "Loading..."). - Should not be used as an indicator of what happens on the next page, or as a substitute for a progress meter. */
+    text?: string;
+    /** Style variant - **primary** renders the button used for primary actions. Presents highest visual priority.   When grouped with other buttons, only one primary is allowed - **secondary** renders a secondary button. Presents a lower visual priority - **tertiary** renders a tertiary button. Presents the lowest visual priority.   Should be used in limited amounts - consider if a link (`<a>`) would be more appropriate */
+    variant?: any;
     /** Provide this property if you intend to use button styles for an anchor tag (`<a>`). This changes the component markup from `<button>` usage to `<a>` instead. */
     href?: string | undefined;
     /** Target attribute for a link if providing `href` to style a link as a button - **_blank** yields a link that opens in a new tab - **_self** yields a link that loads the URL into the same browsing context as the current one.   This is the default behavior - **_parent** yields a link that loads the URL into the parent browsing context of the current one.   If there is no parent, this behaves the same way as _self - **_top** yields a link that loads the URL into the top-level browsing context.   If there is no parent, this behaves the same way as _self. */
-    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    target?: any;
+    /** Type of button. - **button** (default) button has no default behavior and does nothing unless provided some sort of client-side trigger - **submit** button for submitting form data to a server */
+    type?: any;
     /** Rel if this is an <a> element - this swaps <button> for <a> */
     rel?: string | undefined;
     /** Deprecated: iconName, use svg instead Icon name if including an icon within a button. Must include the icon's position with `iconPostion`. This prop is used for <cre8-icon-legacy> */
@@ -25,27 +33,17 @@ export interface Cre8ButtonProps {
     /** iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction */
     iconFlipDirection?: string | undefined;
     /** Icon position. Must include the name of the icon with `iconName`  - **before** places the icon before the button text - **after** places the icon after the button text */
-    iconPosition?: "before" | "after" | undefined;
+    iconPosition?: any;
     /** Size variants add another way to increase or decrease visual priority of a button. - **sm** Shrinks the button typography and overall size from the default. Use when vertical space is constrained. - **md** This is the default value for the size. - **lg** Increases the button typography and overall size from the default. */
-    size?: "sm" | "lg" | "md";
+    size?: any;
     /** Visually hide button text. Text is still accessible to assistive technology. Use this for icon-only buttons for accessibility */
     hideText?: boolean | undefined;
-    /** Full width button */
-    fullWidth?: boolean;
-    /** * Changes styling to an active state with a spinning icon. * Adds accessibility treatment by:   * announcing via voiceover when the loading success/error state via a aria-live region   * setting `aria-disabled` * Disables click events / form submitting while allowing focus (for accessibility) */
-    loading?: boolean;
-    /** * Variant of the loading button that:   * Removes loading spinner   * Informs the SR user that the loading status is now complete, with visually hidden text in the live area */
-    loadingComplete?: boolean;
     /** Controls whether your loading status update to voiceover users will occur immediately (used for more urgently needed updates) using `assertive` or at the next convenient pause in their navigation using `polite`. */
-    ariaLive?: "polite" | "assertive";
+    ariaLive?: any;
     /** These two subvariants of the split button style the two seperate buttons to style as a singular button */
-    splitButtonType?: "text" | "caret" | undefined;
+    splitButtonType?: any;
     /** Button aria expanded attribute */
     buttonAriaExpanded?: boolean | undefined;
-    /** Type of button. - **button** (default) button has no default behavior and does nothing unless provided some sort of client-side trigger - **submit** button for submitting form data to a server */
-    type?: "button" | "submit" | "reset";
-    /** The value of the form field. */
-    value?: string;
 }
 /**
  * The size and state of buttons on the screen serve as visual cues for the user

package/lib/components/Button/Cre8Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Cre8Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAGhG,MAAM,WAAW,eAAe;IAC9B,8SAA8S;IAC9S,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,uaAAua;IACva,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oKAAoK;IACpK,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,kjBAAkjB;IACljB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7D,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,0LAA0L;IAC1L,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,iMAAiM;IACjM,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9C,wUAAwU;IACxU,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oIAAoI;IACpI,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4SAA4S;IAC5S,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oLAAoL;IACpL,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0NAA0N;IAC1N,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,6GAA6G;IAC7G,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC,uMAAuM;IACvM,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,+DAKrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Cre8Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Cre8Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAGhG,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,4SAA4S;IAC5S,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,oLAAoL;IACpL,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,8SAA8S;IAC9S,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uaAAua;IACva,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,oKAAoK;IACpK,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,kjBAAkjB;IACljB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uMAAuM;IACvM,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,0LAA0L;IAC1L,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,iMAAiM;IACjM,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,wUAAwU;IACxU,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,oIAAoI;IACpI,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0NAA0N;IAC1N,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,6GAA6G;IAC7G,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,+DAKrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/components/Button/Cre8Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Button.js","sourceRoot":"","sources":["../../../components/Button/Cre8Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAmD1B;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;CAEhC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Cre8Button.js","sourceRoot":"","sources":["../../../components/Button/Cre8Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;CAEhC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/components/ButtonGroup/Cre8ButtonGroup.d.ts

@@ -2,7 +2,7 @@ import { Cre8ButtonGroup as Cre8ButtonGroupElement } from '@tmorrow/cre8-wc/lib/
 import React from 'react';
 export interface Cre8ButtonGroupProps {
     /** Responsive Button Group (for modals) */
-    orientation?: "responsive-full-width" | undefined;
+    orientation?: any;
     children?: React.ReactNode;
 }
 /**

package/lib/components/ButtonGroup/Cre8ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup/Cre8ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,2DAA2D,CAAC;AACtH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oEAK1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Cre8ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup/Cre8ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,2DAA2D,CAAC;AACtH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oEAK1B,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/lib/components/Card/Cre8Card.d.ts

@@ -2,9 +2,9 @@ import { Cre8Card as Cre8CardElement } from '@tmorrow/cre8-wc/lib/components/car
 import React from 'react';
 export interface Cre8CardProps {
     /** Style variants - **bare** renders a card without a border and without padding around the content - **horizontal** renders a card with header, body, footer oriented in a row rather than a column - **horizontal-bare** renders a card with header, body, footer oriented in a row rather than a column   without a border and without padding around the content */
-    variant?: "bare" | "horizontal" | "horizontal-bare" | undefined;
+    variant?: any;
     /** Alignment variant - **center** renders a card that has center aligned content/text */
-    align?: "center" | undefined;
+    align?: any;
     children?: React.ReactNode;
 }
 /**

package/lib/components/Card/Cre8Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Card.d.ts","sourceRoot":"","sources":["../../../components/Card/Cre8Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,wWAAwW;IACxW,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,SAAS,CAAC;IAChE,yFAAyF;IACzF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,6DAKnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Cre8Card.d.ts","sourceRoot":"","sources":["../../../components/Card/Cre8Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,wWAAwW;IACxW,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,yFAAyF;IACzF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,6DAKnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/Chart/Cre8Chart.d.ts

@@ -1,13 +1,38 @@
 import { Cre8Chart as Cre8ChartElement } from '@tmorrow/cre8-wc/lib/components/chart/chart';
 export interface Cre8ChartProps {
-    chartData?: any;
-    chartType?: any;
-    chartOptions?: object;
-    isLoading?: boolean;
+    /** The type of chart to render. */
+    type?: any;
+    /** Width of the chart container in pixels. If not set, the chart will be responsive. */
+    width?: number | undefined;
+    /** Height of the chart container in pixels. If not set, defaults to 400px. */
+    height?: number;
+    /** Whether the chart should maintain aspect ratio when resizing. */
+    maintainAspectRatio?: boolean;
+    /** Whether the chart should be responsive to container size. */
+    responsive?: boolean;
+    /** Display a loading indicator instead of the chart. */
+    loading?: boolean;
+    /** Accessible label for the chart. */
+    ariaLabel?: string;
+    /** Whether to show the legend. */
+    showLegend?: boolean;
+    /** Position of the legend. */
+    legendPosition?: any;
+    /** Whether to animate chart updates. */
+    enableAnimation?: boolean;
+    /** Animation duration in milliseconds. */
+    animationDuration?: number;
+    onCre8ChartClick?: (event: CustomEvent) => void;
+    onCre8ChartHover?: (event: CustomEvent) => void;
+    onCre8ChartReady?: (event: CustomEvent) => void;
 }
 /**
- * Cre8Chart component
+ * A flexible chart component built on Chart.js that supports multiple chart types
  */
-export declare const Cre8Chart: import("@lit/react").ReactWebComponent<Cre8ChartElement, {}>;
+export declare const Cre8Chart: import("@lit/react").ReactWebComponent<Cre8ChartElement, {
+    onCre8ChartClick: string;
+    onCre8ChartHover: string;
+    onCre8ChartReady: string;
+}>;
 export default Cre8Chart;
 //# sourceMappingURL=Cre8Chart.d.ts.map

package/lib/components/Chart/Cre8Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Chart.d.ts","sourceRoot":"","sources":["../../../components/Chart/Cre8Chart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,8DAKpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Cre8Chart.d.ts","sourceRoot":"","sources":["../../../components/Chart/Cre8Chart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;EASpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/Chart/Cre8Chart.js

@@ -2,12 +2,17 @@ import { createComponent } from '@lit/react';
 import { Cre8Chart as Cre8ChartElement } from '@tmorrow/cre8-wc/lib/components/chart/chart';
 import React from 'react';
 /**
- * Cre8Chart component
+ * A flexible chart component built on Chart.js that supports multiple chart types
  */
 export const Cre8Chart = createComponent({
     react: React,
     tagName: 'cre8-chart',
     elementClass: Cre8ChartElement,
+    events: {
+        onCre8ChartClick: 'cre8-chart-click',
+        onCre8ChartHover: 'cre8-chart-hover',
+        onCre8ChartReady: 'cre8-chart-ready'
+    }
 });
 export default Cre8Chart;
 //# sourceMappingURL=Cre8Chart.js.map

package/lib/components/Chart/Cre8Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8Chart.js","sourceRoot":"","sources":["../../../components/Chart/Cre8Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;CAE/B,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Cre8Chart.js","sourceRoot":"","sources":["../../../components/Chart/Cre8Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAC9B,MAAM,EAAE;QACN,gBAAgB,EAAE,kBAAkB;QACpC,gBAAgB,EAAE,kBAAkB;QACpC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/CheckboxField/Cre8CheckboxField.d.ts

@@ -1,6 +1,12 @@
 import { Cre8CheckboxField as Cre8CheckboxFieldElement } from '@tmorrow/cre8-wc/lib/components/checkbox-field/checkbox-field';
 import React from 'react';
 export interface Cre8CheckboxFieldProps {
+    /** Checkbox container fieldnote knockout */
+    fieldNoteKnockout?: boolean | undefined;
+    /** Checkbox container fieldnote isSuccess */
+    fieldNoteIsSuccess?: boolean | undefined;
+    /** Checkbox container fieldnote isError */
+    fieldNoteIsError?: boolean | undefined;
     /** Checkbox container legend label */
     label?: string | undefined;
     /** Checkbox container fieldnote */
@@ -9,12 +15,6 @@ export interface Cre8CheckboxFieldProps {
     ariaDescribedBy?: string | undefined;
     /** Checkbox container fieldnote icon name */
     fieldNoteIconName?: string | undefined;
-    /** Checkbox container fieldnote knockout */
-    fieldNoteKnockout?: boolean;
-    /** Checkbox container fieldnote isSuccess */
-    fieldNoteIsSuccess?: boolean;
-    /** Checkbox container fieldnote isError */
-    fieldNoteIsError?: boolean;
     children?: React.ReactNode;
 }
 /**

package/lib/components/CheckboxField/Cre8CheckboxField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8CheckboxField.d.ts","sourceRoot":"","sources":["../../../components/CheckboxField/Cre8CheckboxField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB;IACrC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sEAK5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"Cre8CheckboxField.d.ts","sourceRoot":"","sources":["../../../components/CheckboxField/Cre8CheckboxField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AAC9H,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sEAK5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/CheckboxFieldItem/Cre8CheckboxFieldItem.d.ts

@@ -1,46 +1,39 @@
 import { Cre8CheckboxFieldItem as Cre8CheckboxFieldItemElement } from '@tmorrow/cre8-wc/lib/components/checkbox-field-item/checkbox-field-item';
 export interface Cre8CheckboxFieldItemProps {
-    /** The checkbox label */
-    label?: string | undefined;
     /** Changes the component's treatment to represent an error state */
-    isError?: boolean;
+    isError?: boolean | undefined;
     /** Visually hidden text that always signifies that this is an error for screen reader usage */
     errorText?: string;
+    /** Changes the component's treatment to represent a success state */
+    isSuccess?: boolean | undefined;
+    /** Disabled State */
+    disabled?: boolean | undefined;
+    /** Checked State */
+    checked?: boolean | undefined;
+    /** Checkbox FieldId */
+    fieldId?: string | undefined;
+    /** Checkbox fieldnote ariaDescribeBy */
+    ariaDescribedBy?: string | undefined;
+    /** Required property */
+    required?: boolean | undefined;
+    /** The checkbox label */
+    label?: string | undefined;
     /** The error field note that appears below the default field note */
     errorNote?: string | undefined;
-    /** Changes the component's treatment to represent a success state */
-    isSuccess?: boolean;
     /** Visually hidden text that always signifies that this is successful for screen reader usage */
     successText?: string;
     /** The success field note that appears below the default field note */
     successNote?: string | undefined;
-    /** Disabled State */
-    disabled?: boolean;
-    /** Checked State */
-    checked?: boolean;
-    /** Checkbox FieldId */
-    fieldId?: string;
     /** Checkbox FieldNote */
     fieldNote?: string | undefined;
-    /** Checkbox fieldnote ariaDescribeBy */
-    ariaDescribedBy?: string;
     /** Additional aria-describedby connection to id for additional success and error notes to be accessible */
     validationAriaDescribedBy?: string | undefined;
-    /** Checkbox name */
-    name?: string;
-    /** Required property */
-    required?: boolean;
     /** Checkbox fieldnote icon name */
     fieldNoteIconName?: string | undefined;
-    /** The value of the form field. */
-    value?: string;
-    onChange?: (event: CustomEvent) => void;
 }
 /**
  * Checkbox Field Item is the combination of a checkbox input, label and field note.
  */
-export declare const Cre8CheckboxFieldItem: import("@lit/react").ReactWebComponent<Cre8CheckboxFieldItemElement, {
-    onChange: string;
-}>;
+export declare const Cre8CheckboxFieldItem: import("@lit/react").ReactWebComponent<Cre8CheckboxFieldItemElement, {}>;
 export default Cre8CheckboxFieldItem;
 //# sourceMappingURL=Cre8CheckboxFieldItem.d.ts.map

package/lib/components/CheckboxFieldItem/Cre8CheckboxFieldItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8CheckboxFieldItem.d.ts","sourceRoot":"","sources":["../../../components/CheckboxFieldItem/Cre8CheckboxFieldItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,yEAAyE,CAAC;AAGhJ,MAAM,WAAW,0BAA0B;IACzC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2GAA2G;IAC3G,yBAAyB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/C,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB;;EAOhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"Cre8CheckboxFieldItem.d.ts","sourceRoot":"","sources":["../../../components/CheckboxFieldItem/Cre8CheckboxFieldItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,yEAAyE,CAAC;AAGhJ,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,2GAA2G;IAC3G,yBAAyB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/C,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,0EAKhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/lib/components/CheckboxFieldItem/Cre8CheckboxFieldItem.js

@@ -8,9 +8,6 @@ export const Cre8CheckboxFieldItem = createComponent({
     react: React,
     tagName: 'cre8-checkbox-field-item',
     elementClass: Cre8CheckboxFieldItemElement,
-    events: {
-        onChange: 'change'
-    }
 });
 export default Cre8CheckboxFieldItem;
 //# sourceMappingURL=Cre8CheckboxFieldItem.js.map

package/lib/components/CheckboxFieldItem/Cre8CheckboxFieldItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8CheckboxFieldItem.js","sourceRoot":"","sources":["../../../components/CheckboxFieldItem/Cre8CheckboxFieldItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,yEAAyE,CAAC;AAChJ,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;IACnD,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,0BAA0B;IACnC,YAAY,EAAE,4BAA4B;IAC1C,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"Cre8CheckboxFieldItem.js","sourceRoot":"","sources":["../../../components/CheckboxFieldItem/Cre8CheckboxFieldItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,yEAAyE,CAAC;AAChJ,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;IACnD,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,0BAA0B;IACnC,YAAY,EAAE,4BAA4B;CAE3C,CAAC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/lib/components/DangerButton/Cre8DangerButton.d.ts

@@ -1,15 +1,23 @@
 import { Cre8DangerButton as Cre8DangerButtonElement } from '@tmorrow/cre8-wc/lib/components/danger-button/danger-button';
 export interface Cre8DangerButtonProps {
+    /** Disabled attribute */
+    disabled?: boolean | undefined;
+    /** Full width button */
+    fullWidth?: boolean | undefined;
+    /** * Changes styling to an active state with a spinning icon. * Adds accessibility treatment by:   * announcing via voiceover when the loading success/error state via a aria-live region   * setting `aria-disabled` * Disables click events / form submitting while allowing focus (for accessibility) */
+    loading?: boolean | undefined;
+    /** * Variant of the loading button that:   * Removes loading spinner   * Informs the SR user that the loading status is now complete, with visually hidden text in the live area */
+    loadingComplete?: boolean | undefined;
     /** The button text. Should be as short and simple as possible, ideally a maximum of 3 words. - Use Title Case for readability. - Should not include punctuation (exception: "Loading..."). - Should not be used as an indicator of what happens on the next page, or as a substitute for a progress meter. */
-    text?: string | undefined;
+    text?: string;
     /** Style variant - **primary** renders the button used for primary actions. Presents highest visual priority.   When grouped with other buttons, only one primary is allowed - **secondary** renders a secondary button. Presents a lower visual priority - **tertiary** renders a tertiary button. Presents the lowest visual priority.   Should be used in limited amounts - consider if a link (`<a>`) would be more appropriate */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-    /** Disabled attribute */
-    disabled?: boolean;
+    variant?: any;
     /** Provide this property if you intend to use button styles for an anchor tag (`<a>`). This changes the component markup from `<button>` usage to `<a>` instead. */
     href?: string | undefined;
     /** Target attribute for a link if providing `href` to style a link as a button - **_blank** yields a link that opens in a new tab - **_self** yields a link that loads the URL into the same browsing context as the current one.   This is the default behavior - **_parent** yields a link that loads the URL into the parent browsing context of the current one.   If there is no parent, this behaves the same way as _self - **_top** yields a link that loads the URL into the top-level browsing context.   If there is no parent, this behaves the same way as _self. */
-    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    target?: any;
+    /** Type of button. - **button** (default) button has no default behavior and does nothing unless provided some sort of client-side trigger - **submit** button for submitting form data to a server */
+    type?: any;
     /** Rel if this is an <a> element - this swaps <button> for <a> */
     rel?: string | undefined;
     /** SVG raw string if including an icon within a button. Must include the icon's position with `iconPostion`. This prop is used for <cre8-icon> */
@@ -19,27 +27,17 @@ export interface Cre8DangerButtonProps {
     /** flip is used for <cre8-icon> to set the icon in the correct direction */
     iconFlipDirection?: string | undefined;
     /** Icon position. Must include the name of the icon with `iconName`  - **before** places the icon before the button text - **after** places the icon after the button text */
-    iconPosition?: "before" | "after" | undefined;
+    iconPosition?: any;
     /** Size variants add another way to increase or decrease visual priority of a button. - **sm** shrinks the button typography and overall size from the default. Use when vertical space is constrained. - **lg** increases the button typography and overall size from the default. */
-    size?: "sm" | "lg" | undefined;
+    size?: any;
     /** Visually hide button text. Text is still accessible to assistive technology. Use this for icon-only buttons for accessibility */
     hideText?: boolean | undefined;
-    /** Full width button */
-    fullWidth?: boolean;
-    /** * Changes styling to an active state with a spinning icon. * Adds accessibility treatment by:   * announcing via voiceover when the loading success/error state via a aria-live region   * setting `aria-disabled` * Disables click events / form submitting while allowing focus (for accessibility) */
-    loading?: boolean;
-    /** * Variant of the loading button that:   * Removes loading spinner   * Informs the SR user that the loading status is now complete, with visually hidden text in the live area */
-    loadingComplete?: boolean;
     /** Inverted colors Danger Button (onDark) */
     inverted?: boolean | undefined;
     /** Controls whether your loading status update to voiceover users will occur immediately (used for more urgently needed updates) using `assertive` or at the next convenient pause in their navigation using `polite`. */
-    ariaLive?: "polite" | "assertive";
+    ariaLive?: any;
     /** Button aria expanded attribute */
     buttonAriaExpanded?: boolean | undefined;
-    /** Type of button. - **button** (default) button has no default behavior and does nothing unless provided some sort of client-side trigger - **submit** button for submitting form data to a server */
-    type?: "button" | "submit" | "reset";
-    /** The value of the form field. */
-    value?: string;
 }
 /**
  * The size and state of buttons on the screen serve as visual cues for the user

package/lib/components/DangerButton/Cre8DangerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8DangerButton.d.ts","sourceRoot":"","sources":["../../../components/DangerButton/Cre8DangerButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,6DAA6D,CAAC;AAG1H,MAAM,WAAW,qBAAqB;IACpC,8SAA8S;IAC9S,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,uaAAua;IACva,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oKAAoK;IACpK,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,kjBAAkjB;IACljB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7D,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,kJAAkJ;IAClJ,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9C,uRAAuR;IACvR,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,oIAAoI;IACpI,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4SAA4S;IAC5S,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oLAAoL;IACpL,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0NAA0N;IAC1N,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC,uMAAuM;IACvM,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAK3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"Cre8DangerButton.d.ts","sourceRoot":"","sources":["../../../components/DangerButton/Cre8DangerButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,6DAA6D,CAAC;AAG1H,MAAM,WAAW,qBAAqB;IACpC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,4SAA4S;IAC5S,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,oLAAoL;IACpL,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,8SAA8S;IAC9S,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uaAAua;IACva,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,oKAAoK;IACpK,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,kjBAAkjB;IACljB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uMAAuM;IACvM,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,kJAAkJ;IAClJ,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,8KAA8K;IAC9K,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,uRAAuR;IACvR,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,oIAAoI;IACpI,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0NAA0N;IAC1N,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAK3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/components/DangerButton/Cre8DangerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cre8DangerButton.js","sourceRoot":"","sources":["../../../components/DangerButton/Cre8DangerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,6DAA6D,CAAC;AAC1H,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,uBAAuB;CAEtC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"Cre8DangerButton.js","sourceRoot":"","sources":["../../../components/DangerButton/Cre8DangerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,6DAA6D,CAAC;AAC1H,OAAO,KAAK,MAAM,OAAO,CAAC;AA2C1B;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,uBAAuB;CAEtC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/components/DatePicker/Cre8DatePicker.d.ts

@@ -1,55 +1,51 @@
 import { Cre8DatePicker as Cre8DatePickerElement } from '@tmorrow/cre8-wc/lib/components/date-picker/date-picker';
 export interface Cre8DatePickerProps {
     /** Quick Shortcuts Variant */
-    hasShortcuts?: boolean;
+    hasShortcuts?: boolean | undefined;
     /** Autocomplete attribute that allows input to expect certain types of information. Note: autocomplete is supported by most browsers, but the suggested 'completions' are also sourced from those browsers. Values come from past user stored data from past interactions in that browser, such as:   1. From past values entered by the user, but they may also come from pre-configured values. For  instance, a browser might let the user save their name, address, phone number, and email addresses for  autocomplete purposes.   2. Perhaps the browser offers the ability to save encrypted credit card information, for autocompletion  following a an authentication procedure.  See: [MDN web docs_](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)   NOTE:: In order to provide autocompletion, user-agents might require input, select, textarea  elements to:   1. Have a {{name}} and/or {{id}} attribute  2. Be descendants of a form element  3. The form to have a [submit button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) */
-    autocomplete?: string;
+    autocomplete?: any;
     /** Pattern attribute defines a regular expression to validate against input */
-    pattern?: string;
+    pattern?: string | undefined;
+    /** Type variants - **text** renders a standard text input - **email** renders a text input for an email format - **number** renders an input for number values only - **url** renders an input for urls only - **tel** renders an input for telephone number values only */
+    type?: any;
     /** The placeholder text that appears inside the input */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /** The required label that appears above the input */
     label?: string;
-    /** The name property on the input */
-    name?: string;
     /** The unique id of the field <br/><br/> _*This property is dynamically set_ */
-    fieldId?: string;
+    fieldId?: string | undefined;
     /** The text that displays below in text field input */
-    fieldNote?: string;
-    /** Controls how the voiceover will experience the new information when field note changes, immediately (used for more urgently needed updates) using `assertive` or at the next convenient pause in their navigation using `polite`. */
-    ariaLive?: "polite" | "assertive";
+    fieldNote?: string | undefined;
     /** Used to connect the field note in text field to the text menu for accessibility */
-    ariaDescribedBy?: string;
+    ariaDescribedBy?: string | undefined;
     /** The required attribute on the input */
-    required?: boolean;
+    required?: boolean | undefined;
     /** The disabled attribute on the input */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Changes the component's treatment to represent an error state */
-    isError?: boolean;
+    isError?: boolean | undefined;
     /** Visually hidden text that always signifies that this is an error for screen reader usage */
     errorText?: string;
     /** The error field note that appears below the default field note */
-    errorNote?: string;
+    errorNote?: string | undefined;
     /** The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. */
-    max?: string | number;
+    max?: string | undefined;
     /** The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. */
-    min?: string | number;
+    min?: string | undefined;
     /** The maxlength is an integer above 0 that indicates the maximum allowed characters to be entered. When using the maxlength prop, you must also use the "required" prop to provide Constraint Validation on the input field. This allows users to know why the input they attempted didn't render in the input field. see [MDN maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength#constraint_validation) */
-    maxlength?: string;
+    maxlength?: number | undefined;
     /** Additional aria-describedby connection to id for additional success and error notes to be accessible */
-    validationAriaDescribedBy?: string;
+    validationAriaDescribedBy?: string | undefined;
     /** Changes the component's treatment to represent a success state */
-    isSuccess?: boolean;
+    isSuccess?: boolean | undefined;
     /** Visually hidden text that always signifies that this is successful for screen reader usage */
     successText?: string;
     /** Readonly attribute */
-    readonly?: boolean;
+    readonly?: boolean | undefined;
     /** The success field note that appears below the default field note */
-    successNote?: string;
-    /** The type of the form field. For Date Picker, this is always 'date'. */
-    type?: string;
-    /** The value of the form field. */
-    value?: string;
+    successNote?: string | undefined;
+    /** Controls how the voiceover will experience the new information when field note changes, immediately (used for more urgently needed updates) using `assertive` or at the next convenient pause in their navigation using `polite`. */
+    ariaLive?: any;
 }
 /**
  * The Date Picker component renders a form group with label, control, help text and validation styling much