@gympass/yoga 7.92.0 → 7.93.0

package/cjs/Chips/native/Chips.js

@@ -82,7 +82,7 @@ const Wrapper = import_styled_components.default.View`
 
   border-style: solid;
   border-color: ${import_Theme.theme.colors.elements.lineAndBorders};
-  border-radius: ${import_Theme.theme.radii.small}px;
+  border-radius: ${import_Theme.theme.radii.circle}px;
   border-width: ${import_Theme.theme.borders.small}px;
 
   background-color: ${import_Theme.theme.colors.white};
@@ -97,7 +97,7 @@ const Wrapper = import_styled_components.default.View`
         ` : ""}
 
   ${({ selected }) => selected ? import_styled_components.css`
-          background-color: ${import_Theme.theme.colors.yoga};
+          background-color: ${import_Theme.theme.colors.secondary};
           border-color: transparent;
         ` : ""}
 `;
@@ -108,7 +108,7 @@ const StyledChips = (0, import_styled_components.default)(import_Text.default)`
   flex-shrink: 1;
 
   ${({ selected }) => selected ? import_styled_components.css`
-          color: ${import_Theme.theme.colors.primary};
+          color: ${import_Theme.theme.colors.white};
         ` : ""}
 `;
 const Chips = import_react.default.forwardRef(
@@ -147,7 +147,7 @@ const Chips = import_react.default.forwardRef(
             import_Icon.default,
             {
               as: SecondIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {
@@ -169,7 +169,7 @@ const Chips = import_react.default.forwardRef(
             import_Icon.default,
             {
               as: FirstIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {

package/cjs/Chips/native/Counter.js

@@ -50,12 +50,12 @@ const Wrapper = (0, import_styled_components.default)(import_Text.default.Medium
   padding-left: 5px;
   margin-left: ${import_Theme.theme.spacing.xxxsmall}px;
 
-  color: ${import_Theme.theme.colors.white};
+  color: ${import_Theme.theme.colors.stamina};
   font-size: ${import_Theme.theme.fontSizes.xsmall}px;
   line-height: ${import_Theme.theme.lineHeights.xsmall}px;
 
   border-radius: ${import_Theme.theme.radii.small}px;
-  background-color: ${import_Theme.theme.colors.primary};
+  background-color: ${import_Theme.theme.colors.white};
 
   overflow: hidden;
 `;

package/cjs/Chips/web/Chips.js

@@ -104,7 +104,7 @@ const Wrapper = import_styled_components.default.button`
 
       padding: ${spacing.xxsmall}px;
 
-      border-radius: ${radii.small}px;
+      border-radius: ${radii.circle}px;
       border-width: ${borders.small}px;
 
       font-family: ${baseFont.family};
@@ -132,15 +132,15 @@ const Wrapper = import_styled_components.default.button`
     return `
         ${commonStyles}
 
-        background-color: ${colors.yoga};
-        color: ${colors.primary};
+        background-color: ${colors.secondary};
+        color: ${colors.white};
 
         border-color: transparent;
 
         font-weight: ${fontWeights.medium};
 
         &:hover:enabled {
-          border-color: ${colors.primary};
+          border-color: ${colors.secondary};
         }
       `;
   }
@@ -203,7 +203,7 @@ const Chips = import_react.default.forwardRef(
             import_Icon.default,
             {
               as: SecondIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {
@@ -217,7 +217,7 @@ const Chips = import_react.default.forwardRef(
             import_Icon.default,
             {
               as: FirstIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {

package/cjs/Chips/web/Counter.js

@@ -49,13 +49,13 @@ const Wrapper = import_styled_components.default.span`
   padding-left: 5px;
   margin-left: ${import_Theme.theme.spacing.xxxsmall}px;
 
-  color: ${import_Theme.theme.colors.white};
+  color: ${import_Theme.theme.colors.secondary};
   font-size: ${import_Theme.theme.fontSizes.xsmall}px;
   line-height: ${import_Theme.theme.lineHeights.xsmall}px;
   font-weight: ${import_Theme.theme.fontWeights.medium}px;
 
   border-radius: ${import_Theme.theme.radii.small}px;
-  background-color: ${import_Theme.theme.colors.primary};
+  background-color: ${import_Theme.theme.colors.white};
 `;
 const Counter = ({ value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: Number(value) > 999 ? "+999" : value });
 Counter.propTypes = {

package/cjs/Theme/Provider/web/FontLoader.js

@@ -41,11 +41,14 @@ const FontLoader = ({
       baseFont: { family, weight }
     }
   }
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_google_font_loader.default, { fonts: [{ font: family, weights: weight }] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "link",
-  {
-    rel: "stylesheet",
-    href: `https://fonts.googleapis.com/css?family=${family}:${weight.join()}`
-  }
-) });
+}) => {
+  const uniqueWeights = [...new Set(weight)];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_google_font_loader.default, { fonts: [{ font: family, weights: uniqueWeights }] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "link",
+    {
+      rel: "stylesheet",
+      href: `https://fonts.googleapis.com/css?family=${family}:${uniqueWeights.join()}`
+    }
+  ) });
+};
 var FontLoader_default = (0, import_styled_components.withTheme)(FontLoader);

package/cjs/Theme/Provider/web/FontLoader.test.js

