@cube-dev/ui-kit 0.97.1 → 0.98.0

package/types/components/content/Text.d.ts

@@ -32,9 +32,11 @@ declare const MinorText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -49,7 +51,7 @@ declare const MinorText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -58,7 +60,9 @@ declare const MinorText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -79,13 +83,14 @@ declare const MinorText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -203,7 +208,7 @@ declare const MinorText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -219,7 +224,7 @@ declare const MinorText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -439,9 +444,11 @@ declare const DangerText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -456,7 +463,7 @@ declare const DangerText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -465,7 +472,9 @@ declare const DangerText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -486,13 +495,14 @@ declare const DangerText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -610,7 +620,7 @@ declare const DangerText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -626,7 +636,7 @@ declare const DangerText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -846,9 +856,11 @@ declare const SuccessText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -863,7 +875,7 @@ declare const SuccessText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -872,7 +884,9 @@ declare const SuccessText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -893,13 +907,14 @@ declare const SuccessText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -1017,7 +1032,7 @@ declare const SuccessText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -1033,7 +1048,7 @@ declare const SuccessText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -1253,9 +1268,11 @@ declare const StrongText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -1270,7 +1287,7 @@ declare const StrongText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -1279,7 +1296,9 @@ declare const StrongText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -1300,13 +1319,14 @@ declare const StrongText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -1424,7 +1444,7 @@ declare const StrongText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -1440,7 +1460,7 @@ declare const StrongText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -1660,9 +1680,11 @@ declare const EmphasisText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -1677,7 +1699,7 @@ declare const EmphasisText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -1686,7 +1708,9 @@ declare const EmphasisText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -1707,13 +1731,14 @@ declare const EmphasisText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -1831,7 +1856,7 @@ declare const EmphasisText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -1847,7 +1872,7 @@ declare const EmphasisText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -2067,9 +2092,11 @@ declare const PlaceholderText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -2084,7 +2111,7 @@ declare const PlaceholderText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -2093,7 +2120,9 @@ declare const PlaceholderText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -2114,13 +2143,14 @@ declare const PlaceholderText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -2238,7 +2268,7 @@ declare const PlaceholderText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -2254,7 +2284,7 @@ declare const PlaceholderText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -2474,9 +2504,11 @@ declare const HighlightText: import("react").ComponentType<{
     name?: string | undefined;
     font?: ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     type?: string | undefined;
+    transition?: ResponsiveStyleValue<string | (string & {}) | undefined>;
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -2491,7 +2523,7 @@ declare const HighlightText: import("react").ComponentType<{
     ellipsis?: boolean | undefined;
     block?: boolean | undefined;
     style?: CSSProperties | (CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     italic?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
@@ -2500,7 +2532,9 @@ declare const HighlightText: import("react").ComponentType<{
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../tasty").Styles | undefined;
-    mods?: import("../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -2521,13 +2555,14 @@ declare const HighlightText: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -2645,7 +2680,7 @@ declare const HighlightText: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -2661,7 +2696,7 @@ declare const HighlightText: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

package/types/components/fields/DatePicker/DatePickerElement.d.ts

@@ -13,6 +13,7 @@ export declare const DatePickerElement: import("react").ComponentType<{
     margin?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Margin<string | number> | undefined>;
     width?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Width<string | number> | undefined>;
     height?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Height<string | number> | undefined>;
+    transition?: import("../../../tasty").ResponsiveStyleValue<string | (string & {}) | undefined>;
     placeContent?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
     placeItems?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
     alignContent?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
@@ -61,14 +62,16 @@ export declare const DatePickerElement: import("react").ComponentType<{
     justify?: import("../../../tasty").ResponsiveStyleValue<"stretch" | "initial" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     style?: import("react").CSSProperties | (import("react").CSSProperties & {
-        [key: string]: string | number | null;
+        [key: string]: string | number | null | undefined;
     }) | undefined;
     inline?: boolean | undefined;
     open?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
     multiple?: boolean | undefined;
     styles?: import("../../../tasty").Styles | undefined;
-    mods?: import("../../../tasty").Mods | undefined;
+    mods?: {
+        [key: string]: import("../../../tasty").ModValue;
+    } | undefined;
     min?: string | number | undefined;
     max?: string | number | undefined;
     css?: string | undefined;
@@ -89,13 +92,14 @@ export declare const DatePickerElement: import("react").ComponentType<{
     ref?: import("react").Ref<unknown> | undefined;
     role?: import("react").AriaRole | undefined;
     id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
+    as?: keyof HTMLElementTagNameMap | import("react").ComponentType<any> | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
     breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
-    theme?: "danger" | "success" | (string & {}) | "default" | "special" | undefined;
+    theme?: "danger" | "success" | "note" | (string & {}) | "default" | "special" | undefined;
+    tokens?: import("../../../tasty").Tokens | undefined;
     accept?: string | undefined;
     acceptCharset?: string | undefined;
     action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -213,7 +217,7 @@ export declare const DatePickerElement: import("react").ComponentType<{
     popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -229,7 +233,7 @@ export declare const DatePickerElement: import("react").ComponentType<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "page" | "false" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

package/types/components/fields/FilterPicker/FilterPicker.d.ts

@@ -6,7 +6,7 @@ import { CubeItemProps } from '../../content/Item';
 import { CubeFilterListBoxProps } from '../FilterListBox/FilterListBox';
 import { ListBox } from '../ListBox';
 import type { FieldBaseProps } from '../../../shared';
-export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>, 'size' | 'tooltip' | 'shape'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
+export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>, 'size' | 'tooltip' | 'shape'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys' | 'shape'> {
     /** Placeholder text when no selection is made */
     placeholder?: string;
     /** Size of the picker component */

package/types/components/fields/Picker/Picker.d.ts

@@ -5,7 +5,7 @@ import { CubeItemButtonProps } from '../../actions';
 import { CubeItemProps } from '../../content/Item';
 import { CubeListBoxProps, ListBox } from '../ListBox/ListBox';
 import type { FieldBaseProps } from '../../../shared';
-export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | 'tooltip' | 'shape'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
+export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | 'tooltip' | 'shape'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys' | 'shape'> {
     /** Placeholder text when no selection is made */
     placeholder?: string;
     /** Size of the picker component */