@cambly/syntax-core 21.11.0 → 21.13.0

package/dist/index.js

@@ -11,9 +11,13 @@ import {
 import {
   Card_default
 } from "./__chunks/PUWF2Z5A.js";
+import {
+  LinkButton_default
+} from "./__chunks/JEQOCPG6.js";
 import {
   IconLinkButton_default
 } from "./__chunks/VYEIZXAB.js";
+import "./__chunks/YLWWTB4I.js";
 import {
   Icon_default
 } from "./__chunks/UHO7XMHJ.js";
@@ -28,28 +32,17 @@ 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";
+  TabButton
+} from "./__chunks/XATRX37Q.js";
 import {
   SelectList
-} from "./__chunks/VXX4H2RU.js";
+} from "./__chunks/LXBUCC4I.js";
 import "./__chunks/SPQ7DQHG.js";
 import {
   RichSelectList_default
-} from "./__chunks/7ZKXYLXP.js";
-import {
-  Popover_default
-} from "./__chunks/STXMQR3I.js";
-import "./__chunks/TALOD4CL.js";
-import "./__chunks/576PJXFR.js";
-import {
-  IconButton_default
-} from "./__chunks/KEJPRZJ5.js";
-import "./__chunks/4U4UW4AK.js";
-import "./__chunks/YGOEYFXY.js";
+} from "./__chunks/PEPEAQRW.js";
 import "./__chunks/CLVZ4FOV.js";
 import {
   ButtonGroup_default
@@ -57,12 +50,22 @@ import {
 import {
   Button_default
 } from "./__chunks/MEW6HJNQ.js";
+import "./__chunks/Z5ZUAP2B.js";
+import "./__chunks/QSC7CAQA.js";
 import {
   Divider
 } from "./__chunks/3WKVZ2UU.js";
-import "./__chunks/Z5ZUAP2B.js";
-import "./__chunks/QSC7CAQA.js";
+import {
+  Popover_default
+} from "./__chunks/STXMQR3I.js";
+import "./__chunks/TALOD4CL.js";
+import "./__chunks/576PJXFR.js";
+import {
+  IconButton_default
+} from "./__chunks/KEJPRZJ5.js";
+import "./__chunks/4U4UW4AK.js";
 import "./__chunks/6TM2ES2T.js";
+import "./__chunks/4NEHC6Q6.js";
 import "./__chunks/KURNAKIN.js";
 import "./__chunks/DDUJFFG7.js";
 import "./__chunks/ND2XGXML.js";
@@ -75,6 +78,9 @@ import {
   Chip_default
 } from "./__chunks/JRSIZ3OC.js";
 import "./__chunks/ODMJANSX.js";
+import {
+  Toast
+} from "./__chunks/L2B2L4F2.js";
 import {
   ThemeProvider
 } from "./__chunks/KTX4P4Q2.js";
@@ -88,19 +94,16 @@ import {
   TextArea_default
 } from "./__chunks/NXXK4RDM.js";
 import "./__chunks/4U4UW4AK.js";
+import {
+  TapArea_default
+} from "./__chunks/OXEXFQAN.js";
+import "./__chunks/4U4UW4AK.js";
 import {
   Tabs
 } from "./__chunks/ROLIE7R3.js";
 import {
   TabLink_default
 } from "./__chunks/JXOW2OYL.js";
-import {
-  TabButton
-} from "./__chunks/XATRX37Q.js";
-import {
-  TapArea_default
-} from "./__chunks/OXEXFQAN.js";
-import "./__chunks/4U4UW4AK.js";
 import "./__chunks/VV2NJABK.js";
 import "./__chunks/4U4UW4AK.js";
 import "./__chunks/L3O26KOI.js";
@@ -164,6 +167,7 @@ export {
   TextArea_default as TextArea,
   TextField,
   ThemeProvider,
+  Toast,
   Tooltip_default as Tooltip,
   Typography_default as Typography,
   WordConfetti_default as WordConfetti

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cambly/syntax-core",
   "description": "Cambly design system core components",
-  "version": "21.11.0",
+  "version": "21.13.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":[]}