@@ -33,7 +33,7 @@ describe("FontLoader component", () => {
     );
     const link = document.getElementsByTagName("link").item(0).outerHTML;
     expect(link).toContain(
-      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
     );
   });
 });

package/cjs/Theme/index.js

@@ -29,9 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Theme_exports = {};
 __export(Theme_exports, {
   FontLoader: () => import_Provider.FontLoader,
+  ThemeProvider: () => import_Provider.ThemeProvider,
   createTheme: () => import_themeGenerator.default,
-  default: () => import_Provider.ThemeProvider,
+  default: () => Theme_default,
   theme: () => import_themeReader.default,
+  v3theme: () => import_theme.v3theme,
   yogaTheme: () => import_theme.default
 });
 module.exports = __toCommonJS(Theme_exports);
@@ -39,10 +41,13 @@ var import_Provider = require("./Provider");
 var import_theme = __toESM(require("./theme"));
 var import_themeReader = __toESM(require("./helpers/themeReader"));
 var import_themeGenerator = __toESM(require("./helpers/themeGenerator"));
+var Theme_default = import_Provider.ThemeProvider;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FontLoader,
+  ThemeProvider,
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 });

package/cjs/Theme/index.native.js

@@ -31,6 +31,7 @@ __export(index_native_exports, {
   createTheme: () => import_themeGenerator.default,
   default: () => import_Provider.default,
   theme: () => import_themeReader.default,
+  v3theme: () => import_theme.v3theme,
   yogaTheme: () => import_theme.default
 });
 module.exports = __toCommonJS(index_native_exports);
@@ -42,5 +43,6 @@ var import_themeGenerator = __toESM(require("./helpers/themeGenerator"));
 0 && (module.exports = {
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 });

package/cjs/Theme/theme/index.js

@@ -28,8 +28,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var theme_exports = {};
 __export(theme_exports, {
-  default: () => theme_default
+  default: () => theme_default,
+  v3theme: () => import_v3theme.v3theme
 });
 module.exports = __toCommonJS(theme_exports);
 var import_theme = __toESM(require("./theme"));
+var import_v3theme = require("./v3theme");
 var theme_default = import_theme.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  v3theme
+});

package/cjs/Theme/theme/v3theme.js

@@ -0,0 +1,94 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var v3theme_exports = {};
+__export(v3theme_exports, {
+  v3theme: () => v3theme
+});
+module.exports = __toCommonJS(v3theme_exports);
+var import_themeGenerator = __toESM(require("../helpers/themeGenerator"));
+const v3theme = (0, import_themeGenerator.default)((tokens) => ({
+  colors: {
+    secondary: tokens.colors.staminaNew,
+    deep: tokens.colors.deepNew,
+    hope: tokens.colors.hopeNew,
+    light: tokens.colors.lightNew,
+    clear: tokens.colors.clearNew,
+    peace: tokens.colors.peaceNew,
+    relax: tokens.colors.relaxNew,
+    medium: tokens.colors.mediumNew,
+    uplift: tokens.colors.upliftNew,
+    stamina: tokens.colors.staminaNew,
+    success: tokens.colors.successNew,
+    neutral: tokens.colors.neutralNew,
+    deepPurple: tokens.colors.deepPurpleNew,
+    feedback: {
+      success: Object.assign(
+        [tokens.colors.successNew, tokens.colors.hopeNew],
+        {
+          light: tokens.colors.successNew,
+          dark: tokens.colors.hopeNew
+        }
+      ),
+      informative: Object.assign(
+        [tokens.colors.neutralNew, tokens.colors.relaxNew],
+        {
+          light: tokens.colors.neutralNew,
+          dark: tokens.colors.relaxNew
+        }
+      ),
+      neutral: Object.assign(
+        [tokens.colors.lightNew, tokens.colors.mediumNew],
+        {
+          light: tokens.colors.lightNew,
+          dark: tokens.colors.mediumNew
+        }
+      )
+    },
+    text: {
+      primary: tokens.colors.staminaNew,
+      secondary: tokens.colors.deepNew,
+      disabled: tokens.colors.lightNew
+    },
+    elements: {
+      selectionAndIcons: tokens.colors.mediumNew,
+      lineAndBorders: tokens.colors.lightest,
+      backgroundAndDisabled: tokens.colors.clearNew
+    }
+  },
+  baseFont: tokens.fonts.inter,
+  fontWeights: {
+    regular: tokens.fontWeights.regularNew,
+    medium: tokens.fontWeights.mediumNew,
+    bold: tokens.fontWeights.boldNew
+  }
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  v3theme
+});

package/cjs/index.js

@@ -74,6 +74,7 @@ __export(src_exports, {
   ThemeProvider: () => import_Theme.default,
   createTheme: () => import_Theme.createTheme,
   theme: () => import_Theme.theme,
+  v3theme: () => import_Theme.v3theme,
   yogaTheme: () => import_Theme.yogaTheme
 });
 module.exports = __toCommonJS(src_exports);
@@ -163,5 +164,6 @@ var import_NavigationMenu = __toESM(require("./NavigationMenu"));
   ThemeProvider,
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 });

package/cjs/index.native.js

