@vitality-ds/components 5.7.0 → 6.0.0-alpha.3

package/dist/components/src/Input/TextInput/components/Mask/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const BaseMaskedTextInput: import("@stitches/react/types/styled-component").StyledComponent<any, import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+export declare const BaseMaskedTextInput: import("@stitches/react/types/styled-component").StyledComponent<any, import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     border: number;
     paddingInline: string;
     flexGrow: number;
@@ -306,113 +306,113 @@ export declare const BaseMaskedTextInput: import("@stitches/react/types/styled-c
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -700,113 +700,113 @@ export declare const BaseMaskedTextInput: import("@stitches/react/types/styled-c
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;

package/dist/components/src/Input/TextInput/components/Mask/types.d.ts

@@ -1,6 +1,6 @@
 import { MASK_APPEARANCES } from "./constants";
-export declare type MaskAppearancesType = keyof typeof MASK_APPEARANCES;
-export declare type MaskProps = {
+export type MaskAppearancesType = keyof typeof MASK_APPEARANCES;
+export type MaskProps = {
     /**
      * Choose from a list of pre-set mask configurations
      */

package/dist/components/src/Input/TextInput/components/ShortcutAdornment/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { ShortcutAdornmentProps } from "./types";
-export default function ShortcutAdornment({ keys, combineKeys, color, variant, }: ShortcutAdornmentProps): JSX.Element;
+export default function ShortcutAdornment({ keys, combineKeys, color, variant, }: ShortcutAdornmentProps): React.JSX.Element;

package/dist/components/src/Input/TextInput/components/ShortcutAdornment/types.d.ts

@@ -1,2 +1,2 @@
 import { ShortcutsProps } from "../../../../Shortcuts/types";
-export declare type ShortcutAdornmentProps = ShortcutsProps;
+export type ShortcutAdornmentProps = ShortcutsProps;

package/dist/components/src/Input/TextInput/components/SpinnerAdornment/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function SpinnerAdornment(): JSX.Element;
+import React from "react";
+export default function SpinnerAdornment(): React.JSX.Element;

package/dist/components/src/Input/TextInput/components/SpinnerAdornment/styled.d.ts

@@ -276,113 +276,113 @@ export declare const SpinnerWrapper: import("@stitches/react/types/styled-compon
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;