@gympass/yoga 7.90.1 → 7.91.1

package/cjs/Button/native/Link.js

@@ -73,9 +73,13 @@ const Link = (0, import_styled_components.default)(import_Button.Label)`
   const state = secondary ? "secondary" : "primary";
   return `
       color: ${link.font[state].color};
+      text-decoration: underline;
+      text-decoration-color: ${link.font[state].color};
 
-      ${disabled ? `color: ${link.font.disabled.color};` : ""}
-      ${!disabled && pressed ? `color: ${(0, import_yoga_common.hexToRgb)(link.font[state].color, 0.75)};` : ""}
+      ${disabled ? `color: ${link.font.disabled.color};
+            text-decoration-color: ${link.font.disabled.color};` : ""}
+      ${!disabled && pressed ? `color: ${(0, import_yoga_common.hexToRgb)(link.font[state].color, 0.75)};
+            text-decoration-color: ${(0, import_yoga_common.hexToRgb)(link.font[state].color, 0.75)};` : ""}
     `;
 }}
 `;

package/cjs/Button/native/Text.js

@@ -67,7 +67,11 @@ var import_yoga_common = require("@gympass/yoga-common");
 var import_withTouchable = __toESM(require("./withTouchable"));
 var import_Button = require("./Button");
 const LabelText = (0, import_styled_components.default)(import_Button.Label)`
-  ${({ color }) => `color: ${color};`}
+  ${({ color }) => `
+    color: ${color};
+    text-decoration: underline;
+    text-decoration-color: ${color};
+  `},
 `;
 const ButtonContainerText = (0, import_styled_components.default)(import_Button.ButtonContainer)`
   ${({

package/cjs/Button/web/Link.js

@@ -84,12 +84,18 @@ const Link = (0, import_styled_components.default)(import_Button.default)`
       border: none;
       border-radius: 0;
       color: ${button.types.link.font[state].color};
+      text-decoration: underline;
+      text-decoration-color: ${button.types.link.font[state].color};
 
       svg {
         margin-right: ${button.types.link.icon.margin.right}px;
         fill: ${button.types.link.font[state].color};
       }
 
+      &:not([disabled]):link {
+        text-decoration: underline;
+      }
+
       &:disabled,
       &:not([disabled]):hover,
       &:not([disabled]):focus,
@@ -101,6 +107,11 @@ const Link = (0, import_styled_components.default)(import_Button.default)`
       &:not([disabled]):hover  {
         color: ${(0, import_yoga_common.hexToRgb)(button.types.link.font[state].color, 0.5)};
 
+        text-decoration-color: ${(0, import_yoga_common.hexToRgb)(
+    button.types.link.font[state].color,
+    0.5
+  )};
+
         svg {
           fill: ${(0, import_yoga_common.hexToRgb)(button.types.link.font[state].color, 0.5)};
         }
@@ -109,6 +120,11 @@ const Link = (0, import_styled_components.default)(import_Button.default)`
       &:not([disabled]):focus, &:not([disabled]):active {
         color: ${(0, import_yoga_common.hexToRgb)(button.types.link.font[state].color, 0.75)};
 
+        text-decoration-color: ${(0, import_yoga_common.hexToRgb)(
+    button.types.link.font[state].color,
+    0.75
+  )};
+
         svg {
           fill: ${(0, import_yoga_common.hexToRgb)(button.types.link.font[state].color, 0.75)};
         }
@@ -117,6 +133,9 @@ const Link = (0, import_styled_components.default)(import_Button.default)`
       &:disabled {
         color: ${button.types.link.font.disabled.color};
 
+        text-decoration: underline;
+        text-decoration-color: ${button.types.link.font.disabled.color};
+
         svg {
           fill: ${button.types.link.font.disabled.color};
         }

package/cjs/Button/web/Text.js

@@ -82,11 +82,17 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
       background-color: ${button.types.text.backgroundColor};
       border-color: ${button.types.text.backgroundColor};
       color: ${colors[state]};
+      text-decoration: underline;
+      text-decoration-color: ${button.types.link.font[state].color};
 
       svg {
         fill: ${colors[state]};
       }
 
+      &:not([disabled]):link {
+        text-decoration: underline;
+      }
+
       &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {
         background-color: ${button.types.text.backgroundColor};
         box-shadow: none;
@@ -94,6 +100,9 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
 
       &:not([disabled]):hover {
         color: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.5)};
+
+        text-decoration-color: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.5)};
+
         svg {
           fill: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.5)};
         }
@@ -101,6 +110,9 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
 
       &:not([disabled]):focus, &:not([disabled]):active {
         color: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.75)};
+
+        text-decoration-color: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.75)};
+
         svg {
           fill: ${(0, import_yoga_common.hexToRgb)(colors[state], 0.75)};
         }
@@ -108,12 +120,18 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
 
       ${inverted ? `
           color: ${colors.white};
+
+          text-decoration-color: ${colors.white};
+
           svg {
             fill: ${colors.white};
           }
 
           &:not([disabled]):hover {
             color: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.5)};