@@ -58,6 +58,7 @@ __export(index_native_exports, {
   ThemeProvider: () => import_Theme.default,
   createTheme: () => import_Theme.createTheme,
   theme: () => import_Theme.theme,
+  v3theme: () => import_Theme.v3theme,
   yogaTheme: () => import_Theme.yogaTheme
 });
 module.exports = __toCommonJS(index_native_exports);
@@ -118,5 +119,6 @@ var import_ActionRequirement = __toESM(require("./ActionRequirement"));
   ThemeProvider,
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 });

package/esm/Chips/native/Chips.js

@@ -51,7 +51,7 @@ const Wrapper = styled.View`
 
   border-style: solid;
   border-color: ${theme.colors.elements.lineAndBorders};
-  border-radius: ${theme.radii.small}px;
+  border-radius: ${theme.radii.circle}px;
   border-width: ${theme.borders.small}px;
 
   background-color: ${theme.colors.white};
@@ -66,7 +66,7 @@ const Wrapper = styled.View`
         ` : ""}
 
   ${({ selected }) => selected ? css`
-          background-color: ${theme.colors.yoga};
+          background-color: ${theme.colors.secondary};
           border-color: transparent;
         ` : ""}
 `;
@@ -77,7 +77,7 @@ const StyledChips = styled(Text)`
   flex-shrink: 1;
 
   ${({ selected }) => selected ? css`
