@gympass/yoga 7.115.7 → 7.116.2

package/cjs/Theme/theme/theme.js

@@ -50,13 +50,13 @@ __export(theme_exports, {
 module.exports = __toCommonJS(theme_exports);
 var import_yoga_common = require("@gympass/yoga-common");
 var import_componentThemes = __toESM(require("./componentThemes"));
-const getComponentThemes = (tokens) => {
-  const { colors, baseFont, baseFontSize } = tokens;
+const getComponentThemes = (theme2) => {
+  const { colors, baseFont, baseFontSize } = theme2;
   const components = Object.entries(import_componentThemes.default).reduce(
     (componentsStyles, [names, themed]) => {
       const name = names.toLowerCase();
       return __spreadProps(__spreadValues({}, componentsStyles), {
-        [name]: themed(__spreadProps(__spreadValues({}, tokens), {
+        [name]: themed(__spreadProps(__spreadValues({}, theme2), {
           colors,
           baseFont,
           baseFontSize
@@ -74,10 +74,22 @@ const theme = (tokens) => {
     primary: tokens.colors.vibin,
     secondary: tokens.colors.stamina,
     feedback: {
-      success: [tokens.colors.success, tokens.colors.hope],
-      informative: [tokens.colors.neutral, tokens.colors.relax],
-      attention: [tokens.colors.attention, tokens.colors.verve],
-      neutral: [tokens.colors.light, tokens.colors.medium]
+      success: Object.assign([tokens.colors.success, tokens.colors.hope], {
+        light: tokens.colors.success,
+        dark: tokens.colors.hope
+      }),
+      informative: Object.assign([tokens.colors.neutral, tokens.colors.relax], {
+        light: tokens.colors.neutral,
+        dark: tokens.colors.relax
+      }),
+      attention: Object.assign([tokens.colors.attention, tokens.colors.verve], {
+        light: tokens.colors.attention,
+        dark: tokens.colors.verve
+      }),
+      neutral: Object.assign([tokens.colors.light, tokens.colors.medium], {
+        light: tokens.colors.light,
+        dark: tokens.colors.medium
+      })
     },
     text: {
       primary: tokens.colors.stamina,
@@ -90,10 +102,6 @@ const theme = (tokens) => {
       backgroundAndDisabled: tokens.colors.clear
     }
   });
-  [colors.feedback.success.light, colors.feedback.success.dark] = colors.feedback.success;
-  [colors.feedback.informative.light, colors.feedback.informative.dark] = colors.feedback.informative;
-  [colors.feedback.attention.light, colors.feedback.attention.dark] = colors.feedback.attention;
-  [colors.feedback.neutral.light, colors.feedback.neutral.dark] = colors.feedback.neutral;
   return __spreadProps(__spreadValues({}, tokens), {
     colors,
     baseFont,

package/esm/Theme/theme/theme.js

@@ -19,13 +19,13 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { merge } from "@gympass/yoga-common";
 import componentThemes from "./componentThemes";
-const getComponentThemes = (tokens) => {
-  const { colors, baseFont, baseFontSize } = tokens;
+const getComponentThemes = (theme2) => {
+  const { colors, baseFont, baseFontSize } = theme2;
   const components = Object.entries(componentThemes).reduce(
     (componentsStyles, [names, themed]) => {
       const name = names.toLowerCase();
       return __spreadProps(__spreadValues({}, componentsStyles), {
-        [name]: themed(__spreadProps(__spreadValues({}, tokens), {
+        [name]: themed(__spreadProps(__spreadValues({}, theme2), {
           colors,
           baseFont,
           baseFontSize
@@ -43,10 +43,22 @@ const theme = (tokens) => {
     primary: tokens.colors.vibin,
     secondary: tokens.colors.stamina,
     feedback: {
-      success: [tokens.colors.success, tokens.colors.hope],
-      informative: [tokens.colors.neutral, tokens.colors.relax],
-      attention: [tokens.colors.attention, tokens.colors.verve],
-      neutral: [tokens.colors.light, tokens.colors.medium]
+      success: Object.assign([tokens.colors.success, tokens.colors.hope], {
+        light: tokens.colors.success,
+        dark: tokens.colors.hope
+      }),
+      informative: Object.assign([tokens.colors.neutral, tokens.colors.relax], {
+        light: tokens.colors.neutral,
+        dark: tokens.colors.relax
+      }),
+      attention: Object.assign([tokens.colors.attention, tokens.colors.verve], {
+        light: tokens.colors.attention,
+        dark: tokens.colors.verve
+      }),
+      neutral: Object.assign([tokens.colors.light, tokens.colors.medium], {
+        light: tokens.colors.light,
+        dark: tokens.colors.medium
+      })
     },
     text: {
       primary: tokens.colors.stamina,
@@ -59,10 +71,6 @@ const theme = (tokens) => {
       backgroundAndDisabled: tokens.colors.clear
     }
   });
-  [colors.feedback.success.light, colors.feedback.success.dark] = colors.feedback.success;
-  [colors.feedback.informative.light, colors.feedback.informative.dark] = colors.feedback.informative;
-  [colors.feedback.attention.light, colors.feedback.attention.dark] = colors.feedback.attention;
-  [colors.feedback.neutral.light, colors.feedback.neutral.dark] = colors.feedback.neutral;
   return __spreadProps(__spreadValues({}, tokens), {
     colors,
     baseFont,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.115.7",
+  "version": "7.116.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -26,12 +26,12 @@
     "url": "https://github.com/Gympass/yoga/issues"
   },
   "dependencies": {
-    "@gympass/yoga-common": "^1.3.1",
+    "@gympass/yoga-common": "^1.4.1",
     "@gympass/yoga-helpers": "^1.1.1",
     "@gympass/yoga-icons": "^1.25.0",
     "@gympass/yoga-illustrations": "^0.7.1",
-    "@gympass/yoga-system": "^0.23.1",
-    "@gympass/yoga-tokens": "^3.6.1",
+    "@gympass/yoga-system": "^0.24.0",
+    "@gympass/yoga-tokens": "^3.6.4",
     "@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": "47591f3029563686c8210e1e667d54115f442bf1",
+  "gitHead": "a0fb25fa6b6313cf83a16287235519c989d1a2b5",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/NavigationMenu/NavigationMenu.theme.d.ts

@@ -1,3 +1,85 @@
-declare const NavigationMenu: (theme: any) => any;
+import * as styled_components from 'styled-components';
+
+declare const NavigationMenu: (theme: any) => {
+    avatar: {
+        height: any;
+        width: any;
+    };
+    backgroundColor: {
+        contextMenu: any;
+        default: any;
+        hover: any;
+        active: any;
+        tag: any;
+        bottomMenu: any;
+    };
+    border: {
+        color: {
+            default: any;
+        };
+        radius: {
+            default: any;
+            circle: any;
+            tag: any;
+            action: any;
+            contextMenu: any;
+        };
+    };
+    font: {
+        color: {
+            default: any;
+            active: any;
+            hover: any;
+        };
+        weight: {
+            bold: any;
+            medium: any;
+        };
+        size: {
+            contextMenu: {
+                title: any;
+            };
+        };
+    };
+    gap: {
+        xxxsmall: any;
+        xxsmall: any;
+        medium: any;
+    };
+    height: {
+        xxlarge: any;
+        xlarge: any;
+        contextMenu: number;
+        bottomMenu: any;
+    };
+    hover: {
+        contextMenu: styled_components.FlattenSimpleInterpolation;
+    };
+    icon: {
+        height: any;
+        width: any;
+        fill: {
+            default: any;
+            actions: any;
+            active: any;
+            hover: any;
+        };
+    };
+    padding: {
+        xxxsmall: any;
+        xxsmall: any;
+        xsmall: any;
+        small: any;
+    };
+    tag: {
+        color: {
+            default: any;
+        };
+    };
+    width: {
+        xxlarge: any;
+        xlarge: any;
+    };
+};
 
 export { NavigationMenu as default };

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

@@ -1,7 +1,7 @@
-import YogaTokens from '@gympass/yoga-tokens';
+import yogaTokens from '@gympass/yoga-tokens';
 
 declare type ThemeVars = {
-    (tokens: typeof YogaTokens): {};
+    (tokens: typeof yogaTokens): {};
     isFromThemeBuilder?: boolean;
 };
 /**

package/typings/Theme/index.d.ts

@@ -0,0 +1,14 @@
+import { T as ThemeProvider } from '../index-477f01b8.js';
+export { _ as FontLoader, a as theme } from '../index-477f01b8.js';
+export { Theme, default as yogaTheme } from './theme/theme.js';
+export { v3theme } from './theme/v3theme.js';
+export { default as createTheme } from './helpers/themeGenerator/themeGenerator.js';
+import 'prop-types';
+import 'react';
+import '@gympass/yoga-tokens/global/transition';
+import 'styled-components';
+import '@gympass/yoga-tokens';
+
+
+
+export { ThemeProvider, ThemeProvider as default };

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

@@ -0,0 +1,10 @@
+import composeTheme from './theme.js';
+export { Theme } from './theme.js';
+export { v3theme } from './v3theme.js';
+import '@gympass/yoga-tokens/global/transition';
+import 'styled-components';
+import '@gympass/yoga-tokens';
+
+
+
+export { composeTheme as default };