@gympass/yoga 7.88.1 → 7.89.0

package/cjs/NavigationMenu/NavigationMenu.theme.js

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavigationMenu_theme_exports = {};
+__export(NavigationMenu_theme_exports, {
+  default: () => NavigationMenu_theme_default
+});
+module.exports = __toCommonJS(NavigationMenu_theme_exports);
+const NavigationMenu = ({ colors, fontWeights, radii, spacing }) => ({
+  avatar: {
+    height: spacing.xlarge,
+    width: spacing.xlarge
+  },
+  backgroundColor: {
+    default: colors.clear,
+    hover: colors.light,
+    stamina: colors.stamina,
+    yoga: colors.yoga,
+    white: colors.white
+  },
+  border: {
+    color: {
+      default: colors.light,
+      white: colors.white
+    },
+    radius: {
+      default: radii.small,
+      circle: radii.circle
+    }
+  },
+  font: {
+    color: {
+      default: colors.deep,
+      active: colors.vibin,
+      hover: colors.stamina
+    },
+    weight: { medium: fontWeights.medium }
+  },
+  gap: {
+    xxxsmall: spacing.xxxsmall,
+    xxsmall: spacing.xxsmall,
+    medium: spacing.medium
+  },
+  height: { xxlarge: spacing.xxlarge, xlarge: spacing.xlarge },
+  icon: {
+    height: spacing.medium,
+    width: spacing.medium,
+    fill: {
+      default: colors.deep,
+      active: colors.vibin,
+      hover: colors.stamina
+    }
+  },
+  padding: {
+    xxxsmall: spacing.xxxsmall,
+    xxsmall: spacing.xxsmall,
+    xsmall: spacing.xsmall,
+    small: spacing.small
+  },
+  tag: {
+    color: { default: colors.white }
+  },
+  width: { xxlarge: spacing.xxlarge, xlarge: spacing.xlarge }
+});
+var NavigationMenu_theme_default = NavigationMenu;

package/cjs/NavigationMenu/index.js

@@ -0,0 +1,35 @@
+"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 NavigationMenu_exports = {};
+__export(NavigationMenu_exports, {
+  default: () => NavigationMenu_default
+});
+module.exports = __toCommonJS(NavigationMenu_exports);
+var import_web = __toESM(require("./web"));
+var NavigationMenu_default = import_web.default;

package/cjs/NavigationMenu/web/BottomItems/BottomItem.js

@@ -0,0 +1,165 @@
+"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 BottomItem_exports = {};
+__export(BottomItem_exports, {
+  default: () => BottomItem_default
+});
+module.exports = __toCommonJS(BottomItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled_components = __toESM(require("styled-components"));
+var import_Icon = __toESM(require("../../../Icon"));
+var import_Box = __toESM(require("../../../Box"));
+var import_Text = __toESM(require("../../../Text"));
+const StyledText = (0, import_styled_components.default)(import_Text.default)`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        navigationmenu: { font }
+      }
+    }
+  }
+}) => import_styled_components.css`
+      color: ${font.color.default};
+      max-width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    `}
+`;
+const Active = import_styled_components.css`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        navigationmenu: { backgroundColor, icon, font }
+      }
+    }
+  }
+}) => import_styled_components.css`
+      :not(:last-child) {
+        pointer-events: none;
+      }
+
+      div {
+        background-color: ${backgroundColor.default};
+
+        ${StyledText} {
+          color: ${font.color.active};
+        }
+
+        svg {
+          fill: ${icon.fill.active};
+        }
+      }
+    `}
+`;
+const StyledItem = import_styled_components.default.li`
+  ${({
+  isActive,
+  theme: {
+    yoga: {
+      components: {
+        navigationmenu: { backgroundColor, border, icon, font }
+      }
+    }
+  }
+}) => import_styled_components.css`
+      transition: background-color 300ms ease-in-out;
+
+      background-color: transparent;
+      border-radius: ${border.radius.default}px;
+      list-style-type: none;
+      cursor: pointer;
+
+      svg {
+        height: ${icon.height}px;
+        width: ${icon.width}px;
+        fill: ${icon.fill.default};
+      }
+
+      &:hover,
+      &:focus {
+        ${!isActive && import_styled_components.css`
+          background-color: ${backgroundColor.hover};
+
+          ${StyledText} {
+            color: ${font.color.hover};
+          }
+
+          svg {
+            fill: ${icon.fill.hover};
+          }
+        `};
+      }
+
+      a {
+        text-decoration: none;
+
+        &.active {
+          cursor: auto;
+
+          ${Active}
+        }
+      }
+
+      ${isActive && Active};
+    `}
+`;
+const StyledTextContainer = (0, import_styled_components.default)(import_Box.default)`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        navigationmenu: { border, gap, padding }
+      }
+    }
+  }
+}) => import_styled_components.css`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: ${gap.xxxsmall}px;
+      padding: ${padding.xxsmall}px ${padding.xxxsmall}px;
+      border-radius: ${border.radius.default}px;
+    `}
+`;
+const BottomItem = ({
+  active = false,
+  icon,
+  label,
+  wrapper: Wrapper
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItem, { isActive: active, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledTextContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledText, { children: label })
+  ] }) }) });
+};
+var BottomItem_default = BottomItem;