-          color: ${theme.colors.primary};
+          color: ${theme.colors.white};
         ` : ""}
 `;
 const Chips = React.forwardRef(
@@ -116,7 +116,7 @@ const Chips = React.forwardRef(
             Icon,
             {
               as: SecondIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {
@@ -138,7 +138,7 @@ const Chips = React.forwardRef(
             Icon,
             {
               as: FirstIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {

package/esm/Chips/native/Counter.js

@@ -17,12 +17,12 @@ const Wrapper = styled(Text.Medium)`
   padding-left: 5px;
   margin-left: ${theme.spacing.xxxsmall}px;
 
-  color: ${theme.colors.white};
+  color: ${theme.colors.stamina};
   font-size: ${theme.fontSizes.xsmall}px;
   line-height: ${theme.lineHeights.xsmall}px;
 
   border-radius: ${theme.radii.small}px;
-  background-color: ${theme.colors.primary};
+  background-color: ${theme.colors.white};
 
   overflow: hidden;
 `;

package/esm/Chips/web/Chips.js

@@ -73,7 +73,7 @@ const Wrapper = styled.button`
 
       padding: ${spacing.xxsmall}px;
 
-      border-radius: ${radii.small}px;
+      border-radius: ${radii.circle}px;
       border-width: ${borders.small}px;
 
       font-family: ${baseFont.family};
@@ -101,15 +101,15 @@ const Wrapper = styled.button`
     return `
         ${commonStyles}
 
-        background-color: ${colors.yoga};
-        color: ${colors.primary};
+        background-color: ${colors.secondary};
+        color: ${colors.white};
 
         border-color: transparent;
 
         font-weight: ${fontWeights.medium};
 
         &:hover:enabled {
-          border-color: ${colors.primary};
+          border-color: ${colors.secondary};
         }
       `;
   }
@@ -172,7 +172,7 @@ const Chips = React.forwardRef(
             Icon,
             {
               as: SecondIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {
@@ -186,7 +186,7 @@ const Chips = React.forwardRef(
             Icon,
             {
               as: FirstIcon,
-              fill: selected ? "primary" : "secondary",
+              fill: selected ? "white" : "secondary",
               width: "small",
               height: "small",
               style: {

package/esm/Chips/web/Counter.js

@@ -16,13 +16,13 @@ const Wrapper = styled.span`
   padding-left: 5px;
   margin-left: ${theme.spacing.xxxsmall}px;
 
-  color: ${theme.colors.white};
+  color: ${theme.colors.secondary};
   font-size: ${theme.fontSizes.xsmall}px;
   line-height: ${theme.lineHeights.xsmall}px;
   font-weight: ${theme.fontWeights.medium}px;
 
   border-radius: ${theme.radii.small}px;
-  background-color: ${theme.colors.primary};
+  background-color: ${theme.colors.white};
 `;
 const Counter = ({ value }) => /* @__PURE__ */ jsx(Wrapper, { children: Number(value) > 999 ? "+999" : value });
 Counter.propTypes = {

package/esm/Theme/Provider/web/FontLoader.js

@@ -8,13 +8,16 @@ const FontLoader = ({
       baseFont: { family, weight }
     }
   }
-}) => /* @__PURE__ */ jsx(Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ jsx(GoogleFontLoader, { fonts: [{ font: family, weights: weight }] }) : /* @__PURE__ */ jsx(
-  "link",
-  {
-    rel: "stylesheet",
-    href: `https://fonts.googleapis.com/css?family=${family}:${weight.join()}`
-  }
-) });
+}) => {
+  const uniqueWeights = [...new Set(weight)];
+  return /* @__PURE__ */ jsx(Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ jsx(GoogleFontLoader, { fonts: [{ font: family, weights: uniqueWeights }] }) : /* @__PURE__ */ jsx(
+    "link",
+    {
+      rel: "stylesheet",
+      href: `https://fonts.googleapis.com/css?family=${family}:${uniqueWeights.join()}`
+    }
+  ) });
+};
 var FontLoader_default = withTheme(FontLoader);
 export {
   FontLoader_default as default

package/esm/Theme/Provider/web/FontLoader.test.js

@@ -10,7 +10,7 @@ describe("FontLoader component", () => {
     );
     const link = document.getElementsByTagName("link").item(0).outerHTML;
     expect(link).toContain(
-      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
     );
   });
 });

package/esm/Theme/index.js

@@ -1,11 +1,14 @@
 import { ThemeProvider, FontLoader } from "./Provider";
-import yogaTheme from "./theme";
+import yogaTheme, { v3theme } from "./theme";
 import theme from "./helpers/themeReader";
 import createTheme from "./helpers/themeGenerator";
+var Theme_default = ThemeProvider;
 export {
   FontLoader,
+  ThemeProvider,
   createTheme,
-  ThemeProvider as default,
+  Theme_default as default,
   theme,
+  v3theme,
   yogaTheme
 };

package/esm/Theme/index.native.js

@@ -1,10 +1,11 @@
 import ThemeProvider from "./Provider";
-import yogaTheme from "./theme";
+import yogaTheme, { v3theme } from "./theme";
 import theme from "./helpers/themeReader";
 import createTheme from "./helpers/themeGenerator";
 export {
   createTheme,
   ThemeProvider as default,
   theme,
+  v3theme,
   yogaTheme
 };

package/esm/Theme/theme/index.js

@@ -1,5 +1,7 @@
 import theme from "./theme";
+import { v3theme } from "./v3theme";
 var theme_default = theme;
 export {
-  theme_default as default
+  theme_default as default,
+  v3theme
 };

package/esm/Theme/theme/v3theme.js

@@ -0,0 +1,60 @@
+import createTheme from "../helpers/themeGenerator";
+const v3theme = createTheme((tokens) => ({
+  colors: {
+    secondary: tokens.colors.staminaNew,
+    deep: tokens.colors.deepNew,
+    hope: tokens.colors.hopeNew,
+    light: tokens.colors.lightNew,
+    clear: tokens.colors.clearNew,
+    peace: tokens.colors.peaceNew,
+    relax: tokens.colors.relaxNew,
+    medium: tokens.colors.mediumNew,
+    uplift: tokens.colors.upliftNew,
+    stamina: tokens.colors.staminaNew,
+    success: tokens.colors.successNew,
+    neutral: tokens.colors.neutralNew,
+    deepPurple: tokens.colors.deepPurpleNew,
+    feedback: {
+      success: Object.assign(
+        [tokens.colors.successNew, tokens.colors.hopeNew],
+        {
+          light: tokens.colors.successNew,
+          dark: tokens.colors.hopeNew
+        }
+      ),
+      informative: Object.assign(
+        [tokens.colors.neutralNew, tokens.colors.relaxNew],
+        {
+          light: tokens.colors.neutralNew,
+          dark: tokens.colors.relaxNew
+        }
+      ),
+      neutral: Object.assign(
+        [tokens.colors.lightNew, tokens.colors.mediumNew],
+        {
+          light: tokens.colors.lightNew,
+          dark: tokens.colors.mediumNew
+        }
+      )
+    },
+    text: {
+      primary: tokens.colors.staminaNew,
+      secondary: tokens.colors.deepNew,
+      disabled: tokens.colors.lightNew
+    },
+    elements: {
+      selectionAndIcons: tokens.colors.mediumNew,
+      lineAndBorders: tokens.colors.lightest,
+      backgroundAndDisabled: tokens.colors.clearNew
+    }
+  },
+  baseFont: tokens.fonts.inter,
+  fontWeights: {
+    regular: tokens.fontWeights.regularNew,
+    medium: tokens.fontWeights.mediumNew,
+    bold: tokens.fontWeights.boldNew
+  }
+}));
+export {
+  v3theme
+};

package/esm/index.js

@@ -2,7 +2,8 @@ import ThemeProvider, {
   FontLoader,
   yogaTheme,
   theme,
-  createTheme
+  createTheme,
+  v3theme
 } from "./Theme";
 import Accordion from "./Accordion";
 import Button from "./Button";
@@ -88,5 +89,6 @@ export {
   ThemeProvider,
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 };

package/esm/index.native.js

@@ -1,4 +1,4 @@
-import ThemeProvider, { yogaTheme, theme, createTheme } from "./Theme";
+import ThemeProvider, { yogaTheme, theme, createTheme, v3theme } from "./Theme";
 import Button from "./Button";
 import List from "./List";
 import Checkbox from "./Checkbox";
@@ -54,5 +54,6 @@ export {
   ThemeProvider,
   createTheme,
   theme,
+  v3theme,
   yogaTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.92.0",
+  "version": "7.93.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -31,7 +31,7 @@
     "@gympass/yoga-icons": "^1.18.0",
     "@gympass/yoga-illustrations": "^0.5.2",
     "@gympass/yoga-system": "^0.11.1",
-    "@gympass/yoga-tokens": "^3.2.2",
+    "@gympass/yoga-tokens": "^3.3.0",
     "@ptomasroos/react-native-multi-slider": "^2.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
     "date-fns": "^2.29.2",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "d3d44375e5ab0b126e8df60bd41618494f10e935",
+  "gitHead": "731d3774ca4730eaf713943c2e1c58813bdd3f92",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/Theme/helpers/themeGenerator/themeGenerator.d.ts

@@ -0,0 +1,12 @@
+import YogaTokens from '@gympass/yoga-tokens';
+
+declare type ThemeVars = {
+    (tokens: typeof YogaTokens): {};
+    isFromThemeBuilder?: boolean;
+};
+/**
+ * Gets a function that one could sent to \<ThemeProvider> in order to inject a custom thme (or sets of tokens)
+ */
+declare function createTheme(themeVars: ThemeVars): ThemeVars;
+
+export { createTheme as default };

package/typings/Theme/theme/v3theme.d.ts

@@ -0,0 +1,428 @@
+import * as _gympass_yoga_tokens_global_transition from '@gympass/yoga-tokens/global/transition';
+import * as _gympass_yoga_tokens_global_breakpoints from '@gympass/yoga-tokens/global/breakpoints';
+
+declare const v3theme: {
+    (tokens: {
+        borders: {
+            zero: 0;
+            small: 1;
+            medium: 2;
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 0 | 1 | 2 | undefined;
+            push(...items: (0 | 1 | 2)[]): number;
+            concat(...items: ConcatArray<0 | 1 | 2>[]): (0 | 1 | 2)[];
+            concat(...items: (0 | 1 | 2 | ConcatArray<0 | 1 | 2>)[]): (0 | 1 | 2)[];
+            join(separator?: string | undefined): string;
+            reverse(): (0 | 1 | 2)[];
+            shift(): 0 | 1 | 2 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (0 | 1 | 2)[];
+            sort(compareFn?: ((a: 0 | 1 | 2, b: 0 | 1 | 2) => number) | undefined): (0 | 1 | 2)[];
+            splice(start: number, deleteCount?: number | undefined): (0 | 1 | 2)[];
+            splice(start: number, deleteCount: number, ...items: (0 | 1 | 2)[]): (0 | 1 | 2)[];
+            unshift(...items: (0 | 1 | 2)[]): number;
+            indexOf(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): number;
+            every<S extends 0 | 1 | 2>(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => value is S, thisArg?: any): this is S[];
+            every(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => void, thisArg?: any): void;
+            map<U>(callbackfn: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => U, thisArg?: any): U[];
+            filter<S_1 extends 0 | 1 | 2>(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => value is S_1, thisArg?: any): S_1[];
+            filter(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): (0 | 1 | 2)[];
+            reduce(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2): 0 | 1 | 2;
+            reduce(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2, initialValue: 0 | 1 | 2): 0 | 1 | 2;
+            reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => U_1, initialValue: U_1): U_1;
+            reduceRight(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2): 0 | 1 | 2;
+            reduceRight(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2, initialValue: 0 | 1 | 2): 0 | 1 | 2;
+            reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => U_2, initialValue: U_2): U_2;
+            find<S_2 extends 0 | 1 | 2>(predicate: (this: void, value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => value is S_2, thisArg?: any): S_2 | undefined;
+            find(predicate: (value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => unknown, thisArg?: any): 0 | 1 | 2 | undefined;
+            findIndex(predicate: (value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => unknown, thisArg?: any): number;
+            fill(value: 0 | 1 | 2, start?: number | undefined, end?: number | undefined): (0 | 1 | 2)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (0 | 1 | 2)[];
+            entries(): IterableIterator<[number, 0 | 1 | 2]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<0 | 1 | 2>;
+            includes(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): boolean;
+            flatMap<U_3, This = undefined>(callback: (this: This, value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
+            flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
+            at(index: number): 0 | 1 | 2 | undefined;
+            [Symbol.iterator](): IterableIterator<0 | 1 | 2>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+        };
+        breakpoints: _gympass_yoga_tokens_global_breakpoints.Breakpoints;
+        colors: {
+            readonly vibin: "#D8385E";
+            readonly hope: "#1D856C";
+            readonly energy: "#FFC24C";
+            readonly relax: "#5340C9";
+            readonly peace: "#FFB0A7";
+            readonly brandingVerve: "#FF874C";
+            readonly verve: "#CA4808";
+            readonly uplift: "#FF4438";
+            readonly deepPurple: "#710252";
+            readonly yoga: "#FFEEF2";
+            readonly success: "#C1EEDB";
+            readonly neutral: "#E0DFFF";
+            readonly attention: "#FCD6C3";
+            readonly stamina: "#231B22";
+            readonly deep: "#6B6B78";
+            readonly medium: "#9898A6";
+            readonly light: "#D7D7E0";
+            readonly clear: "#F5F5FA";
+            readonly white: "#FFFFFF";
+            readonly hopeNew: "#0C8046";
+            readonly relaxNew: "#A880FF";
+            readonly neon: "#DCFF79";
+            readonly sand: "#FBF8EC";
+            readonly peaceNew: "#FFEBF1";
+            readonly upliftNew: "#D8385E";
+            readonly deepPurpleNew: "#590931";
+            readonly successNew: "#E3EFC3";
+            readonly neutralNew: "#EAE0FF";
+            readonly staminaNew: "#1D1D1F";
+            readonly deepNew: "#57544D";
+            readonly mediumNew: "#A6A298";
+            readonly lightNew: "#E1DED7";
+            readonly lightest: "#EFEDE7";
+            readonly clearNew: "#FAF9F5";
+        };
+        fonts: Record<string, {
+            family: string;
+            weight: (300 | 400 | 500 | 700 | 900 | 800 | "300i" | "400i" | "500i" | "700i" | "900i" | "800i")[];
+        }>;
+        fontSizes: {
+            xxsmall: 10;
+            xsmall: 12;
+            small: 14;
+            medium: 16;
+            large: 20;
+            xlarge: 24;
+            xxlarge: 32;
+            xxxlarge: 40;
+            huge: 48;
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
+            push(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
+            concat(...items: ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            concat(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            join(separator?: string | undefined): string;
+            reverse(): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            shift(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            sort(compareFn?: ((a: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, b: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48) => number) | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            unshift(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
+            indexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
+            every<S_3 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_3, thisArg?: any): this is S_3[];
+            every(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => void, thisArg?: any): void;
+            map<U_4>(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_4, thisArg?: any): U_4[];
+            filter<S_4 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_4, thisArg?: any): S_4[];
+            filter(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
+            reduce<U_5>(callbackfn: (previousValue: U_5, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_5, initialValue: U_5): U_5;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
+            reduceRight<U_6>(callbackfn: (previousValue: U_6, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_6, initialValue: U_6): U_6;
+            find<S_5 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (this: void, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_5, thisArg?: any): S_5 | undefined;
+            find(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
+            findIndex(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): number;
+            fill(value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
+            entries(): IterableIterator<[number, 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
+            includes(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): boolean;
+            flatMap<U_7, This_1 = undefined>(callback: (this: This_1, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_7 | readonly U_7[], thisArg?: This_1 | undefined): U_7[];
+            flat<A_1, D_1 extends number = 1>(this: A_1, depth?: D_1 | undefined): FlatArray<A_1, D_1>[];
+            at(index: number): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
+            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+        };
+        fontWeights: {
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
+            push(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
+            concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900 | 800>[]): (300 | 400 | 500 | 700 | 900 | 800)[];
+            concat(...items: (300 | 400 | 500 | 700 | 900 | 800 | ConcatArray<300 | 400 | 500 | 700 | 900 | 800>)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
+            join(separator?: string | undefined): string;
+            reverse(): (300 | 400 | 500 | 700 | 900 | 800)[];
+            shift(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
+            sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900 | 800, b: 300 | 400 | 500 | 700 | 900 | 800) => number) | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
+            splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
+            splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900 | 800)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
+            unshift(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
+            indexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
+            every<S_6 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_6, thisArg?: any): this is S_6[];
+            every(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => void, thisArg?: any): void;
+            map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_8, thisArg?: any): U_8[];
+            filter<S_7 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_7, thisArg?: any): S_7[];
+            filter(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900 | 800)[];
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
+            reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_9, initialValue: U_9): U_9;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
+            reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_10, initialValue: U_10): U_10;
+            find<S_8 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_8, thisArg?: any): S_8 | undefined;
+            find(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
+            findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): number;
+            fill(value: 300 | 400 | 500 | 700 | 900 | 800, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
+            entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900 | 800]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
+            includes(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): boolean;
+            flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
+            flat<A_2, D_2 extends number = 1>(this: A_2, depth?: D_2 | undefined): FlatArray<A_2, D_2>[];
+            at(index: number): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
+            [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+            light: 300;
+            regular: 400;
+            medium: 500;
+            bold: 700;
+            black: 900;
+            regularNew: 500;
+            mediumNew: 700;
+            boldNew: 800;
+        };
+        lineHeights: {
+            xxsmall: 12;
+            xsmall: 16;
+            small: 20;
+            medium: 24;
+            large: 28;
+            xlarge: 32;
+            xxlarge: 40;
+            xxxlarge: 48;
+            huge: 56;
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
+            push(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
+            concat(...items: ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            concat(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            join(separator?: string | undefined): string;
+            reverse(): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            shift(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            sort(compareFn?: ((a: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, b: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56) => number) | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            unshift(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
+            indexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
+            every<S_9 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_9, thisArg?: any): this is S_9[];
+            every(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => void, thisArg?: any): void;
+            map<U_12>(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_12, thisArg?: any): U_12[];
+            filter<S_10 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_10, thisArg?: any): S_10[];
+            filter(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
+            reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
+            reduce<U_13>(callbackfn: (previousValue: U_13, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_13, initialValue: U_13): U_13;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
+            reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
+            reduceRight<U_14>(callbackfn: (previousValue: U_14, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_14, initialValue: U_14): U_14;
+            find<S_11 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (this: void, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_11, thisArg?: any): S_11 | undefined;
+            find(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
+            findIndex(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): number;
+            fill(value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
+            entries(): IterableIterator<[number, 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
+            includes(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): boolean;
+            flatMap<U_15, This_3 = undefined>(callback: (this: This_3, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_15 | readonly U_15[], thisArg?: This_3 | undefined): U_15[];
+            flat<A_3, D_3 extends number = 1>(this: A_3, depth?: D_3 | undefined): FlatArray<A_3, D_3>[];
+            at(index: number): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
+            [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+        };
+        radii: {
+            sharp: 0;
+            xsmall: 4;
+            small: 8;
+            regular: 16;
+            circle: 9999;
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 0 | 16 | 4 | 8 | 9999 | undefined;
+            push(...items: (0 | 16 | 4 | 8 | 9999)[]): number;
+            concat(...items: ConcatArray<0 | 16 | 4 | 8 | 9999>[]): (0 | 16 | 4 | 8 | 9999)[];
+            concat(...items: (0 | 16 | 4 | 8 | 9999 | ConcatArray<0 | 16 | 4 | 8 | 9999>)[]): (0 | 16 | 4 | 8 | 9999)[];
+            join(separator?: string | undefined): string;
+            reverse(): (0 | 16 | 4 | 8 | 9999)[];
+            shift(): 0 | 16 | 4 | 8 | 9999 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (0 | 16 | 4 | 8 | 9999)[];
+            sort(compareFn?: ((a: 0 | 16 | 4 | 8 | 9999, b: 0 | 16 | 4 | 8 | 9999) => number) | undefined): (0 | 16 | 4 | 8 | 9999)[];
+            splice(start: number, deleteCount?: number | undefined): (0 | 16 | 4 | 8 | 9999)[];
+            splice(start: number, deleteCount: number, ...items: (0 | 16 | 4 | 8 | 9999)[]): (0 | 16 | 4 | 8 | 9999)[];
+            unshift(...items: (0 | 16 | 4 | 8 | 9999)[]): number;
+            indexOf(searchElement: 0 | 16 | 4 | 8 | 9999, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 0 | 16 | 4 | 8 | 9999, fromIndex?: number | undefined): number;
+            every<S_12 extends 0 | 16 | 4 | 8 | 9999>(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => value is S_12, thisArg?: any): this is S_12[];
+            every(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => void, thisArg?: any): void;
+            map<U_16>(callbackfn: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => U_16, thisArg?: any): U_16[];
+            filter<S_13 extends 0 | 16 | 4 | 8 | 9999>(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => value is S_13, thisArg?: any): S_13[];
+            filter(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => unknown, thisArg?: any): (0 | 16 | 4 | 8 | 9999)[];
+            reduce(callbackfn: (previousValue: 0 | 16 | 4 | 8 | 9999, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => 0 | 16 | 4 | 8 | 9999): 0 | 16 | 4 | 8 | 9999;
+            reduce(callbackfn: (previousValue: 0 | 16 | 4 | 8 | 9999, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => 0 | 16 | 4 | 8 | 9999, initialValue: 0 | 16 | 4 | 8 | 9999): 0 | 16 | 4 | 8 | 9999;
+            reduce<U_17>(callbackfn: (previousValue: U_17, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => U_17, initialValue: U_17): U_17;
+            reduceRight(callbackfn: (previousValue: 0 | 16 | 4 | 8 | 9999, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => 0 | 16 | 4 | 8 | 9999): 0 | 16 | 4 | 8 | 9999;
+            reduceRight(callbackfn: (previousValue: 0 | 16 | 4 | 8 | 9999, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => 0 | 16 | 4 | 8 | 9999, initialValue: 0 | 16 | 4 | 8 | 9999): 0 | 16 | 4 | 8 | 9999;
+            reduceRight<U_18>(callbackfn: (previousValue: U_18, currentValue: 0 | 16 | 4 | 8 | 9999, currentIndex: number, array: (0 | 16 | 4 | 8 | 9999)[]) => U_18, initialValue: U_18): U_18;
+            find<S_14 extends 0 | 16 | 4 | 8 | 9999>(predicate: (this: void, value: 0 | 16 | 4 | 8 | 9999, index: number, obj: (0 | 16 | 4 | 8 | 9999)[]) => value is S_14, thisArg?: any): S_14 | undefined;
+            find(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, obj: (0 | 16 | 4 | 8 | 9999)[]) => unknown, thisArg?: any): 0 | 16 | 4 | 8 | 9999 | undefined;
+            findIndex(predicate: (value: 0 | 16 | 4 | 8 | 9999, index: number, obj: (0 | 16 | 4 | 8 | 9999)[]) => unknown, thisArg?: any): number;
+            fill(value: 0 | 16 | 4 | 8 | 9999, start?: number | undefined, end?: number | undefined): (0 | 16 | 4 | 8 | 9999)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (0 | 16 | 4 | 8 | 9999)[];
+            entries(): IterableIterator<[number, 0 | 16 | 4 | 8 | 9999]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<0 | 16 | 4 | 8 | 9999>;
+            includes(searchElement: 0 | 16 | 4 | 8 | 9999, fromIndex?: number | undefined): boolean;
+            flatMap<U_19, This_4 = undefined>(callback: (this: This_4, value: 0 | 16 | 4 | 8 | 9999, index: number, array: (0 | 16 | 4 | 8 | 9999)[]) => U_19 | readonly U_19[], thisArg?: This_4 | undefined): U_19[];
+            flat<A_4, D_4 extends number = 1>(this: A_4, depth?: D_4 | undefined): FlatArray<A_4, D_4>[];
+            at(index: number): 0 | 16 | 4 | 8 | 9999 | undefined;
+            [Symbol.iterator](): IterableIterator<0 | 16 | 4 | 8 | 9999>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+        };
+        elevations: {
+            zero: string;
+            small: string;
+            medium: string;
+            large: string;
+        };
+        spacing: {
+            zero: 0;
+            xxxsmall: 4;
+            xxsmall: 8;
+            xsmall: 12;
+            small: 16;
+            medium: 20;
+            large: 24;
+            xlarge: 32;
+            xxlarge: 40;
+            xxxlarge: 56;
+            huge: 72;
+            xhuge: 80;
+            length: number;
+            toString(): string;
+            toLocaleString(): string;
+            pop(): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80 | undefined;
+            push(...items: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]): number;
+            concat(...items: ConcatArray<0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>[]): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            concat(...items: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80 | ConcatArray<0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>)[]): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            join(separator?: string | undefined): string;
+            reverse(): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            shift(): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            sort(compareFn?: ((a: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, b: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80) => number) | undefined): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            splice(start: number, deleteCount?: number | undefined): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            splice(start: number, deleteCount: number, ...items: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            unshift(...items: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]): number;
+            indexOf(searchElement: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, fromIndex?: number | undefined): number;
+            every<S_15 extends 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => value is S_15, thisArg?: any): this is S_15[];
+            every(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => void, thisArg?: any): void;
+            map<U_20>(callbackfn: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => U_20, thisArg?: any): U_20[];
+            filter<S_16 extends 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => value is S_16, thisArg?: any): S_16[];
+            filter(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => unknown, thisArg?: any): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            reduce(callbackfn: (previousValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80;
+            reduce(callbackfn: (previousValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, initialValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80;
+            reduce<U_21>(callbackfn: (previousValue: U_21, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => U_21, initialValue: U_21): U_21;
+            reduceRight(callbackfn: (previousValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80;
+            reduceRight(callbackfn: (previousValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, initialValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80;
+            reduceRight<U_22>(callbackfn: (previousValue: U_22, currentValue: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, currentIndex: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => U_22, initialValue: U_22): U_22;
+            find<S_17 extends 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>(predicate: (this: void, value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, obj: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => value is S_17, thisArg?: any): S_17 | undefined;
+            find(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, obj: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => unknown, thisArg?: any): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80 | undefined;
+            findIndex(predicate: (value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, obj: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => unknown, thisArg?: any): number;
+            fill(value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, start?: number | undefined, end?: number | undefined): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[];
+            entries(): IterableIterator<[number, 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80]>;
+            keys(): IterableIterator<number>;
+            values(): IterableIterator<0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>;
+            includes(searchElement: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, fromIndex?: number | undefined): boolean;
+            flatMap<U_23, This_5 = undefined>(callback: (this: This_5, value: 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80, index: number, array: (0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80)[]) => U_23 | readonly U_23[], thisArg?: This_5 | undefined): U_23[];
+            flat<A_5, D_5 extends number = 1>(this: A_5, depth?: D_5 | undefined): FlatArray<A_5, D_5>[];
+            at(index: number): 0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80 | undefined;
+            [Symbol.iterator](): IterableIterator<0 | 20 | 16 | 24 | 12 | 32 | 40 | 56 | 4 | 8 | 72 | 80>;
+            [Symbol.unscopables](): {
+                copyWithin: boolean;
+                entries: boolean;
+                fill: boolean;
+                find: boolean;
+                findIndex: boolean;
+                keys: boolean;
+                values: boolean;
+            };
+        };
+        transition: _gympass_yoga_tokens_global_transition.TransitionProps;
+    }): {};
+    isFromThemeBuilder?: boolean | undefined;
+};
+
+export { v3theme };

package/typings/index.d.ts

@@ -1,9 +1,14 @@
 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 { v3theme } from './Theme/theme/v3theme.js';
+export { default as createTheme } from './Theme/helpers/themeGenerator/themeGenerator.js';
 import * as styled_components from 'styled-components';
 export { _ as Icon } from './Icon-19f6da82.js';
 export { N as NavigationMenu } from './NavigationMenu-4912428a.js';
+import '@gympass/yoga-tokens/global/transition';
+import '@gympass/yoga-tokens/global/breakpoints';
+import '@gympass/yoga-tokens';
 import './Switcher-a8dff781.js';
 
 /** This component provides a theme to all React components underneath itself via the context API. */
@@ -29,19 +34,6 @@ declare function composeTheme(tokens: any, customTheming?: {}): any;
 
 declare function _default$8(props: any): any;
 
-/**
- * This callback is displayed as part of the Requester class.
- */
-type themeVars = (tokens: {
-    [x: string]: string | number;
-}) => any;
-/**
- * Gets a function that one could sent to \<ThemeProvider> in order to inject a custom thme (or sets of tokens)
- * @param {themeVars} themeVars - should return an object with a similar scheme of our tokens that will be replaced, can receive a tokens parameter
- * @returns {themeVars} themeVars - will return the same function which is injected to \<ThemeProvider>
- */
-declare function createTheme(themeVars: themeVars): themeVars;
-
 declare function Accordion({ title, subtitle, children, disabled, expanded, small, hasHorizontalPadding, ...props }: {
     [x: string]: any;
     title: any;
@@ -516,4 +508,4 @@ declare const _default: React.ForwardRefExoticComponent<{
     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 };
+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, _default$8 as theme, composeTheme as yogaTheme };