@cambly/syntax-core 10.30.0 → 10.32.0

package/dist/__chunks/ZRO3RCYX.cjs

@@ -1,150 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
-
-
-var _PKBQW5T6cjs = require('./PKBQW5T6.cjs');
-
-
-var _GANR5JVVcjs = require('./GANR5JVV.cjs');
-
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
-
-var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
-
-// src/Avatar/Avatar.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "avatar": "_avatar_1ombg_1", "avatarImage": "_avatarImage_1ombg_5", "avatarImageClassic": "_avatarImageClassic_1ombg_13", "avatarImageOutlineCambio": "_avatarImageOutlineCambio_1ombg_17", "xs": "_xs_1ombg_21", "sm": "_sm_1ombg_26", "md": "_md_1ombg_31", "lg": "_lg_1ombg_36", "xl": "_xl_1ombg_41", "xsCambio": "_xsCambio_1ombg_46", "smCambio": "_smCambio_1ombg_51", "mdCambio": "_mdCambio_1ombg_56", "lgCambio": "_lgCambio_1ombg_61", "xlCambio": "_xlCambio_1ombg_66" };
-
-// src/Avatar/Avatar.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var sizeToIconStyles = {
-  xs: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },
-  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },
-  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },
-  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },
-  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 }
-};
-var sizeToMarginClassic = {
-  xs: -16,
-  sm: -16,
-  md: -28,
-  lg: -48,
-  xl: -88
-};
-var sizeToMarginCambio = {
-  xs: -10,
-  sm: -14,
-  md: -22,
-  lg: -28,
-  xl: -28
-};
-function AvatarInternal({
-  accessibilityLabel,
-  icon,
-  outline,
-  size = "md",
-  src
-}) {
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _classnames2.default.call(void 0, 
-        Avatar_module_default.avatar,
-        themeName === "classic" ? Avatar_module_default[size] : Avatar_module_default[`${size}Cambio`]
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "img",
-          {
-            alt: accessibilityLabel,
-            src,
-            className: _classnames2.default.call(void 0, 
-              Avatar_module_default.avatarImage,
-              themeName === "classic" && Avatar_module_default.avatarImageClassic,
-              themeName === "cambio" && outline && Avatar_module_default.avatarImageOutlineCambio,
-              themeName === "classic" ? Avatar_module_default[size] : Avatar_module_default[`${size}Cambio`]
-            )
-          }
-        ),
-        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _GANR5JVVcjs.Box_default,
-          {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            position: "absolute",
-            backgroundColor: "white",
-            dangerouslySetInlineStyle: {
-              __style: _X2SDR4SDcjs.__spreadValues.call(void 0, {
-                border: "1px solid white"
-              }, sizeToIconStyles[size])
-            },
-            rounding: "full",
-            children: icon
-          }
-        ) })
-      ]
-    }
-  );
-}
-var Avatar = ({
-  accessibilityLabel,
-  icon,
-  size = "md",
-  src
-}) => {
-  const avatarGroupContext = _PKBQW5T6cjs.useAvatarGroup.call(void 0, );
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
-  if (avatarGroupContext !== null) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _GANR5JVVcjs.Box_default,
-      {
-        position: "relative",
-        dangerouslySetInlineStyle: {
-          __style: {
-            marginInlineEnd: themeName === "cambio" ? sizeToMarginCambio[avatarGroupContext.size] : sizeToMarginClassic[avatarGroupContext.size]
-          }
-        },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _GANR5JVVcjs.Box_default,
-          {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: "white",
-            rounding: "full",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              AvatarInternal,
-              {
-                accessibilityLabel,
-                icon,
-                outline: themeName === "cambio",
-                size: avatarGroupContext.size,
-                src
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    AvatarInternal,
-    {
-      accessibilityLabel,
-      icon,
-      size,
-      src
-    }
-  );
-};
-var Avatar_default = Avatar;
-
-
-
-exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=ZRO3RCYX.cjs.map

package/dist/__chunks/ZRO3RCYX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nconst sizeToIconStyles = {\n  xs: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\nconst sizeToMarginClassic = {\n  xs: -16,\n  sm: -16,\n  md: -28,\n  lg: -48,\n  xl: -88,\n} as const;\n\nconst sizeToMarginCambio = {\n  xs: -10,\n  sm: -14,\n  md: -22,\n  lg: -28,\n  xl: -28,\n} as const;\n\nfunction AvatarInternal({\n  accessibilityLabel,\n  icon,\n  outline,\n  size = \"md\",\n  src,\n}: {\n  accessibilityLabel: string;\n  icon?: React.ReactElement;\n  outline?: boolean;\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  src: string;\n}): ReactElement {\n  const { themeName } = useTheme();\n\n  return (\n    <div\n      className={classNames(\n        styles.avatar,\n        themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n      )}\n    >\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(\n          styles.avatarImage,\n          themeName === \"classic\" && styles.avatarImageClassic,\n          themeName === \"cambio\" && outline && styles.avatarImageOutlineCambio,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n        )}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            backgroundColor=\"white\"\n            dangerouslySetInlineStyle={{\n              __style: {\n                border: \"1px solid white\",\n                ...sizeToIconStyles[size],\n              },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n}\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * Classic:\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * Cambio:\n   * * `xs`: 24px (Cambio only)\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   * * `xl`: 64px (deprecated, maps to `lg` in Cambio)\n   *\n   * @defaultValue `md`\n   */\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  const avatarGroupContext = useAvatarGroup();\n  const { themeName } = useTheme();\n\n  if (avatarGroupContext !== null) {\n    return (\n      <Box\n        position=\"relative\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            marginInlineEnd:\n              themeName === \"cambio\"\n                ? sizeToMarginCambio[avatarGroupContext.size]\n                : sizeToMarginClassic[avatarGroupContext.size],\n          },\n        }}\n      >\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"white\"\n          rounding=\"full\"\n        >\n          <AvatarInternal\n            accessibilityLabel={accessibilityLabel}\n            icon={icon}\n            outline={themeName === \"cambio\"}\n            size={avatarGroupContext.size}\n            src={src}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <AvatarInternal\n      accessibilityLabel={accessibilityLabel}\n      icon={icon}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1ombg_1\",\"avatarImage\":\"_avatarImage_1ombg_5\",\"avatarImageClassic\":\"_avatarImageClassic_1ombg_13\",\"avatarImageOutlineCambio\":\"_avatarImageOutlineCambio_1ombg_17\",\"xs\":\"_xs_1ombg_21\",\"sm\":\"_sm_1ombg_26\",\"md\":\"_md_1ombg_31\",\"lg\":\"_lg_1ombg_36\",\"xl\":\"_xl_1ombg_41\",\"xsCambio\":\"_xsCambio_1ombg_46\",\"smCambio\":\"_smCambio_1ombg_51\",\"mdCambio\":\"_mdCambio_1ombg_56\",\"lgCambio\":\"_lgCambio_1ombg_61\",\"xlCambio\":\"_xlCambio_1ombg_66\"}"]}

package/dist/colors/foregroundTypographyColor.cjs

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-require('../__chunks/X2SDR4SD.cjs');
-
-// src/colors/foregroundTypographyColor.ts
-function foregroundTypographyColor(color) {
-  switch (color) {
-    case "secondary":
-    case "tertiary":
-      return "primary";
-    case "destructive-secondary":
-    case "destructive-tertiary":
-      return "destructive-primary";
-    case "branded":
-      return "gray900";
-    case "inverse":
-      return "white";
-    default:
-      return "white";
-  }
-}
-
-
-exports.default = foregroundTypographyColor;
-//# sourceMappingURL=foregroundTypographyColor.cjs.map

package/dist/colors/foregroundTypographyColor.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colors/foregroundTypographyColor.ts"],"names":[],"mappings":";;;;AAEe,SAAR,0BACL,OACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF","sourcesContent":["import { type Color } from \"../constants\";\n\nexport default function foregroundTypographyColor(\n  color: (typeof Color)[number],\n): (typeof Color)[number] {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return \"primary\";\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return \"destructive-primary\";\n    case \"branded\":\n      return \"gray900\";\n    case \"inverse\":\n      return \"white\";\n    default:\n      return \"white\";\n  }\n}\n"]}

package/dist/colors/foregroundTypographyColor.d.ts

@@ -1,5 +0,0 @@
-import { Color } from '../constants.js';
-
-declare function foregroundTypographyColor(color: (typeof Color)[number]): (typeof Color)[number];
-
-export { foregroundTypographyColor as default };

package/dist/colors/foregroundTypographyColor.js

@@ -1,24 +0,0 @@
-"use client"
-import "../__chunks/UWGNJENA.js";
-
-// src/colors/foregroundTypographyColor.ts
-function foregroundTypographyColor(color) {
-  switch (color) {
-    case "secondary":
-    case "tertiary":
-      return "primary";
-    case "destructive-secondary":
-    case "destructive-tertiary":
-      return "destructive-primary";
-    case "branded":
-      return "gray900";
-    case "inverse":
-      return "white";
-    default:
-      return "white";
-  }
-}
-export {
-  foregroundTypographyColor as default
-};
-//# sourceMappingURL=foregroundTypographyColor.js.map

package/dist/colors/foregroundTypographyColor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colors/foregroundTypographyColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\n\nexport default function foregroundTypographyColor(\n  color: (typeof Color)[number],\n): (typeof Color)[number] {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return \"primary\";\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return \"destructive-primary\";\n    case \"branded\":\n      return \"gray900\";\n    case \"inverse\":\n      return \"white\";\n    default:\n      return \"white\";\n  }\n}\n"],"mappings":";;;;AAEe,SAAR,0BACL,OACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}