package/cjs/NavigationMenu/web/BottomItems/BottomItems.js

@@ -0,0 +1,66 @@
+"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 BottomItems_exports = {};
+__export(BottomItems_exports, {
+  default: () => BottomItems_default
+});
+module.exports = __toCommonJS(BottomItems_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled_components = __toESM(require("styled-components"));
+var import_yoga_helpers = require("@gympass/yoga-helpers");
+const StyledItemsContainer = import_styled_components.default.nav`
+  ${import_yoga_helpers.media.lg`display: none`}
+`;
+const StyledItems = import_styled_components.default.ul`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        navigationmenu: { backgroundColor, border, gap, padding }
+      }
+    }
+  }
+}) => import_styled_components.css`
+    display: grid;
+    grid-auto-columns: minmax(0, 1fr);
+    grid-auto-flow: column;
+    align-items: center;
+    width: 100%;
+    height: 74px;
+    background-color: ${backgroundColor.default};
+    margin: 0;
+    padding: ${padding.xxxsmall}px;
+    border: 1px solid ${border.color.default};
+    gap: ${gap.xxxsmall}px;
+  `}
+`;
+const BottomItems = ({ children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItemsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItems, { children }) });
+};
+var BottomItems_default = BottomItems;

package/cjs/NavigationMenu/web/BottomItems/index.js

@@ -0,0 +1,41 @@
+"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 BottomItems_exports = {};
+__export(BottomItems_exports, {
+  BottomItem: () => import_BottomItem.default,
+  BottomItems: () => import_BottomItems.default
+});
+module.exports = __toCommonJS(BottomItems_exports);
+var import_BottomItems = __toESM(require("./BottomItems"));
+var import_BottomItem = __toESM(require("./BottomItem"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BottomItem,
+  BottomItems
+});

package/cjs/NavigationMenu/web/Item/Item.js

@@ -0,0 +1,55 @@
+"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 Item_exports = {};
+__export(Item_exports, {
+  default: () => Item_default
+});
+module.exports = __toCommonJS(Item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Styles = __toESM(require("./styles"));
+const Item = ({
+  active = false,
+  children,
+  expanded = false,
+  icon: Icon2,
+  label,
+  responsive = true,
+  tag,
+  wrapper: Wrapper
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledItem, { isActive: active, isResponsive: responsive, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Styles.StyledTextContainer, { children: [
+      Icon2,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledText, { children: label }),
+      tag && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledTag, { children: tag })
+    ] }) }) }),
+    expanded && children
+  ] });
+};
+var Item_default = Item;

package/cjs/NavigationMenu/web/Item/Subitem.js

@@ -0,0 +1,39 @@
+"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 Subitem_exports = {};
+__export(Subitem_exports, {
+  default: () => Subitem_default
+});
+module.exports = __toCommonJS(Subitem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Styles = __toESM(require("./styles"));
+const Subitem = ({ active = false, label, wrapper: Wrapper }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledItem, { isActive: active, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledTextContainer, { isSubItem: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styles.StyledText, { children: label }) }) }) });
+};
+var Subitem_default = Subitem;

package/cjs/NavigationMenu/web/Item/index.js

@@ -0,0 +1,41 @@
+"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 Item_exports = {};
+__export(Item_exports, {
+  Item: () => import_Item.default,
+  Subitem: () => import_Subitem.default
+});
+module.exports = __toCommonJS(Item_exports);
+var import_Item = __toESM(require("./Item"));
+var import_Subitem = __toESM(require("./Subitem"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Item,
+  Subitem
+});