@vitality-ds/icons-react-native 4.1.1-alpha.0 → 4.1.1

package/dist/types/Icon/styled.d.ts

@@ -1,333 +1,61 @@
 import { Svg } from "react-native-svg";
-export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-component").StyledComponent<
-  typeof Svg,
-  import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<
-    [
-      import("stitches-rn-vitality/src/types/styled-component").CssComponent<
-        never,
-        import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<
-          [
-            {
-              variants: {
-                color: {
-                  hiContrast: {
-                    fill: string;
-                  };
-                  disabled: {
-                    fill: string;
-                  };
-                  success: {
-                    fill: string;
-                  };
-                  critical: {
-                    fill: string;
-                  };
-                  warning: {
-                    fill: string;
-                  };
-                  info: {
-                    fill: string;
-                  };
-                  moderate: {
-                    fill: string;
-                  };
-                  primary: {
-                    fill: string;
-                  };
-                  lowContrast: {
-                    fill: string;
-                  };
-                  accent: {
-                    fill: string;
-                  };
-                };
-                size: {
-                  sm: {
-                    height: string;
-                    width: string;
-                  };
-                  md: {
-                    height: string;
-                    width: string;
-                  };
-                  lg: {
-                    height: string;
-                    width: string;
-                  };
-                };
-              };
-            }
-          ]
-        >,
-        {
-          bp1: "(width <= 320px)";
-          bp2: "(width >= 393px)";
-        },
-        import("stitches-rn-vitality/src/types/css-util").CSS<
-          {
-            bp1: "(width <= 320px)";
-            bp2: "(width >= 393px)";
-          },
-          {
-            colors: {
-              neutral1: string;
-              neutralA1: string;
-              primary1: string;
-              accent1: string;
-              success1: string;
-              info1: string;
-              warning1: string;
-              critical1: string;
-              neutral2: string;
-              neutralA2: string;
-              primary2: string;
-              accent2: string;
-              success2: string;
-              info2: string;
-              warning2: string;
-              critical2: string;
-              neutral3: string;
-              neutralA3: string;
-              primary3: string;
-              accent3: string;
-              success3: string;
-              info3: string;
-              warning3: string;
-              critical3: string;
-              neutral4: string;
-              neutralA4: string;
-              primary4: string;
-              accent4: string;
-              success4: string;
-              info4: string;
-              warning4: string;
-              critical4: string;
-              neutral5: string;
-              neutralA5: string;
-              primary5: string;
-              accent5: string;
-              success5: string;
-              info5: string;
-              warning5: string;
-              critical5: string;
-              neutral6: string;
-              neutralA6: string;
-              primary6: string;
-              accent6: string;
-              success6: string;
-              info6: string;
-              warning6: string;
-              critical6: string;
-              neutral7: string;
-              neutralA7: string;
-              primary7: string;
-              accent7: string;
-              success7: string;
-              info7: string;
-              warning7: string;
-              critical7: string;
-              neutral8: string;
-              neutralA8: string;
-              primary8: string;
-              accent8: string;
-              success8: string;
-              info8: string;
-              warning8: string;
-              critical8: string;
-              neutral9: string;
-              neutralA9: string;
-              primary9: string;
-              accent9: string;
-              success9: string;
-              info9: string;
-              warning9: string;
-              critical9: string;
-              neutral10: string;
-              neutralA10: string;
-              primary10: string;
-              accent10: string;
-              success10: string;
-              info10: string;
-              warning10: string;
-              critical10: string;
-              neutral11: string;
-              neutralA11: string;
-              primary11: string;
-              accent11: string;
-              success11: string;
-              info11: string;
-              warning11: string;
-              critical11: string;
-              neutral12: string;
-              neutralA12: string;
-              primary12: string;
-              accent12: string;
-              success12: string;
-              info12: string;
-              warning12: string;
-              critical12: string;
-              neutral13: string;
-              neutralA13: string;
-              primary13: string;
-              accent13: string;
-              success13: string;
-              info13: string;
-              warning13: string;
-              critical13: string;
+export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-component").StyledComponent<typeof Svg, import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<[import("stitches-rn-vitality/src/types/styled-component").CssComponent<never, import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<[{
+    variants: {
+        color: {
+            hiContrast: {
+                fill: string;
             };
-            fonts: {
-              display100: string;
-              display200: string;
-              display300: string;
-              display400: string;
-              display500: string;
-              display600: string;
-              display700: string;
-              display800: string;
-              display900: string;
-              body: string;
-              caption: string;
-              pageTitle: string;
-              sectionTitle: string;
-              sectionSubtitle: string;
-              button: string;
-              microcopy: string;
-              navTitle: string;
-              navTitleCompacted: string;
-              default: string;
+            disabled: {
+                fill: string;
             };
-            fontSizes: {
-              display100: string;
-              display200: string;
-              display300: string;
-              display400: string;
-              display500: string;
-              display600: string;
-              display700: string;
-              display800: string;
-              display900: string;
-              body: string;
-              caption: string;
-              pageTitle: string;
-              sectionTitle: string;
-              sectionSubtitle: string;
-              button: string;
-              microcopy: string;
-              navTitle: string;
-              navTitleCompacted: string;
+            success: {
+                fill: string;
             };
-            fontWeights: {
-              display100: number;
-              display200: number;
-              display300: number;
-              display400: number;
-              display500: number;
-              display600: number;
-              display700: number;
-              display800: number;
-              display900: number;
-              body: number;
-              caption: number;
-              pageTitle: number;
-              sectionTitle: number;
-              sectionSubtitle: number;
-              button: number;
-              microcopy: number;
-              navTitle: number;
-              navTitleCompacted: number;
+            critical: {
+                fill: string;
             };
-            letterSpacings: {
-              display100: number;
-              display200: number;
-              display300: number;
-              display400: number;
-              display500: number;
-              display600: number;
-              display700: number;
-              display800: number;
-              display900: number;
-              body: number;
-              caption: number;
-              pageTitle: number;
-              sectionTitle: number;
-              sectionSubtitle: number;
-              button: number;
-              microcopy: number;
-              navTitle: number;
-              navTitleCompacted: number;
+            warning: {
+                fill: string;
             };
-            lineHeights: {
-              display100: number;
-              display200: number;
-              display300: number;
-              display400: number;
-              display500: number;
-              display600: number;
-              display700: number;
-              display800: number;
-              display900: number;
-              body: number;
-              caption: number;
-              pageTitle: number;
-              sectionTitle: number;
-              sectionSubtitle: number;
-              button: number;
-              microcopy: number;
-              navTitle: number;
-              navTitleCompacted: number;
+            info: {
+                fill: string;
             };
-            radii: {
-              default: any;
-              large: any;
-              rounded: any;
+            moderate: {
+                fill: string;
             };
-            space: {
-              sm: any;
-              md: any;
-              lg: any;
-              xs: any;
-              xl: any;
-              xxl: any;
+            primary: {
+                fill: string;
             };
-            zIndices: {
-              floatingElements: number;
-              blanket: number;
-              dialog: number;
-              toast: number;
-              tooltip: number;
-              portalElement: number;
+            lowContrast: {
+                fill: string;
             };
-          },
-          import("stitches-rn-vitality/src/types/config").DefaultThemeMap,
-          {
-            boxShadow: (
-              level: import("packages/tokens/dist").ElevationsKeys
-            ) => {
-              elevation: number;
-              shadowOffset: {
-                width: number;
-                height: number;
-              };
-              shadowRadius: number;
-              shadowOpacity: number;
-              shadowColor: string;
+            accent: {
+                fill: string;
+            };
+        };
+        size: {
+            sm: {
+                height: string;
+                width: string;
+            };
+            md: {
+                height: string;
+                width: string;
             };
-          }
-        >
-      >
-    ]
-  >,
-  {
+            lg: {
+                height: string;
+                width: string;
+            };
+        };
+    };
+}]>, {
+    bp1: "(width <= 320px)";
+    bp2: "(width >= 393px)";
+}, import("stitches-rn-vitality/src/types/css-util").CSS<{
     bp1: "(width <= 320px)";
     bp2: "(width >= 393px)";
-  },
-  import("stitches-rn-vitality/src/types/css-util").CSS<
-    {
-      bp1: "(width <= 320px)";
-      bp2: "(width >= 393px)";
-    },
-    {
-      colors: {
+}, {
+    colors: {
         neutral1: string;
         neutralA1: string;
         primary1: string;
@@ -432,8 +160,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         info13: string;
         warning13: string;
         critical13: string;
-      };
-      fonts: {
+    };
+    fonts: {
         display100: string;
         display200: string;
         display300: string;
@@ -453,8 +181,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         navTitle: string;
         navTitleCompacted: string;
         default: string;
-      };
-      fontSizes: {
+    };
+    fontSizes: {
         display100: string;
         display200: string;
         display300: string;
@@ -473,8 +201,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         microcopy: string;
         navTitle: string;
         navTitleCompacted: string;
-      };
-      fontWeights: {
+    };
+    fontWeights: {
         display100: number;
         display200: number;
         display300: number;
@@ -493,8 +221,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         microcopy: number;
         navTitle: number;
         navTitleCompacted: number;
-      };
-      letterSpacings: {
+    };
+    letterSpacings: {
         display100: number;
         display200: number;
         display300: number;
@@ -513,8 +241,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         microcopy: number;
         navTitle: number;
         navTitleCompacted: number;
-      };
-      lineHeights: {
+    };
+    lineHeights: {
         display100: number;
         display200: number;
         display300: number;
@@ -533,369 +261,293 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
         microcopy: number;
         navTitle: number;
         navTitleCompacted: number;
-      };
-      radii: {
+    };
+    radii: {
         default: any;
         large: any;
         rounded: any;
-      };
-      space: {
+    };
+    space: {
         sm: any;
         md: any;
         lg: any;
         xs: any;
         xl: any;
         xxl: any;
-      };
-      zIndices: {
+    };
+    zIndices: {
         floatingElements: number;
         blanket: number;
         dialog: number;
         toast: number;
         tooltip: number;
         portalElement: number;
-      };
-    },
-    import("stitches-rn-vitality/src/types/config").DefaultThemeMap,
-    {
-      boxShadow: (level: import("packages/tokens/dist").ElevationsKeys) => {
+    };
+}, import("stitches-rn-vitality/src/types/config").DefaultThemeMap, {
+    boxShadow: (level: import("packages/tokens/dist").ElevationsKeys) => {
         elevation: number;
         shadowOffset: {
-          width: number;
-          height: number;
+            width: number;
+            height: number;
         };
         shadowRadius: number;
         shadowOpacity: number;
         shadowColor: string;
-      };
-    }
-  >
-> & {
-  attrs: (
-    cb: (
-      props: {
-        theme: {
-          colors: {
-            neutral1: string;
-            neutralA1: string;
-            primary1: string;
-            accent1: string;
-            success1: string;
-            info1: string;
-            warning1: string;
-            critical1: string;
-            neutral2: string;
-            neutralA2: string;
-            primary2: string;
-            accent2: string;
-            success2: string;
-            info2: string;
-            warning2: string;
-            critical2: string;
-            neutral3: string;
-            neutralA3: string;
-            primary3: string;
-            accent3: string;
-            success3: string;
-            info3: string;
-            warning3: string;
-            critical3: string;
-            neutral4: string;
-            neutralA4: string;
-            primary4: string;
-            accent4: string;
-            success4: string;
-            info4: string;
-            warning4: string;
-            critical4: string;
-            neutral5: string;
-            neutralA5: string;
-            primary5: string;
-            accent5: string;
-            success5: string;
-            info5: string;
-            warning5: string;
-            critical5: string;
-            neutral6: string;
-            neutralA6: string;
-            primary6: string;
-            accent6: string;
-            success6: string;
-            info6: string;
-            warning6: string;
-            critical6: string;
-            neutral7: string;
-            neutralA7: string;
-            primary7: string;
-            accent7: string;
-            success7: string;
-            info7: string;
-            warning7: string;
-            critical7: string;
-            neutral8: string;
-            neutralA8: string;
-            primary8: string;
-            accent8: string;
-            success8: string;
-            info8: string;
-            warning8: string;
-            critical8: string;
-            neutral9: string;
-            neutralA9: string;
-            primary9: string;
-            accent9: string;
-            success9: string;
-            info9: string;
-            warning9: string;
-            critical9: string;
-            neutral10: string;
-            neutralA10: string;
-            primary10: string;
-            accent10: string;
-            success10: string;
-            info10: string;
-            warning10: string;
-            critical10: string;
-            neutral11: string;
-            neutralA11: string;
-            primary11: string;
-            accent11: string;
-            success11: string;
-            info11: string;
-            warning11: string;
-            critical11: string;
-            neutral12: string;
-            neutralA12: string;
-            primary12: string;
-            accent12: string;
-            success12: string;
-            info12: string;
-            warning12: string;
-            critical12: string;
-            neutral13: string;
-            neutralA13: string;
-            primary13: string;
-            accent13: string;
-            success13: string;
-            info13: string;
-            warning13: string;
-            critical13: string;
-          };
-          fonts: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            microcopy: string;
-            navTitle: string;
-            navTitleCompacted: string;
-            default: string;
-          };
-          fontSizes: {
-            display100: string;
-            display200: string;
-            display300: string;
-            display400: string;
-            display500: string;
-            display600: string;
-            display700: string;
-            display800: string;
-            display900: string;
-            body: string;
-            caption: string;
-            pageTitle: string;
-            sectionTitle: string;
-            sectionSubtitle: string;
-            button: string;
-            microcopy: string;
-            navTitle: string;
-            navTitleCompacted: string;
-          };
-          fontWeights: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-          };
-          letterSpacings: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-          };
-          lineHeights: {
-            display100: number;
-            display200: number;
-            display300: number;
-            display400: number;
-            display500: number;
-            display600: number;
-            display700: number;
-            display800: number;
-            display900: number;
-            body: number;
-            caption: number;
-            pageTitle: number;
-            sectionTitle: number;
-            sectionSubtitle: number;
-            button: number;
-            microcopy: number;
-            navTitle: number;
-            navTitleCompacted: number;
-          };
-          radii: {
-            default: any;
-            large: any;
-            rounded: any;
-          };
-          space: {
-            sm: any;
-            md: any;
-            lg: any;
-            xs: any;
-            xl: any;
-            xxl: any;
-          };
-          zIndices: {
-            floatingElements: number;
-            blanket: number;
-            dialog: number;
-            toast: number;
-            tooltip: number;
-            portalElement: number;
-          };
-        };
-      } & {
-        color?:
-          | "hiContrast"
-          | "lowContrast"
-          | "disabled"
-          | "primary"
-          | "accent"
-          | "success"
-          | "info"
-          | "warning"
-          | "critical"
-          | "moderate";
-        size?: "sm" | "md" | "lg";
-      } & {}
-    ) => Partial<
-      import("react-native-svg").SvgProps & import("react").RefAttributes<Svg>
-    >
-  ) => import("stitches-rn-vitality/src/types/styled-component").StyledComponent<
-    typeof Svg,
-    import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<
-      [
-        import("stitches-rn-vitality/src/types/styled-component").CssComponent<
-          never,
-          import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<
-            [
-              {
-                variants: {
-                  color: {
-                    hiContrast: {
-                      fill: string;
-                    };
-                    disabled: {
-                      fill: string;
-                    };
-                    success: {
-                      fill: string;
-                    };
-                    critical: {
-                      fill: string;
-                    };
-                    warning: {
-                      fill: string;
-                    };
-                    info: {
-                      fill: string;
-                    };
-                    moderate: {
-                      fill: string;
-                    };
-                    primary: {
-                      fill: string;
-                    };
-                    lowContrast: {
-                      fill: string;
-                    };
-                    accent: {
-                      fill: string;
-                    };
-                  };
-                  size: {
-                    sm: {
-                      height: string;
-                      width: string;
-                    };
-                    md: {
-                      height: string;
-                      width: string;
-                    };
-                    lg: {
-                      height: string;
-                      width: string;
-                    };
-                  };
-                };
-              }
-            ]
-          >,
-          {
-            bp1: "(width <= 320px)";
-            bp2: "(width >= 393px)";
-          },
-          import("stitches-rn-vitality/src/types/css-util").CSS<
-            {
-              bp1: "(width <= 320px)";
-              bp2: "(width >= 393px)";
-            },
-            {
-              colors: {
-                neutral1: string;
-                neutralA1: string;
-                primary1: string;
-                accent1: string;
+    };
+}>>]>, {
+    bp1: "(width <= 320px)";
+    bp2: "(width >= 393px)";
+}, import("stitches-rn-vitality/src/types/css-util").CSS<{
+    bp1: "(width <= 320px)";
+    bp2: "(width >= 393px)";
+}, {
+    colors: {
+        neutral1: string;
+        neutralA1: string;
+        primary1: string;
+        accent1: string;
+        success1: string;
+        info1: string;
+        warning1: string;
+        critical1: string;
+        neutral2: string;
+        neutralA2: string;
+        primary2: string;
+        accent2: string;
+        success2: string;
+        info2: string;
+        warning2: string;
+        critical2: string;
+        neutral3: string;
+        neutralA3: string;
+        primary3: string;
+        accent3: string;
+        success3: string;
+        info3: string;
+        warning3: string;
+        critical3: string;
+        neutral4: string;
+        neutralA4: string;
+        primary4: string;
+        accent4: string;
+        success4: string;
+        info4: string;
+        warning4: string;
+        critical4: string;
+        neutral5: string;
+        neutralA5: string;
+        primary5: string;
+        accent5: string;
+        success5: string;
+        info5: string;
+        warning5: string;
+        critical5: string;
+        neutral6: string;
+        neutralA6: string;
+        primary6: string;
+        accent6: string;
+        success6: string;
+        info6: string;
+        warning6: string;
+        critical6: string;
+        neutral7: string;
+        neutralA7: string;
+        primary7: string;
+        accent7: string;
+        success7: string;
+        info7: string;
+        warning7: string;
+        critical7: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
+        neutral9: string;
+        neutralA9: string;
+        primary9: string;
+        accent9: string;
+        success9: string;
+        info9: string;
+        warning9: string;
+        critical9: string;
+        neutral10: string;
+        neutralA10: string;
+        primary10: string;
+        accent10: string;
+        success10: string;
+        info10: string;
+        warning10: string;
+        critical10: string;
+        neutral11: string;
+        neutralA11: string;
+        primary11: string;
+        accent11: string;
+        success11: string;
+        info11: string;
+        warning11: string;
+        critical11: string;
+        neutral12: string;
+        neutralA12: string;
+        primary12: string;
+        accent12: string;
+        success12: string;
+        info12: string;
+        warning12: string;
+        critical12: string;
+        neutral13: string;
+        neutralA13: string;
+        primary13: string;
+        accent13: string;
+        success13: string;
+        info13: string;
+        warning13: string;
+        critical13: string;
+    };
+    fonts: {
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+        body: string;
+        caption: string;
+        pageTitle: string;
+        sectionTitle: string;
+        sectionSubtitle: string;
+        button: string;
+        microcopy: string;
+        navTitle: string;
+        navTitleCompacted: string;
+        default: string;
+    };
+    fontSizes: {
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+        body: string;
+        caption: string;
+        pageTitle: string;
+        sectionTitle: string;
+        sectionSubtitle: string;
+        button: string;
+        microcopy: string;
+        navTitle: string;
+        navTitleCompacted: string;
+    };
+    fontWeights: {
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+        body: number;
+        caption: number;
+        pageTitle: number;
+        sectionTitle: number;
+        sectionSubtitle: number;
+        button: number;
+        microcopy: number;
+        navTitle: number;
+        navTitleCompacted: number;
+    };
+    letterSpacings: {
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+        body: number;
+        caption: number;
+        pageTitle: number;
+        sectionTitle: number;
+        sectionSubtitle: number;
+        button: number;
+        microcopy: number;
+        navTitle: number;
+        navTitleCompacted: number;
+    };
+    lineHeights: {
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+        body: number;
+        caption: number;
+        pageTitle: number;
+        sectionTitle: number;
+        sectionSubtitle: number;
+        button: number;
+        microcopy: number;
+        navTitle: number;
+        navTitleCompacted: number;
+    };
+    radii: {
+        default: any;
+        large: any;
+        rounded: any;
+    };
+    space: {
+        sm: any;
+        md: any;
+        lg: any;
+        xs: any;
+        xl: any;
+        xxl: any;
+    };
+    zIndices: {
+        floatingElements: number;
+        blanket: number;
+        dialog: number;
+        toast: number;
+        tooltip: number;
+        portalElement: number;
+    };
+}, import("stitches-rn-vitality/src/types/config").DefaultThemeMap, {
+    boxShadow: (level: import("packages/tokens/dist").ElevationsKeys) => {
+        elevation: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowColor: string;
+    };
+}>> & {
+    attrs: (cb: (props: {
+        theme: {
+            colors: {
+                neutral1: string;
+                neutralA1: string;
+                primary1: string;
+                accent1: string;
                 success1: string;
                 info1: string;
                 warning1: string;
@@ -996,8 +648,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 info13: string;
                 warning13: string;
                 critical13: string;
-              };
-              fonts: {
+            };
+            fonts: {
                 display100: string;
                 display200: string;
                 display300: string;
@@ -1017,8 +669,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 navTitle: string;
                 navTitleCompacted: string;
                 default: string;
-              };
-              fontSizes: {
+            };
+            fontSizes: {
                 display100: string;
                 display200: string;
                 display300: string;
@@ -1037,8 +689,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 microcopy: string;
                 navTitle: string;
                 navTitleCompacted: string;
-              };
-              fontWeights: {
+            };
+            fontWeights: {
                 display100: number;
                 display200: number;
                 display300: number;
@@ -1057,8 +709,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 microcopy: number;
                 navTitle: number;
                 navTitleCompacted: number;
-              };
-              letterSpacings: {
+            };
+            letterSpacings: {
                 display100: number;
                 display200: number;
                 display300: number;
@@ -1077,8 +729,8 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 microcopy: number;
                 navTitle: number;
                 navTitleCompacted: number;
-              };
-              lineHeights: {
+            };
+            lineHeights: {
                 display100: number;
                 display200: number;
                 display300: number;
@@ -1097,301 +749,573 @@ export declare const BaseIcon: import("stitches-rn-vitality/src/types/styled-com
                 microcopy: number;
                 navTitle: number;
                 navTitleCompacted: number;
-              };
-              radii: {
+            };
+            radii: {
                 default: any;
                 large: any;
                 rounded: any;
-              };
-              space: {
+            };
+            space: {
                 sm: any;
                 md: any;
                 lg: any;
                 xs: any;
                 xl: any;
                 xxl: any;
-              };
-              zIndices: {
+            };
+            zIndices: {
                 floatingElements: number;
                 blanket: number;
                 dialog: number;
                 toast: number;
                 tooltip: number;
                 portalElement: number;
-              };
-            },
-            import("stitches-rn-vitality/src/types/config").DefaultThemeMap,
-            {
-              boxShadow: (
-                level: import("packages/tokens/dist").ElevationsKeys
-              ) => {
-                elevation: number;
-                shadowOffset: {
-                  width: number;
-                  height: number;
-                };
-                shadowRadius: number;
-                shadowOpacity: number;
-                shadowColor: string;
-              };
-            }
-          >
-        >
-      ]
-    >,
-    {
-      bp1: "(width <= 320px)";
-      bp2: "(width >= 393px)";
-    },
-    import("stitches-rn-vitality/src/types/css-util").CSS<
-      {
-        bp1: "(width <= 320px)";
-        bp2: "(width >= 393px)";
-      },
-      {
-        colors: {
-          neutral1: string;
-          neutralA1: string;
-          primary1: string;
-          accent1: string;
-          success1: string;
-          info1: string;
-          warning1: string;
-          critical1: string;
-          neutral2: string;
-          neutralA2: string;
-          primary2: string;
-          accent2: string;
-          success2: string;
-          info2: string;
-          warning2: string;
-          critical2: string;
-          neutral3: string;
-          neutralA3: string;
-          primary3: string;
-          accent3: string;
-          success3: string;
-          info3: string;
-          warning3: string;
-          critical3: string;
-          neutral4: string;
-          neutralA4: string;
-          primary4: string;
-          accent4: string;
-          success4: string;
-          info4: string;
-          warning4: string;
-          critical4: string;
-          neutral5: string;
-          neutralA5: string;
-          primary5: string;
-          accent5: string;
-          success5: string;
-          info5: string;
-          warning5: string;
-          critical5: string;
-          neutral6: string;
-          neutralA6: string;
-          primary6: string;
-          accent6: string;
-          success6: string;
-          info6: string;
-          warning6: string;
-          critical6: string;
-          neutral7: string;
-          neutralA7: string;
-          primary7: string;
-          accent7: string;
-          success7: string;
-          info7: string;
-          warning7: string;
-          critical7: string;
-          neutral8: string;
-          neutralA8: string;
-          primary8: string;
-          accent8: string;
-          success8: string;
-          info8: string;
-          warning8: string;
-          critical8: string;
-          neutral9: string;
-          neutralA9: string;
-          primary9: string;
-          accent9: string;
-          success9: string;
-          info9: string;
-          warning9: string;
-          critical9: string;
-          neutral10: string;
-          neutralA10: string;
-          primary10: string;
-          accent10: string;
-          success10: string;
-          info10: string;
-          warning10: string;
-          critical10: string;
-          neutral11: string;
-          neutralA11: string;
-          primary11: string;
-          accent11: string;
-          success11: string;
-          info11: string;
-          warning11: string;
-          critical11: string;
-          neutral12: string;
-          neutralA12: string;
-          primary12: string;
-          accent12: string;
-          success12: string;
-          info12: string;
-          warning12: string;
-          critical12: string;
-          neutral13: string;
-          neutralA13: string;
-          primary13: string;
-          accent13: string;
-          success13: string;
-          info13: string;
-          warning13: string;
-          critical13: string;
-        };
-        fonts: {
-          display100: string;
-          display200: string;
-          display300: string;
-          display400: string;
-          display500: string;
-          display600: string;
-          display700: string;
-          display800: string;
-          display900: string;
-          body: string;
-          caption: string;
-          pageTitle: string;
-          sectionTitle: string;
-          sectionSubtitle: string;
-          button: string;
-          microcopy: string;
-          navTitle: string;
-          navTitleCompacted: string;
-          default: string;
-        };
-        fontSizes: {
-          display100: string;
-          display200: string;
-          display300: string;
-          display400: string;
-          display500: string;
-          display600: string;
-          display700: string;
-          display800: string;
-          display900: string;
-          body: string;
-          caption: string;
-          pageTitle: string;
-          sectionTitle: string;
-          sectionSubtitle: string;
-          button: string;
-          microcopy: string;
-          navTitle: string;
-          navTitleCompacted: string;
-        };
-        fontWeights: {
-          display100: number;
-          display200: number;
-          display300: number;
-          display400: number;
-          display500: number;
-          display600: number;
-          display700: number;
-          display800: number;
-          display900: number;
-          body: number;
-          caption: number;
-          pageTitle: number;
-          sectionTitle: number;
-          sectionSubtitle: number;
-          button: number;
-          microcopy: number;
-          navTitle: number;
-          navTitleCompacted: number;
+            };
         };
-        letterSpacings: {
-          display100: number;
-          display200: number;
-          display300: number;
-          display400: number;
-          display500: number;
-          display600: number;
-          display700: number;
-          display800: number;
-          display900: number;
-          body: number;
-          caption: number;
-          pageTitle: number;
-          sectionTitle: number;
-          sectionSubtitle: number;
-          button: number;
-          microcopy: number;
-          navTitle: number;
-          navTitleCompacted: number;
+    } & {
+        color?: "hiContrast" | "lowContrast" | "disabled" | "primary" | "accent" | "success" | "info" | "warning" | "critical" | "moderate";
+        size?: "sm" | "md" | "lg";
+    } & {}) => Partial<import("react-native-svg").SvgProps & import("react").RefAttributes<Svg>>) => import("stitches-rn-vitality/src/types/styled-component").StyledComponent<typeof Svg, import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<[import("stitches-rn-vitality/src/types/styled-component").CssComponent<never, import("stitches-rn-vitality/src/types/styled-component").StyledComponentProps<[{
+        variants: {
+            color: {
+                hiContrast: {
+                    fill: string;
+                };
+                disabled: {
+                    fill: string;
+                };
+                success: {
+                    fill: string;
+                };
+                critical: {
+                    fill: string;
+                };
+                warning: {
+                    fill: string;
+                };
+                info: {
+                    fill: string;
+                };
+                moderate: {
+                    fill: string;
+                };
+                primary: {
+                    fill: string;
+                };
+                lowContrast: {
+                    fill: string;
+                };
+                accent: {
+                    fill: string;
+                };
+            };
+            size: {
+                sm: {
+                    height: string;
+                    width: string;
+                };
+                md: {
+                    height: string;
+                    width: string;
+                };
+                lg: {
+                    height: string;
+                    width: string;
+                };
+            };
+        };
+    }]>, {
+        bp1: "(width <= 320px)";
+        bp2: "(width >= 393px)";
+    }, import("stitches-rn-vitality/src/types/css-util").CSS<{
+        bp1: "(width <= 320px)";
+        bp2: "(width >= 393px)";
+    }, {
+        colors: {
+            neutral1: string;
+            neutralA1: string;
+            primary1: string;
+            accent1: string;
+            success1: string;
+            info1: string;
+            warning1: string;
+            critical1: string;
+            neutral2: string;
+            neutralA2: string;
+            primary2: string;
+            accent2: string;
+            success2: string;
+            info2: string;
+            warning2: string;
+            critical2: string;
+            neutral3: string;
+            neutralA3: string;
+            primary3: string;
+            accent3: string;
+            success3: string;
+            info3: string;
+            warning3: string;
+            critical3: string;
+            neutral4: string;
+            neutralA4: string;
+            primary4: string;
+            accent4: string;
+            success4: string;
+            info4: string;
+            warning4: string;
+            critical4: string;
+            neutral5: string;
+            neutralA5: string;
+            primary5: string;
+            accent5: string;
+            success5: string;
+            info5: string;
+            warning5: string;
+            critical5: string;
+            neutral6: string;
+            neutralA6: string;
+            primary6: string;
+            accent6: string;
+            success6: string;
+            info6: string;
+            warning6: string;
+            critical6: string;
+            neutral7: string;
+            neutralA7: string;
+            primary7: string;
+            accent7: string;
+            success7: string;
+            info7: string;
+            warning7: string;
+            critical7: string;
+            neutral8: string;
+            neutralA8: string;
+            primary8: string;
+            accent8: string;
+            success8: string;
+            info8: string;
+            warning8: string;
+            critical8: string;
+            neutral9: string;
+            neutralA9: string;
+            primary9: string;
+            accent9: string;
+            success9: string;
+            info9: string;
+            warning9: string;
+            critical9: string;
+            neutral10: string;
+            neutralA10: string;
+            primary10: string;
+            accent10: string;
+            success10: string;
+            info10: string;
+            warning10: string;
+            critical10: string;
+            neutral11: string;
+            neutralA11: string;
+            primary11: string;
+            accent11: string;
+            success11: string;
+            info11: string;
+            warning11: string;
+            critical11: string;
+            neutral12: string;
+            neutralA12: string;
+            primary12: string;
+            accent12: string;
+            success12: string;
+            info12: string;
+            warning12: string;
+            critical12: string;
+            neutral13: string;
+            neutralA13: string;
+            primary13: string;
+            accent13: string;
+            success13: string;
+            info13: string;
+            warning13: string;
+            critical13: string;
+        };
+        fonts: {
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+            body: string;
+            caption: string;
+            pageTitle: string;
+            sectionTitle: string;
+            sectionSubtitle: string;
+            button: string;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+            default: string;
+        };
+        fontSizes: {
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+            body: string;
+            caption: string;
+            pageTitle: string;
+            sectionTitle: string;
+            sectionSubtitle: string;
+            button: string;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+        };
+        fontWeights: {
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+        letterSpacings: {
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+        lineHeights: {
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+        radii: {
+            default: any;
+            large: any;
+            rounded: any;
+        };
+        space: {
+            sm: any;
+            md: any;
+            lg: any;
+            xs: any;
+            xl: any;
+            xxl: any;
+        };
+        zIndices: {
+            floatingElements: number;
+            blanket: number;
+            dialog: number;
+            toast: number;
+            tooltip: number;
+            portalElement: number;
+        };
+    }, import("stitches-rn-vitality/src/types/config").DefaultThemeMap, {
+        boxShadow: (level: import("packages/tokens/dist").ElevationsKeys) => {
+            elevation: number;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowRadius: number;
+            shadowOpacity: number;
+            shadowColor: string;
+        };
+    }>>]>, {
+        bp1: "(width <= 320px)";
+        bp2: "(width >= 393px)";
+    }, import("stitches-rn-vitality/src/types/css-util").CSS<{
+        bp1: "(width <= 320px)";
+        bp2: "(width >= 393px)";
+    }, {
+        colors: {
+            neutral1: string;
+            neutralA1: string;
+            primary1: string;
+            accent1: string;
+            success1: string;
+            info1: string;
+            warning1: string;
+            critical1: string;
+            neutral2: string;
+            neutralA2: string;
+            primary2: string;
+            accent2: string;
+            success2: string;
+            info2: string;
+            warning2: string;
+            critical2: string;
+            neutral3: string;
+            neutralA3: string;
+            primary3: string;
+            accent3: string;
+            success3: string;
+            info3: string;
+            warning3: string;
+            critical3: string;
+            neutral4: string;
+            neutralA4: string;
+            primary4: string;
+            accent4: string;
+            success4: string;
+            info4: string;
+            warning4: string;
+            critical4: string;
+            neutral5: string;
+            neutralA5: string;
+            primary5: string;
+            accent5: string;
+            success5: string;
+            info5: string;
+            warning5: string;
+            critical5: string;
+            neutral6: string;
+            neutralA6: string;
+            primary6: string;
+            accent6: string;
+            success6: string;
+            info6: string;
+            warning6: string;
+            critical6: string;
+            neutral7: string;
+            neutralA7: string;
+            primary7: string;
+            accent7: string;
+            success7: string;
+            info7: string;
+            warning7: string;
+            critical7: string;
+            neutral8: string;
+            neutralA8: string;
+            primary8: string;
+            accent8: string;
+            success8: string;
+            info8: string;
+            warning8: string;
+            critical8: string;
+            neutral9: string;
+            neutralA9: string;
+            primary9: string;
+            accent9: string;
+            success9: string;
+            info9: string;
+            warning9: string;
+            critical9: string;
+            neutral10: string;
+            neutralA10: string;
+            primary10: string;
+            accent10: string;
+            success10: string;
+            info10: string;
+            warning10: string;
+            critical10: string;
+            neutral11: string;
+            neutralA11: string;
+            primary11: string;
+            accent11: string;
+            success11: string;
+            info11: string;
+            warning11: string;
+            critical11: string;
+            neutral12: string;
+            neutralA12: string;
+            primary12: string;
+            accent12: string;
+            success12: string;
+            info12: string;
+            warning12: string;
+            critical12: string;
+            neutral13: string;
+            neutralA13: string;
+            primary13: string;
+            accent13: string;
+            success13: string;
+            info13: string;
+            warning13: string;
+            critical13: string;
+        };
+        fonts: {
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+            body: string;
+            caption: string;
+            pageTitle: string;
+            sectionTitle: string;
+            sectionSubtitle: string;
+            button: string;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+            default: string;
+        };
+        fontSizes: {
+            display100: string;
+            display200: string;
+            display300: string;
+            display400: string;
+            display500: string;
+            display600: string;
+            display700: string;
+            display800: string;
+            display900: string;
+            body: string;
+            caption: string;
+            pageTitle: string;
+            sectionTitle: string;
+            sectionSubtitle: string;
+            button: string;
+            microcopy: string;
+            navTitle: string;
+            navTitleCompacted: string;
+        };
+        fontWeights: {
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
+        };
+        letterSpacings: {
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
         };
         lineHeights: {
-          display100: number;
-          display200: number;
-          display300: number;
-          display400: number;
-          display500: number;
-          display600: number;
-          display700: number;
-          display800: number;
-          display900: number;
-          body: number;
-          caption: number;
-          pageTitle: number;
-          sectionTitle: number;
-          sectionSubtitle: number;
-          button: number;
-          microcopy: number;
-          navTitle: number;
-          navTitleCompacted: number;
+            display100: number;
+            display200: number;
+            display300: number;
+            display400: number;
+            display500: number;
+            display600: number;
+            display700: number;
+            display800: number;
+            display900: number;
+            body: number;
+            caption: number;
+            pageTitle: number;
+            sectionTitle: number;
+            sectionSubtitle: number;
+            button: number;
+            microcopy: number;
+            navTitle: number;
+            navTitleCompacted: number;
         };
         radii: {
-          default: any;
-          large: any;
-          rounded: any;
+            default: any;
+            large: any;
+            rounded: any;
         };
         space: {
-          sm: any;
-          md: any;
-          lg: any;
-          xs: any;
-          xl: any;
-          xxl: any;
+            sm: any;
+            md: any;
+            lg: any;
+            xs: any;
+            xl: any;
+            xxl: any;
         };
         zIndices: {
-          floatingElements: number;
-          blanket: number;
-          dialog: number;
-          toast: number;
-          tooltip: number;
-          portalElement: number;
+            floatingElements: number;
+            blanket: number;
+            dialog: number;
+            toast: number;
+            tooltip: number;
+            portalElement: number;
         };
-      },
-      import("stitches-rn-vitality/src/types/config").DefaultThemeMap,
-      {
+    }, import("stitches-rn-vitality/src/types/config").DefaultThemeMap, {
         boxShadow: (level: import("packages/tokens/dist").ElevationsKeys) => {
-          elevation: number;
-          shadowOffset: {
-            width: number;
-            height: number;
-          };
-          shadowRadius: number;
-          shadowOpacity: number;
-          shadowColor: string;
+            elevation: number;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowRadius: number;
+            shadowOpacity: number;
+            shadowColor: string;
         };
-      }
-    >
-  >;
+    }>>;
 };
-//# sourceMappingURL=styled.d.ts.map
+//# sourceMappingURL=styled.d.ts.map