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

package/dist/components/src/Chip/components/Checkbox/styles/BaseChipCheckbox.styles.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+declare const _default: import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     fontFamily: string;
     fontSize: string;
     display: string;
@@ -334,113 +334,113 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         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/Chip/components/Checkbox/styles/BaseChipCheckboxBox.styles.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
+declare const _default: import("@stitches/react/types/styled-component").CssComponent<undefined, {}, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
     bp3: "(min-width: 85rem)";
@@ -276,113 +276,113 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         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/Chip/components/Checkbox/styles/BaseChipCheckboxIcon.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const ANIMATION_DURATION = "1s ease-in-out";
-declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+declare const _default: import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     $$size: string;
     width: string;
     height: string;
@@ -293,113 +293,113 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         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/Chip/components/Checkbox/types.d.ts

@@ -1,5 +1,5 @@
 import { TooltipProps } from "../../../Tooltip/types";
-export declare type ChipCheckboxType = {
+export type ChipCheckboxType = {
     /**
      * The text label to display next to the checkbox
      */
@@ -25,5 +25,5 @@ export declare type ChipCheckboxType = {
      */
     isDisabled?: boolean;
 };
-export declare type STATES = "LOADING" | "UNCHECKED" | "CHECKED";
-export declare type UseChipCheckboxType = Pick<ChipCheckboxType, "onClick" | "isLoading" | "isChecked">;
+export type STATES = "LOADING" | "UNCHECKED" | "CHECKED";
+export type UseChipCheckboxType = Pick<ChipCheckboxType, "onClick" | "isLoading" | "isChecked">;

package/dist/components/src/Chip/components/ChipIcon/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { ChipIconType } from "./types";
-export default function ChipIcon({ icon, tooltipContent }: ChipIconType): JSX.Element;
+export default function ChipIcon({ icon, tooltipContent }: ChipIconType): React.JSX.Element;