@cambly/syntax-core 21.11.0 → 21.12.0

package/dist/Avatar/Avatar.d.ts

@@ -25,7 +25,7 @@ declare const Avatar: ({ accessibilityLabel, icon, size, src, }: {
      *
      * @defaultValue `md`
      */
-    size?: "md" | "sm" | "xs" | "lg" | "xl" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     /**
      * URL of the image to display as the avatar.
      */

package/dist/Badge/Badge.d.ts

@@ -11,7 +11,7 @@ declare const Badge: ({ icon: Icon, text, color, }: {
         className?: string | undefined;
     }> | React.ComponentType<{
         color?: "inherit" | "black" | "destructive100" | "destructive200" | "destructive300" | "destructive700" | "destructive800" | "destructive900" | "gray10" | "gray100" | "gray200" | "gray30" | "gray60" | "gray300" | "gray700" | "gray80" | "gray800" | "gray900" | "orange100" | "orange200" | "orange300" | "orange700" | "orange800" | "orange900" | "primary100" | "primary200" | "primary300" | "primary700" | "primary800" | "primary900" | "purple100" | "purple200" | "purple300" | "purple700" | "purple800" | "purple900" | "success100" | "success200" | "success300" | "success700" | "success800" | "success900" | "white" | "yellow100" | "yellow200" | "yellow300" | "yellow700" | "yellow800" | "yellow900" | "white40" | "white70" | "gray270" | "gray370" | "gray870" | "cream" | "lilac" | "navy" | "orange" | "pink" | "purple" | "red" | "sky" | "slate" | "tan" | "teal" | "thistle" | undefined;
-        size?: 100 | 200 | 300 | 400 | 500 | 700 | 800 | 900 | 600 | 1000 | undefined;
+        size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | undefined;
         path?: string | undefined;
     } & React.RefAttributes<SVGSVGElement>> | undefined;
     /**

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -23,7 +23,7 @@ declare const ButtonGroup: ({ orientation, size, children, smOrientation, lgOrie
      *
      * @defaultValue "md"
      */
-    size?: "md" | "sm" | "lg" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     /**
      * Buttons to be rendered inside the button group
      */

package/dist/Checkbox/Checkbox.d.ts

@@ -32,7 +32,7 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
      *
      * @defaultValue "md"
      */
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
     /**
      * The text accompanying the checkbox
      */

package/dist/Heading/Heading.d.ts

@@ -11,7 +11,7 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
      *
      * @defaultValue "start"
      */
-    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
+    align?: "center" | "start" | "end" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *

package/dist/LinkTapArea/LinkTapArea.d.ts

@@ -28,12 +28,6 @@ declare const LinkTapArea: React__default.ForwardRefExoticComponent<React__defau
      * Test id for the tap area
      */
     "data-testid"?: string | undefined;
-    /**
-     * If `true`, the tap area will be disabled
-     *
-     * @defaultValue false
-     */
-    disabled?: boolean | undefined;
     /**
      * If `true`, the tap area will be full height
      */
@@ -43,9 +37,9 @@ declare const LinkTapArea: React__default.ForwardRefExoticComponent<React__defau
      */
     fullWidth?: boolean | undefined;
     /**
-     * The callback to be called when the tap area is clicked
+     * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).
      */
-    onClick: (event: React__default.SyntheticEvent<HTMLAnchorElement>) => void;
+    onClick?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
     /**
      * The callback to be called when the tap area is hovered
      */
@@ -64,7 +58,7 @@ declare const LinkTapArea: React__default.ForwardRefExoticComponent<React__defau
      *
      * @defaultValue "none"
      */
-    rounding?: "none" | "md" | "sm" | "full" | undefined;
+    rounding?: "sm" | "md" | "full" | "none" | undefined;
     /**
      * The tab index of the tap area
      */

package/dist/LinkTapArea/LinkTapArea.js

@@ -1,10 +1,9 @@
 "use client"
 import {
   LinkTapArea_default
-} from "../__chunks/LD67LLZE.js";
+} from "../__chunks/222QJTXV.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/KBIW5XV4.js";
-import "../__chunks/JB65NEXK.js";
 import "../__chunks/UWGNJENA.js";
 export {
   LinkTapArea_default as default

package/dist/RadioButton/RadioButton.d.ts

@@ -50,7 +50,7 @@ declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyFor
      *
      * @defaultValue "md"
      */
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
     /**
      * Value of the selected radio option
      */

package/dist/RichSelect/RichSelectBox.d.ts

@@ -49,7 +49,7 @@ declare const _default: React__default.ForwardRefExoticComponent<RichSelectBoxPr
     Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
     RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
         name: string;
-        size?: "md" | "sm" | undefined;
+        size?: "sm" | "md" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectList.d.ts

@@ -78,7 +78,7 @@ declare const _default: typeof RichSelectList & {
     Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
     RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
         name: string;
-        size?: "md" | "sm" | undefined;
+        size?: "sm" | "md" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectList.js

@@ -1,13 +1,13 @@
 "use client"
 import {
   RichSelectList_default
-} from "../__chunks/7ZKXYLXP.js";
+} from "../__chunks/VS3LSAAS.js";
 import "../__chunks/STXMQR3I.js";
 import "../__chunks/TALOD4CL.js";
 import "../__chunks/576PJXFR.js";
 import "../__chunks/KEJPRZJ5.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/YGOEYFXY.js";
+import "../__chunks/EXKOSER2.js";
 import "../__chunks/CLVZ4FOV.js";
 import "../__chunks/36DG472B.js";
 import "../__chunks/MEW6HJNQ.js";

package/dist/RichSelect/RichSelectRadioButton.d.ts

@@ -5,7 +5,7 @@ import 'react-aria';
 
 declare const _default: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
     name: string;
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 export { _default as default };

package/dist/SelectList/SelectList.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   SelectList
-} from "../__chunks/VXX4H2RU.js";
+} from "../__chunks/SHN3LBAS.js";
 import "../__chunks/SPQ7DQHG.js";
-import "../__chunks/YGOEYFXY.js";
+import "../__chunks/EXKOSER2.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/X552U42S.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/TapArea/TapArea.d.ts

@@ -52,7 +52,7 @@ declare const TapArea: React__default.ForwardRefExoticComponent<React__default.A
      *
      * @defaultValue "none"
      */
-    rounding?: "none" | "md" | "sm" | "full" | undefined;
+    rounding?: "sm" | "md" | "full" | "none" | undefined;
     /**
      * The tab index of the tap area
      */

package/dist/Typography/Typography.d.ts

@@ -12,7 +12,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "start"
      */
-    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
+    align?: "center" | "start" | "end" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
@@ -28,7 +28,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "inherit" | "gray700" | "gray900" | "white" | "primary" | "destructive-primary" | "destructive-lightBackground" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white-secondary" | undefined;
+    color?: "inherit" | "gray700" | "gray900" | "white" | "primary" | "destructive-primary" | "success" | "destructive-darkBackground" | "destructive-lightBackground" | "success-darkBackground" | "white-secondary" | undefined;
     /**
      * Test id for the text
      */
@@ -111,7 +111,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "regular"
      */
-    weight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
+    weight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
     /**
      * Controls how whitespace within the element is handled.
      *
@@ -119,7 +119,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "inherit"
      */
-    whiteSpace?: "inherit" | "nowrap" | "normal" | "preLine" | undefined;
+    whiteSpace?: "inherit" | "normal" | "nowrap" | "preLine" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 
 export { Typography as default };

package/dist/__chunks/{LD67LLZE.js → 222QJTXV.js}

@@ -2,9 +2,6 @@
 import {
   rounding_module_default
 } from "./KBIW5XV4.js";
-import {
-  useIsHydrated
-} from "./JB65NEXK.js";
 import {
   __objRest,
   __spreadProps,
@@ -51,7 +48,6 @@ var LinkTapArea = forwardRef(
       rel,
       accessibilityLabel,
       "data-testid": dataTestId,
-      disabled: disabledProp = false,
       fullHeight = false,
       fullWidth = true,
       onClick,
@@ -66,7 +62,6 @@ var LinkTapArea = forwardRef(
       "rel",
       "accessibilityLabel",
       "data-testid",
-      "disabled",
       "fullHeight",
       "fullWidth",
       "onClick",
@@ -75,50 +70,29 @@ var LinkTapArea = forwardRef(
       "rounding",
       "tabIndex"
     ]);
-    const isHydrated = useIsHydrated();
-    const disabled = !isHydrated || disabledProp;
     const [{ hovered, focussed }, dispatch] = useReducer(reducer, {
       hovered: false,
       focussed: false
     });
-    const handleClick = (event) => {
-      if (disabled) {
-      } else {
-        event.currentTarget.blur();
-        onClick(event);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (disabled)
-        return;
-      if (event.key === "Enter" || event.key === " " || event.key === "Space") {
-        event.preventDefault();
-        onClick(event);
-      }
-    };
     const handleOnMouseEnter = (event) => {
-      if (disabled)
-        return;
       dispatch({ type: "MOUSE_ENTER" });
       onMouseEnter == null ? void 0 : onMouseEnter(event);
     };
     const handleOnMouseLeave = (event) => {
-      if (disabled)
-        return;
       dispatch({ type: "MOUSE_LEAVE" });
       onMouseLeave == null ? void 0 : onMouseLeave(event);
     };
-    const isHoveredOrFocussed = !disabled && (hovered || focussed);
+    const isHoveredOrFocussed = hovered || focussed;
     const roundingClasses = rounding !== "none" && rounding_module_default[`rounding${rounding}`];
     return /* @__PURE__ */ jsxs(
       "a",
       __spreadProps(__spreadValues({}, accessibilityProps), {
-        "aria-disabled": disabled || accessibilityProps["aria-disabled"],
+        "aria-disabled": accessibilityProps["aria-disabled"],
         "aria-label": accessibilityLabel != null ? accessibilityLabel : accessibilityProps["aria-label"],
         className: classNames(
           LinkTapArea_module_default.linkTapArea,
           TapArea_module_default.tapArea,
-          TapArea_module_default[`${disabled ? "disabled" : "enabled"}`],
+          TapArea_module_default.enabled,
           fullHeight && TapArea_module_default.fullHeight,
           fullWidth && TapArea_module_default.fullWidth,
           isHoveredOrFocussed && TapArea_module_default.hoveredOrFocussed,
@@ -128,17 +102,15 @@ var LinkTapArea = forwardRef(
         href,
         target,
         rel,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
+        onClick,
         onMouseEnter: handleOnMouseEnter,
         onMouseLeave: handleOnMouseLeave,
         onFocus: () => dispatch({ type: "FOCUS" }),
         onBlur: () => dispatch({ type: "BLUR" }),
         ref,
-        role: "button",
-        tabIndex: disabled ? void 0 : tabIndex,
+        tabIndex,
         children: [
-          !disabled && (hovered || focussed) && /* @__PURE__ */ jsx("div", { className: classNames(TapArea_module_default.overlay, roundingClasses) }),
+          (hovered || focussed) && /* @__PURE__ */ jsx("div", { className: classNames(TapArea_module_default.overlay, roundingClasses) }),
           children
         ]
       })
@@ -151,4 +123,4 @@ var LinkTapArea_default = LinkTapArea;
 export {
   LinkTapArea_default
 };
-//# sourceMappingURL=LD67LLZE.js.map
+//# sourceMappingURL=222QJTXV.js.map

package/dist/__chunks/222QJTXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkTapArea/LinkTapArea.tsx","css-module:../TapArea/TapArea.module.css#css-module","css-module:./LinkTapArea.module.css#css-module"],"sourcesContent":["import React, {\n  forwardRef,\n  type HtmlHTMLAttributes,\n  useReducer,\n  type AriaAttributes,\n  type ReactNode,\n} from \"react\";\nimport tapAreaStyles from \"../TapArea/TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport classNames from \"classnames\";\nimport styles from \"./LinkTapArea.module.css\";\n\ntype LinkTapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The link that the LinkTapArea should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be full height\n   */\n  fullHeight?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\nconst LinkTapArea = forwardRef<HTMLAnchorElement, LinkTapAreaProps>(\n  (\n    {\n      children,\n      href,\n      target,\n      rel,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      fullHeight = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: LinkTapAreaProps,\n    ref,\n  ) => {\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = hovered || focussed;\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <a\n        {...accessibilityProps}\n        aria-disabled={accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.linkTapArea,\n          tapAreaStyles.tapArea,\n          tapAreaStyles.enabled,\n          fullHeight && tapAreaStyles.fullHeight,\n          fullWidth && tapAreaStyles.fullWidth,\n          isHoveredOrFocussed && tapAreaStyles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        href={href}\n        target={target}\n        rel={rel}\n        onClick={onClick}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        tabIndex={tabIndex}\n      >\n        {(hovered || focussed) && (\n          <div className={classNames(tapAreaStyles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </a>\n    );\n  },\n);\n\nLinkTapArea.displayName = \"LinkTapArea\";\n\nexport default LinkTapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_1gbc8_1\",\"fullHeight\":\"_fullHeight_1gbc8_5\",\"fullWidth\":\"_fullWidth_1gbc8_9\",\"disabled\":\"_disabled_1gbc8_13\",\"enabled\":\"_enabled_1gbc8_20\",\"overlay\":\"_overlay_1gbc8_33\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_1gbc8_43\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkTapArea/LinkTapArea.module.css\"; export default {\"linkTapArea\":\"_linkTapArea_1nzmd_1\"}"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EAEA;AAAA,OAGK;;;ACNuF,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,cAAa,uBAAsB,aAAY,sBAAqB,YAAW,sBAAqB,WAAU,qBAAoB,WAAU,qBAAoB,qBAAoB,8BAA6B;;;ADS5V,OAAO,gBAAgB;;;AET+E,IAAO,6BAAQ,EAAC,eAAc,uBAAsB;;;AF+IpJ,SA0BI,KA1BJ;AAlEN,SAAS,QACP,OAIA,QAGA;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,MAAM;AAAA,IACrC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,KAAK;AAAA,IACpC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,KAAK;AAAA,IACnC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,MAAM;AAAA,IACpC;AACE,aAAO;AAAA,EACX;AACF;AACA,IAAM,cAAc;AAAA,EAClB,CACE,IAgBA,QACG;AAjBH,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,IAlHjB,IAqGI,IAcK,+BAdL,IAcK;AAAA,MAbH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,EAAE,SAAS,SAAS,GAAG,QAAQ,IAAI,WAAW,SAAS;AAAA,MAC5D,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,qBAAiE,CACrE,UACG;AACH,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,qBAAiE,CACrE,UACG;AACH,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,sBAAsB,WAAW;AACvC,UAAM,kBACJ,aAAa,UAAU,wBAAe,WAAW,UAAU;AAE7D,WACE;AAAA,MAAC;AAAA,uCACK,qBADL;AAAA,QAEC,iBAAe,mBAAmB,eAAe;AAAA,QACjD,cAAY,kDAAsB,mBAAmB,YAAY;AAAA,QACjE,WAAW;AAAA,UACT,2BAAO;AAAA,UACP,uBAAc;AAAA,UACd,uBAAc;AAAA,UACd,cAAc,uBAAc;AAAA,UAC5B,aAAa,uBAAc;AAAA,UAC3B,uBAAuB,uBAAc;AAAA,UACrC;AAAA,QACF;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS,MAAM,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,QACzC,QAAQ,MAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,QACvC;AAAA,QACA;AAAA,QAEE;AAAA,sBAAW,aACX,oBAAC,SAAI,WAAW,WAAW,uBAAc,SAAS,eAAe,GAAG;AAAA,UAErE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;","names":[]}

package/dist/__chunks/{YGOEYFXY.js → EXKOSER2.js}

@@ -10,4 +10,4 @@ export {
   ColorBaseGray700,
   ColorCambioWhite100
 };
-//# sourceMappingURL=YGOEYFXY.js.map
+//# sourceMappingURL=EXKOSER2.js.map

package/dist/__chunks/{YGOEYFXY.js.map → EXKOSER2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024 06:00:41 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024 18:04:22 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}

package/dist/__chunks/{VXX4H2RU.js → SHN3LBAS.js}

@@ -6,7 +6,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./YGOEYFXY.js";
+} from "./EXKOSER2.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=VXX4H2RU.js.map
+//# sourceMappingURL=SHN3LBAS.js.map

package/dist/__chunks/{7ZKXYLXP.js → VS3LSAAS.js}

@@ -9,7 +9,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./YGOEYFXY.js";
+} from "./EXKOSER2.js";
 import {
   RichSelectBoxContext,
   RichSelectBox_default,
@@ -289,4 +289,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=7ZKXYLXP.js.map
+//# sourceMappingURL=VS3LSAAS.js.map

package/dist/index.js

@@ -28,18 +28,18 @@ import "./__chunks/K7BXA6BQ.js";
 import "./__chunks/HVA7R2EL.js";
 import {
   LinkTapArea_default
-} from "./__chunks/LD67LLZE.js";
+} from "./__chunks/222QJTXV.js";
 import {
   LinkButton_default
 } from "./__chunks/JEQOCPG6.js";
 import "./__chunks/YLWWTB4I.js";
 import {
   SelectList
-} from "./__chunks/VXX4H2RU.js";
+} from "./__chunks/SHN3LBAS.js";
 import "./__chunks/SPQ7DQHG.js";
 import {
   RichSelectList_default
-} from "./__chunks/7ZKXYLXP.js";
+} from "./__chunks/VS3LSAAS.js";
 import {
   Popover_default
 } from "./__chunks/STXMQR3I.js";
@@ -49,7 +49,7 @@ import {
   IconButton_default
 } from "./__chunks/KEJPRZJ5.js";
 import "./__chunks/4U4UW4AK.js";
-import "./__chunks/YGOEYFXY.js";
+import "./__chunks/EXKOSER2.js";
 import "./__chunks/CLVZ4FOV.js";
 import {
   ButtonGroup_default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cambly/syntax-core",
   "description": "Cambly design system core components",
-  "version": "21.11.0",
+  "version": "21.12.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -27,8 +27,8 @@
     "react": "18.2.0",
     "tsup": "6.7.0",
     "typescript": "5.0.4",
-    "@cambly/syntax-tsconfig": "1.4.1",
-    "@cambly/eslint-config-syntax": "1.4.0"
+    "@cambly/eslint-config-syntax": "1.4.0",
+    "@cambly/syntax-tsconfig": "1.4.1"
   },
   "publishConfig": {
     "access": "public"

package/dist/__chunks/LD67LLZE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/LinkTapArea/LinkTapArea.tsx","css-module:../TapArea/TapArea.module.css#css-module","css-module:./LinkTapArea.module.css#css-module"],"sourcesContent":["import React, {\n  forwardRef,\n  type HtmlHTMLAttributes,\n  useReducer,\n  type AriaAttributes,\n  type ReactNode,\n} from \"react\";\nimport tapAreaStyles from \"../TapArea/TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport classNames from \"classnames\";\nimport styles from \"./LinkTapArea.module.css\";\n\ntype LinkTapAreaProps = AriaAttributes & {\n  /**\n   * The children to be rendered inside the tap area.\n   */\n  children?: ReactNode;\n  /**\n   * The link that the LinkTapArea should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * Test id for the tap area\n   */\n  \"data-testid\"?: string;\n  /**\n   * If `true`, the tap area will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tap area will be full height\n   */\n  fullHeight?: boolean;\n  /**\n   * If `true`, the tap area will be full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The callback to be called when the tap area is clicked\n   */\n  onClick: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * The callback to be called when the tap area is hovered\n   */\n  onMouseEnter?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * The callback to be called when the tap area is no longer hovered\n   */\n  onMouseLeave?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n  /**\n   * Border radius of the tap area.\n   *\n   * * `none`: 0px\n   * * `sm`: 8px\n   * * `md`: 12px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The tab index of the tap area\n   */\n  tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n  state: {\n    hovered: boolean;\n    focussed: boolean;\n  },\n  action: {\n    type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n  },\n) {\n  switch (action.type) {\n    case \"BLUR\":\n      return { ...state, focussed: false };\n    case \"FOCUS\":\n      return { ...state, focussed: true };\n    case \"MOUSE_ENTER\":\n      return { ...state, hovered: true };\n    case \"MOUSE_LEAVE\":\n      return { ...state, hovered: false };\n    default:\n      return state;\n  }\n}\nconst LinkTapArea = forwardRef<HTMLAnchorElement, LinkTapAreaProps>(\n  (\n    {\n      children,\n      href,\n      target,\n      rel,\n      accessibilityLabel,\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      fullHeight = false,\n      fullWidth = true,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      rounding = \"none\",\n      tabIndex = 0,\n      ...accessibilityProps\n    }: LinkTapAreaProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n      hovered: false,\n      focussed: false,\n    });\n    const handleClick: React.MouseEventHandler<HTMLAnchorElement> = (event) => {\n      if (disabled) {\n        undefined;\n      } else {\n        event.currentTarget.blur();\n        onClick(event);\n      }\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n        event.preventDefault();\n        onClick(event);\n      }\n    };\n\n    const handleOnMouseEnter: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_ENTER\" });\n      onMouseEnter?.(event);\n    };\n\n    const handleOnMouseLeave: React.MouseEventHandler<HTMLAnchorElement> = (\n      event,\n    ) => {\n      if (disabled) return;\n      dispatch({ type: \"MOUSE_LEAVE\" });\n      onMouseLeave?.(event);\n    };\n\n    const isHoveredOrFocussed = !disabled && (hovered || focussed);\n    const roundingClasses =\n      rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n    return (\n      <a\n        {...accessibilityProps}\n        aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n        aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n        className={classNames(\n          styles.linkTapArea,\n          tapAreaStyles.tapArea,\n          tapAreaStyles[`${disabled ? \"disabled\" : \"enabled\"}`],\n          fullHeight && tapAreaStyles.fullHeight,\n          fullWidth && tapAreaStyles.fullWidth,\n          isHoveredOrFocussed && tapAreaStyles.hoveredOrFocussed,\n          roundingClasses,\n        )}\n        data-testid={dataTestId}\n        href={href}\n        target={target}\n        rel={rel}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={() => dispatch({ type: \"FOCUS\" })}\n        onBlur={() => dispatch({ type: \"BLUR\" })}\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? undefined : tabIndex}\n      >\n        {!disabled && (hovered || focussed) && (\n          <div className={classNames(tapAreaStyles.overlay, roundingClasses)} />\n        )}\n        {children}\n      </a>\n    );\n  },\n);\n\nLinkTapArea.displayName = \"LinkTapArea\";\n\nexport default LinkTapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_1gbc8_1\",\"fullHeight\":\"_fullHeight_1gbc8_5\",\"fullWidth\":\"_fullWidth_1gbc8_9\",\"disabled\":\"_disabled_1gbc8_13\",\"enabled\":\"_enabled_1gbc8_20\",\"overlay\":\"_overlay_1gbc8_33\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_1gbc8_43\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkTapArea/LinkTapArea.module.css\"; export default {\"linkTapArea\":\"_linkTapArea_1nzmd_1\"}"],"mappings":"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","names":[]}