+
+            text-decoration-color: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.5)};
+
             svg {
               fill: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.5)};
             }
@@ -121,6 +139,9 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
 
           &:not([disabled]):focus, &:not([disabled]):active {
             color: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.75)};
+
+            text-decoration-color: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.75)};
+
             svg {
               fill: ${(0, import_yoga_common.hexToRgb)(colors.white, 0.75)};
             }
@@ -131,6 +152,10 @@ const StyledButton = (0, import_styled_components.default)(import_Button.default
         background-color: ${button.types.text.backgroundColor};
         border-color: ${button.types.text.backgroundColor};
         color: ${button.types.text.disabled};
+
+        text-decoration: underline;
+        text-decoration-color: ${button.types.text.disabled};
+
         svg {
           fill: ${button.types.text.disabled};
         }

package/cjs/Text/index.js

@@ -22,18 +22,4 @@ __export(Text_exports, {
 });
 module.exports = __toCommonJS(Text_exports);
 var import_web = require("./web");
-import_web.Text.H1 = import_web.H1;
-import_web.Text.H2 = import_web.H2;
-import_web.Text.H3 = import_web.H3;
-import_web.Text.H4 = import_web.H4;
-import_web.Text.H5 = import_web.H5;
-import_web.Text.Small = import_web.Small;
-import_web.Text.Tiny = import_web.Tiny;
-import_web.Text.Light = import_web.Light;
-import_web.Text.Regular = import_web.Regular;
-import_web.Text.Medium = import_web.Medium;
-import_web.Text.Bold = import_web.Bold;
-import_web.Text.Black = import_web.Black;
-import_web.Text.SectionTitle = import_web.SectionTitle;
-import_web.Text.SmallestException = import_web.SmallestException;
 var Text_default = import_web.Text;

package/cjs/Text/index.native.js

@@ -22,18 +22,4 @@ __export(index_native_exports, {
 });
 module.exports = __toCommonJS(index_native_exports);
 var import_native = require("./native");
-import_native.Text.H1 = import_native.H1;
-import_native.Text.H2 = import_native.H2;
-import_native.Text.H3 = import_native.H3;
-import_native.Text.H4 = import_native.H4;
-import_native.Text.H5 = import_native.H5;
-import_native.Text.Small = import_native.Small;
-import_native.Text.Tiny = import_native.Tiny;
-import_native.Text.Light = import_native.Light;
-import_native.Text.Regular = import_native.Regular;
-import_native.Text.Medium = import_native.Medium;
-import_native.Text.Bold = import_native.Bold;
-import_native.Text.Black = import_native.Black;
-import_native.Text.SectionTitle = import_native.SectionTitle;
-import_native.Text.SmallestException = import_native.SmallestException;
 var index_native_default = import_native.Text;

package/cjs/Text/native/Text.js

@@ -101,6 +101,20 @@ SmallestException.displayName = "Text.SmallestException";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
+Text.H1 = H1;
+Text.H2 = H2;
+Text.H3 = H3;
+Text.H4 = H4;
+Text.H5 = H5;
+Text.Small = Small;
+Text.Tiny = Tiny;
+Text.Light = Light;
+Text.Regular = Regular;
+Text.Medium = Medium;
+Text.Bold = Bold;
+Text.Black = Black;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 const fontSizes = (0, import_prop_types.oneOf)([
   "xxsmall",
   "xsmall",

package/cjs/Text/web/Text.js

@@ -104,6 +104,20 @@ SmallestException.displayName = "Text.SmallestException";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
+Text.H1 = H1;
+Text.H2 = H2;
+Text.H3 = H3;
+Text.H4 = H4;
+Text.H5 = H5;
+Text.Small = Small;
+Text.Tiny = Tiny;
+Text.Light = Light;
+Text.Regular = Regular;
+Text.Medium = Medium;
+Text.Bold = Bold;
+Text.Black = Black;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 const fontSizes = (0, import_prop_types.oneOf)([
   "xxsmall",
   "xsmall",

package/esm/Button/native/Link.js

@@ -42,9 +42,13 @@ const Link = styled(Label)`
   const state = secondary ? "secondary" : "primary";
   return `
       color: ${link.font[state].color};
+      text-decoration: underline;
+      text-decoration-color: ${link.font[state].color};
 
-      ${disabled ? `color: ${link.font.disabled.color};` : ""}
-      ${!disabled && pressed ? `color: ${hexToRgb(link.font[state].color, 0.75)};` : ""}
+      ${disabled ? `color: ${link.font.disabled.color};
+            text-decoration-color: ${link.font.disabled.color};` : ""}
+      ${!disabled && pressed ? `color: ${hexToRgb(link.font[state].color, 0.75)};
+            text-decoration-color: ${hexToRgb(link.font[state].color, 0.75)};` : ""}
     `;
 }}
 `;

package/esm/Button/native/Text.js

@@ -36,7 +36,11 @@ import { hexToRgb } from "@gympass/yoga-common";
 import withTouchable from "./withTouchable";
 import { Label, ButtonContainer } from "./Button";
 const LabelText = styled(Label)`
-  ${({ color }) => `color: ${color};`}
+  ${({ color }) => `
+    color: ${color};
+    text-decoration: underline;
+    text-decoration-color: ${color};
+  `},
 `;
 const ButtonContainerText = styled(ButtonContainer)`
   ${({

package/esm/Button/web/Link.js

@@ -53,12 +53,18 @@ const Link = styled(Button)`
       border: none;
       border-radius: 0;
       color: ${button.types.link.font[state].color};
+      text-decoration: underline;
+      text-decoration-color: ${button.types.link.font[state].color};
 
       svg {
         margin-right: ${button.types.link.icon.margin.right}px;
         fill: ${button.types.link.font[state].color};
       }
 
+      &:not([disabled]):link {
+        text-decoration: underline;
+      }
+
       &:disabled,
       &:not([disabled]):hover,
       &:not([disabled]):focus,
@@ -70,6 +76,11 @@ const Link = styled(Button)`
       &:not([disabled]):hover  {
         color: ${hexToRgb(button.types.link.font[state].color, 0.5)};
 
+        text-decoration-color: ${hexToRgb(
+    button.types.link.font[state].color,
+    0.5
+  )};
+
         svg {
           fill: ${hexToRgb(button.types.link.font[state].color, 0.5)};
         }
@@ -78,6 +89,11 @@ const Link = styled(Button)`
       &:not([disabled]):focus, &:not([disabled]):active {
         color: ${hexToRgb(button.types.link.font[state].color, 0.75)};
 
+        text-decoration-color: ${hexToRgb(
+    button.types.link.font[state].color,
+    0.75
+  )};
+
         svg {
           fill: ${hexToRgb(button.types.link.font[state].color, 0.75)};
         }
@@ -86,6 +102,9 @@ const Link = styled(Button)`
       &:disabled {
         color: ${button.types.link.font.disabled.color};
 
+        text-decoration: underline;
+        text-decoration-color: ${button.types.link.font.disabled.color};
+
         svg {
           fill: ${button.types.link.font.disabled.color};
         }

package/esm/Button/web/Text.js

@@ -51,11 +51,17 @@ const StyledButton = styled(Button)`
       background-color: ${button.types.text.backgroundColor};
       border-color: ${button.types.text.backgroundColor};
       color: ${colors[state]};
+      text-decoration: underline;
+      text-decoration-color: ${button.types.link.font[state].color};
 
       svg {
         fill: ${colors[state]};
       }
 
+      &:not([disabled]):link {
+        text-decoration: underline;
+      }
+
       &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {
         background-color: ${button.types.text.backgroundColor};
         box-shadow: none;
@@ -63,6 +69,9 @@ const StyledButton = styled(Button)`
 
       &:not([disabled]):hover {
         color: ${hexToRgb(colors[state], 0.5)};
+
+        text-decoration-color: ${hexToRgb(colors[state], 0.5)};
+
         svg {
           fill: ${hexToRgb(colors[state], 0.5)};
         }
@@ -70,6 +79,9 @@ const StyledButton = styled(Button)`
 
       &:not([disabled]):focus, &:not([disabled]):active {
         color: ${hexToRgb(colors[state], 0.75)};
+
+        text-decoration-color: ${hexToRgb(colors[state], 0.75)};
+
         svg {
           fill: ${hexToRgb(colors[state], 0.75)};
         }
@@ -77,12 +89,18 @@ const StyledButton = styled(Button)`
 
       ${inverted ? `
           color: ${colors.white};
+
+          text-decoration-color: ${colors.white};
+
           svg {
             fill: ${colors.white};
           }
 
           &:not([disabled]):hover {
             color: ${hexToRgb(colors.white, 0.5)};
+
+            text-decoration-color: ${hexToRgb(colors.white, 0.5)};
+
             svg {
               fill: ${hexToRgb(colors.white, 0.5)};
             }
@@ -90,6 +108,9 @@ const StyledButton = styled(Button)`
 
           &:not([disabled]):focus, &:not([disabled]):active {
             color: ${hexToRgb(colors.white, 0.75)};
+
+            text-decoration-color: ${hexToRgb(colors.white, 0.75)};
+
             svg {
               fill: ${hexToRgb(colors.white, 0.75)};
             }
@@ -100,6 +121,10 @@ const StyledButton = styled(Button)`
         background-color: ${button.types.text.backgroundColor};
         border-color: ${button.types.text.backgroundColor};
         color: ${button.types.text.disabled};
+
+        text-decoration: underline;
+        text-decoration-color: ${button.types.text.disabled};
+
         svg {
           fill: ${button.types.text.disabled};
         }

package/esm/Text/index.js

@@ -1,34 +1,4 @@
-import {
-  Text,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  Small,
-  Tiny,
-  Light,
-  Regular,
-  Medium,
-  Bold,
-  Black,
-  SectionTitle,
-  SmallestException
-} from "./web";
-Text.H1 = H1;
-Text.H2 = H2;
-Text.H3 = H3;
-Text.H4 = H4;
-Text.H5 = H5;
-Text.Small = Small;
-Text.Tiny = Tiny;
-Text.Light = Light;
-Text.Regular = Regular;
-Text.Medium = Medium;
-Text.Bold = Bold;
-Text.Black = Black;
-Text.SectionTitle = SectionTitle;
-Text.SmallestException = SmallestException;
+import { Text } from "./web";
 var Text_default = Text;
 export {
   Text_default as default

package/esm/Text/index.native.js

@@ -1,34 +1,4 @@
-import {
-  Text,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  Small,
-  Tiny,
-  Light,
-  Regular,
-  Medium,
-  Bold,
-  Black,
-  SectionTitle,
-  SmallestException
-} from "./native";
-Text.H1 = H1;
-Text.H2 = H2;
-Text.H3 = H3;
-Text.H4 = H4;
-Text.H5 = H5;
-Text.Small = Small;
-Text.Tiny = Tiny;
-Text.Light = Light;
-Text.Regular = Regular;
-Text.Medium = Medium;
-Text.Bold = Bold;
-Text.Black = Black;
-Text.SectionTitle = SectionTitle;
-Text.SmallestException = SmallestException;
+import { Text } from "./native";
 var index_native_default = Text;
 export {
   index_native_default as default

package/esm/Text/native/Text.js

@@ -56,6 +56,20 @@ SmallestException.displayName = "Text.SmallestException";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
+Text.H1 = H1;
+Text.H2 = H2;
+Text.H3 = H3;
+Text.H4 = H4;
+Text.H5 = H5;
+Text.Small = Small;
+Text.Tiny = Tiny;
+Text.Light = Light;
+Text.Regular = Regular;
+Text.Medium = Medium;
+Text.Bold = Bold;
+Text.Black = Black;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 const fontSizes = oneOf([
   "xxsmall",
   "xsmall",

package/esm/Text/web/Text.js

@@ -58,6 +58,20 @@ SmallestException.displayName = "Text.SmallestException";
 const TextRenderer = styledText("p");
 const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
 Text.displayName = "Text";
+Text.H1 = H1;
+Text.H2 = H2;
+Text.H3 = H3;
+Text.H4 = H4;
+Text.H5 = H5;
+Text.Small = Small;
+Text.Tiny = Tiny;
+Text.Light = Light;
+Text.Regular = Regular;
+Text.Medium = Medium;
+Text.Bold = Bold;
+Text.Black = Black;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
 const fontSizes = oneOf([
   "xxsmall",
   "xsmall",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.90.1",
+  "version": "7.91.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -46,6 +46,7 @@
   },
   "devDependencies": {
     "@react-native-community/eslint-config": "^3.0.1",
+    "@types/styled-components": "^5.1.34",
     "babel-plugin-inline-react-svg": "^1.1.1",
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
@@ -56,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "8dad59f700b4ff4e3be23c1f178258ab0c92663f",
+  "gitHead": "9cdfae959a192ee74b28474e57056d175b734906",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/Icon-19f6da82.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+declare const _default: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
+
+export { _default as _ };

package/typings/NavigationMenu/index.d.ts

@@ -1,6 +1,7 @@
-import { N as NavigationMenu } from '../NavigationMenu-373d8980.js';
+import { N as NavigationMenu } from '../NavigationMenu-4912428a.js';
 import '../Switcher-a8dff781.js';
 import 'react';
+import 'styled-components';
 
 
 

package/typings/NavigationMenu/web/Item/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { _ as _default } from '../../../Icon-4557ae6b.js';
+import { _ as _default } from '../../../Icon-19f6da82.js';
 
 declare type ItemProps = {
     active?: boolean;

package/typings/NavigationMenu/web/Item/styles.d.ts

@@ -1,6 +1,62 @@
-declare const StyledTextContainer: any;
-declare const StyledTag: any;
-declare const StyledText: any;
-declare const StyledItem: any;
+import * as prop_types from 'prop-types';
+import * as styled_components from 'styled-components';
+
+declare const StyledTextContainer: styled_components.StyledComponent<string, any, {
+    isSubItem?: boolean | undefined;
+    children: React.ReactNode;
+}, never>;
+declare const StyledTag: styled_components.StyledComponent<{
+    (props: any): JSX.Element;
+    propTypes: {
+        variant: prop_types.Requireable<string>;
+        children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        small: prop_types.Requireable<boolean>;
+        ellipsis: prop_types.Requireable<boolean>;
+    };
+    defaultProps: {
+        variant: string;
+        small: boolean;
+        ellipsis: boolean;
+    };
+}, any, {}, never>;
+declare const StyledText: styled_components.StyledComponent<{
+    (props: any): JSX.Element;
+    displayName: string;
+    H1: styled_components.StyledComponent<string, any, {}, never>;
+    H2: styled_components.StyledComponent<string, any, {}, never>;
+    H3: styled_components.StyledComponent<string, any, {}, never>;
+    H4: styled_components.StyledComponent<string, any, {}, never>;
+    H5: styled_components.StyledComponent<string, any, {}, never>;
+    Small: styled_components.StyledComponent<string, any, {}, never>;
+    Tiny: styled_components.StyledComponent<string, any, {}, never>;
+    Light: styled_components.StyledComponent<string, any, {}, never>;
+    Regular: styled_components.StyledComponent<string, any, {}, never>;
+    Medium: styled_components.StyledComponent<string, any, {}, never>;
+    Bold: styled_components.StyledComponent<string, any, {}, never>;
+    Black: styled_components.StyledComponent<string, any, {}, never>;
+    SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
+    SmallestException: styled_components.StyledComponent<string, any, {}, never>;
+    propTypes: {
+        inverted: prop_types.Requireable<boolean>;
+        numberOfLines: prop_types.Requireable<number>;
+        variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        size: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        light: prop_types.Requireable<boolean>;
+        fontSize: prop_types.Requireable<string>;
+    };
+    defaultProps: {
+        inverted: boolean;
+        variant: undefined;
+        size: undefined;
+        fontSize: string;
+        numberOfLines: undefined;
+        light: boolean;
+    };
+}, any, {}, never>;
+declare const StyledItem: styled_components.StyledComponent<string, any, {
+    isActive: boolean;
+    isResponsive?: boolean | undefined;
+    children: React.ReactNode;
+}, never>;
 
 export { StyledItem, StyledTag, StyledText, StyledTextContainer };

package/typings/NavigationMenu/web/index.d.ts

@@ -1,6 +1,7 @@
-import { N as NavigationMenu } from '../../NavigationMenu-373d8980.js';
+import { N as NavigationMenu } from '../../NavigationMenu-4912428a.js';
 import '../../Switcher-a8dff781.js';
 import 'react';
+import 'styled-components';
 
 
 

package/typings/{NavigationMenu-373d8980.d.ts → NavigationMenu-4912428a.d.ts}

@@ -1,4 +1,5 @@
 import { S as SwitcherActionsProps } from './Switcher-a8dff781.js';
+import * as styled_components from 'styled-components';
 import React from 'react';
 
 declare type NavigationMenuProps = {
@@ -8,7 +9,7 @@ declare type NavigationMenuProps = {
 };
 declare const NavigationMenu: {
     ({ children, openOnMobile, responsive, }: NavigationMenuProps): JSX.Element;
-    Header: any;
+    Header: styled_components.StyledComponent<string, any, {}, never>;
     Menu: ({ avatar: Avatar, subtitle, title, onClick }: {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         subtitle?: string | undefined;
@@ -24,13 +25,19 @@ declare const NavigationMenu: {
         subtitle?: string | undefined;
         title?: string | undefined;
     }) => JSX.Element;
-    Items: any;
-    ItemsGroup: any;
+    Items: styled_components.StyledComponent<string, any, {}, never>;
+    ItemsGroup: styled_components.StyledComponent<string, any, {}, never>;
     Item: ({ active, children, expanded, icon: Icon, label, responsive, tag, wrapper: Wrapper, }: {
         active?: boolean | undefined;
         children?: React.ReactNode;
         expanded?: boolean | undefined;
-        icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        icon?: React.ReactElement<React.ForwardRefExoticComponent<{
+            [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+            [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+            [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+        } & {
+            theme?: any;
+        }>, string | React.JSXElementConstructor<any>> | undefined;
         label: string;
         responsive?: boolean | undefined;
         tag?: string | undefined;
@@ -50,7 +57,7 @@ declare const NavigationMenu: {
         label: string;
         wrapper: React.FunctionComponent<any>;
     }) => JSX.Element;
-    Footer: any;
+    Footer: styled_components.StyledComponent<string, any, {}, never>;
 };
 
 export { NavigationMenu as N };

package/typings/index.d.ts

@@ -1,8 +1,9 @@
 import * as prop_types from 'prop-types';
 import prop_types__default, { string, bool, func, node, number, elementType } from 'prop-types';
 import React from 'react';
-export { _ as Icon } from './Icon-4557ae6b.js';
-export { N as NavigationMenu } from './NavigationMenu-373d8980.js';
+import * as styled_components from 'styled-components';
+export { _ as Icon } from './Icon-19f6da82.js';
+export { N as NavigationMenu } from './NavigationMenu-4912428a.js';
 import './Switcher-a8dff781.js';
 
 /** This component provides a theme to all React components underneath itself via the context API. */
@@ -16,7 +17,13 @@ declare namespace ThemeProvider {
     }
 }
 
-declare const _default$9: any;
+declare const _default$9: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 declare function composeTheme(tokens: any, customTheming?: {}): any;
 
@@ -73,9 +80,21 @@ containing primary and supplemental actions, which are represented by icons and
 text. */
 declare const List: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 
-declare const _default$7: any;
-
-declare const _default$6: any;
+declare const _default$7: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
+
+declare const _default$6: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 declare function RadioGroup({ name, onChange, selectedValue, small, full, children, style, ...rest }: {
     [x: string]: any;
@@ -133,7 +152,13 @@ declare namespace PlanCard {
     const displayName: string;
 }
 
-declare const _default$5: any;
+declare const _default$5: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 declare function limitChildren(props: any, propName: any, componentName: any): Error | null;
 
@@ -160,18 +185,32 @@ declare namespace Stepper {
     }
 }
 
-declare const Container: any;
+declare const Container: styled_components.StyledComponent<string, any, {}, never>;
 
-declare const Row: any;
+declare const Row: styled_components.StyledComponent<string, any, {}, never>;
 
-declare const Col: any;
+declare const Col: styled_components.StyledComponent<string, any, {}, never>;
 
-declare const Hide: any;
+declare const Hide: styled_components.StyledComponent<string, any, {}, never>;
 
 declare function Text(props: any): JSX.Element;
 declare namespace Text {
-    const displayName: string;
-    namespace propTypes {
+    export const displayName: string;
+    export { H1 };
+    export { H2 };
+    export { H3 };
+    export { H4 };
+    export { H5 };
+    export { Small };
+    export { Tiny };
+    export { Light };
+    export { Regular };
+    export { Medium };
+    export { Bold };
+    export { Black };
+    export { SectionTitle };
+    export { SmallestException };
+    export namespace propTypes {
         export { bool as inverted };
         export { number as numberOfLines };
         export const variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
@@ -179,7 +218,7 @@ declare namespace Text {
         export { bool as light };
         export { fontSizes as fontSize };
     }
-    namespace defaultProps {
+    export namespace defaultProps {
         export const inverted: boolean;
         const variant_1: undefined;
         export { variant_1 as variant };
@@ -190,9 +229,30 @@ declare namespace Text {
         export const light: boolean;
     }
 }
+declare const H1: styled_components.StyledComponent<string, any, {}, never>;
+declare const H2: styled_components.StyledComponent<string, any, {}, never>;
+declare const H3: styled_components.StyledComponent<string, any, {}, never>;
+declare const H4: styled_components.StyledComponent<string, any, {}, never>;
+declare const H5: styled_components.StyledComponent<string, any, {}, never>;
+declare const Small: styled_components.StyledComponent<string, any, {}, never>;
+declare const Tiny: styled_components.StyledComponent<string, any, {}, never>;
+declare const Light: styled_components.StyledComponent<string, any, {}, never>;
+declare const Regular: styled_components.StyledComponent<string, any, {}, never>;
+declare const Medium: styled_components.StyledComponent<string, any, {}, never>;
+declare const Bold: styled_components.StyledComponent<string, any, {}, never>;
+declare const Black: styled_components.StyledComponent<string, any, {}, never>;
+declare const SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
+declare const SmallestException: styled_components.StyledComponent<string, any, {}, never>;
+
 declare const fontSizes: prop_types.Requireable<string>;
 
-declare const _default$4: any;
+declare const _default$4: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 /** Tags should be keywords to categorize or organize an item. */
 declare function Tag(props: any): JSX.Element;
@@ -232,11 +292,23 @@ declare const TextArea: React.ForwardRefExoticComponent<React.RefAttributes<any>
 /** The autocomplete is a normal input field enhanced by a panel of suggested options. */
 declare const AutoComplete: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 
-declare const _default$3: any;
+declare const _default$3: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
-declare const Box: any;
+declare const Box: styled_components.StyledComponent<string, any, {}, never>;
 
-declare const _default$2: React.MemoExoticComponent<any>;
+declare const _default$2: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>>;
 
 /**
  * The Avatar component is used to display the image.
@@ -248,7 +320,13 @@ declare const BottomSheet: React.ForwardRefExoticComponent<React.RefAttributes<a
 
 declare const Dialog: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 
-declare const _default$1: any;
+declare const _default$1: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 declare function Header({ link, logo, children, ...props }: {
     [x: string]: any;
@@ -430,6 +508,12 @@ declare namespace ActionRequirement {
 
 declare const Popover: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<{
+    [x: string]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: number]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+    [x: symbol]: React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
+} & {
+    theme?: any;
+}>;
 
 export { Accordion, ActionRequirement, AutoComplete, Avatar, Banner, BottomSheet, Box, Button, Card, _default$7 as Checkbox, _default$3 as Chips, Col, Container, Datepicker, Dialog, _default$1 as Divider, Drawer, Dropdown, _default$5 as EventCard, Feedback, _default$9 as FontLoader, Header, Heading, Hide, Input, List, Menu, PlanCard, Popover, Progress, RadioGroup, _default$4 as Rating, Row, Skeleton, _default$6 as Slider, _default$2 as Snackbar, _default as Spinner, Stepper, Tag, Text, TextArea, ThemeProvider, createTheme, _default$8 as theme, composeTheme as yogaTheme };

package/typings/Icon-4557ae6b.d.ts

@@ -1,3 +0,0 @@
-declare const _default: any;
-
-export { _default as _ };