@cambly/syntax-core 1.8.0 → 1.9.0

package/dist/index.js

@@ -233,11 +233,10 @@ var Button = ({
   onClick,
   tooltip
 }) => {
-  var _a, _b, _c;
   const contextProps = (0, import_react2.useContext)(ButtonGroupContext_default);
-  const size = (_a = contextProps == null ? void 0 : contextProps.size) != null ? _a : sizeProp;
-  const disabled = (_b = contextProps == null ? void 0 : contextProps.disabled) != null ? _b : disabledProp;
-  const fullWidth = (_c = contextProps == null ? void 0 : contextProps.fullWidth) != null ? _c : fullWidthProp;
+  const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
+  const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
+  const fullWidth = (contextProps == null ? void 0 : contextProps.fullWidth) || fullWidthProp;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "button",
     {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/index.tsx","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","../src/constants.ts","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import Avatar from \"./Avatar/Avatar\";\nimport Button from \"./Button/Button\";\nimport ButtonGroup from \"./ButtonGroup/ButtonGroup\";\nimport Card from \"./Card/Card\";\nimport Divider from \"./Divider/Divider\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\n\nexport { Avatar, Button, ButtonGroup, Card, Divider, MiniActionCard };\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\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   * Size of the avatar.\n   * sm: 24px, md: 40px, lg: 72px, xl: 128px.\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\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_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, ColorValue, Size, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [Size.SMALL]: styles.buttonTextSmall,\n  [Size.MEDIUM]: styles.buttonTextMedium,\n  [Size.LARGE]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [Size.SMALL]: 16,\n  [Size.MEDIUM]: 20,\n  [Size.LARGE]: 24,\n};\n\nconst iconSize = {\n  [Size.SMALL]: styles.smIcon,\n  [Size.MEDIUM]: styles.mdIcon,\n  [Size.LARGE]: styles.lgIcon,\n};\n\nconst Button = ({\n  text,\n  loadingText,\n  color = Color.PRIMARY,\n  size: sizeProp = Size.MEDIUM,\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: ColorValue;\n  /**\n   * The size of the button\n   *\n   * @defaultValue \"medium\"\n   */\n  size?: SizeValue;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size ?? sizeProp;\n  const disabled = contextProps?.disabled ?? disabledProp;\n  const fullWidth = contextProps?.fullWidth ?? fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === Size.LARGE || size === Size.MEDIUM,\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","export const Color = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  TERTIARY: \"tertiary\",\n  BRANDED: \"branded\",\n  DESTRUCTIVE_PRIMARY: \"destructive-primary\",\n  DESTRUCTIVE_SECONDARY: \"destructive-secondary\",\n  DESTRUCTIVE_TERTIARY: \"destructive-tertiary\",\n  SUCCESS: \"success\",\n  GRAY200: \"gray200\",\n  GRAY700: \"gray700\",\n  GRAY800: \"gray800\",\n  GRAY900: \"gray900\",\n  WHITE: \"white\",\n  INHERIT: \"inherit\",\n} as const;\n\nexport type ColorKeys = keyof typeof Color;\nexport type ColorValue = (typeof Color)[ColorKeys];\n\nexport const Size = {\n  SMALL: \"sm\",\n  MEDIUM: \"md\",\n  LARGE: \"lg\",\n} as const;\n\nexport type SizeKeys = keyof typeof Size;\nexport type SizeValue = (typeof Size)[SizeKeys];\n\nexport const Orientation = {\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_18uh7_2\",\"destructive700Color\":\"_destructive700Color_18uh7_6\",\"gray900Color\":\"_gray900Color_18uh7_10\",\"whiteColor\":\"_whiteColor_18uh7_14\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_18uh7_19\",\"destructive700Background\":\"_destructive700Background_18uh7_23\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_18uh7_27\",\"success700BackgroundColor\":\"_success700BackgroundColor_18uh7_31\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_18uh7_35\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_18uh7_39\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_18uh7_43\"}","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n      return styles.primary100BackgroundColor;\n    case Color.DESTRUCTIVE_PRIMARY:\n      return styles.destructive700Background;\n    case Color.DESTRUCTIVE_SECONDARY:\n      return styles.destructive100BackgroundColor;\n    case Color.SUCCESS:\n      return styles.success700BackgroundColor;\n    case Color.TERTIARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.whiteBackgroundColor;\n    case Color.BRANDED:\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n    case Color.TERTIARY:\n      return styles.primary700Color;\n    case Color.DESTRUCTIVE_SECONDARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.destructive700Color;\n    case Color.BRANDED:\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { SizeValue } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: SizeValue;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size, Orientation, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [Size.SMALL]: styles.smallGap,\n  [Size.MEDIUM]: styles.mediumGap,\n  [Size.LARGE]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = Orientation.HORIZONTAL,\n  size = Size.MEDIUM,\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * @defaultValue \"medium\"\n   */\n  size: SizeValue;\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === Orientation.HORIZONTAL,\n    [styles.vertical]: orientation === Orientation.VERTICAL,\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["module","classNames","classNames","import_classnames","import_react","React","import_jsx_runtime","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/index.tsx","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","../src/constants.ts","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import Avatar from \"./Avatar/Avatar\";\nimport Button from \"./Button/Button\";\nimport ButtonGroup from \"./ButtonGroup/ButtonGroup\";\nimport Card from \"./Card/Card\";\nimport Divider from \"./Divider/Divider\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\n\nexport { Avatar, Button, ButtonGroup, Card, Divider, MiniActionCard };\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\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   * Size of the avatar.\n   * sm: 24px, md: 40px, lg: 72px, xl: 128px.\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\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_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, ColorValue, Size, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [Size.SMALL]: styles.buttonTextSmall,\n  [Size.MEDIUM]: styles.buttonTextMedium,\n  [Size.LARGE]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [Size.SMALL]: 16,\n  [Size.MEDIUM]: 20,\n  [Size.LARGE]: 24,\n};\n\nconst iconSize = {\n  [Size.SMALL]: styles.smIcon,\n  [Size.MEDIUM]: styles.mdIcon,\n  [Size.LARGE]: styles.lgIcon,\n};\n\nconst Button = ({\n  text,\n  loadingText,\n  color = Color.PRIMARY,\n  size: sizeProp = Size.MEDIUM,\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: ColorValue;\n  /**\n   * The size of the button\n   *\n   * @defaultValue \"medium\"\n   */\n  size?: SizeValue;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === Size.LARGE || size === Size.MEDIUM,\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","export const Color = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  TERTIARY: \"tertiary\",\n  BRANDED: \"branded\",\n  DESTRUCTIVE_PRIMARY: \"destructive-primary\",\n  DESTRUCTIVE_SECONDARY: \"destructive-secondary\",\n  DESTRUCTIVE_TERTIARY: \"destructive-tertiary\",\n  SUCCESS: \"success\",\n  GRAY200: \"gray200\",\n  GRAY700: \"gray700\",\n  GRAY800: \"gray800\",\n  GRAY900: \"gray900\",\n  WHITE: \"white\",\n  INHERIT: \"inherit\",\n} as const;\n\nexport type ColorKeys = keyof typeof Color;\nexport type ColorValue = (typeof Color)[ColorKeys];\n\nexport const Size = {\n  SMALL: \"sm\",\n  MEDIUM: \"md\",\n  LARGE: \"lg\",\n} as const;\n\nexport type SizeKeys = keyof typeof Size;\nexport type SizeValue = (typeof Size)[SizeKeys];\n\nexport const Orientation = {\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_18uh7_2\",\"destructive700Color\":\"_destructive700Color_18uh7_6\",\"gray900Color\":\"_gray900Color_18uh7_10\",\"whiteColor\":\"_whiteColor_18uh7_14\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_18uh7_19\",\"destructive700Background\":\"_destructive700Background_18uh7_23\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_18uh7_27\",\"success700BackgroundColor\":\"_success700BackgroundColor_18uh7_31\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_18uh7_35\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_18uh7_39\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_18uh7_43\"}","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n      return styles.primary100BackgroundColor;\n    case Color.DESTRUCTIVE_PRIMARY:\n      return styles.destructive700Background;\n    case Color.DESTRUCTIVE_SECONDARY:\n      return styles.destructive100BackgroundColor;\n    case Color.SUCCESS:\n      return styles.success700BackgroundColor;\n    case Color.TERTIARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.whiteBackgroundColor;\n    case Color.BRANDED:\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n    case Color.TERTIARY:\n      return styles.primary700Color;\n    case Color.DESTRUCTIVE_SECONDARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.destructive700Color;\n    case Color.BRANDED:\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { SizeValue } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: SizeValue;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size, Orientation, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [Size.SMALL]: styles.smallGap,\n  [Size.MEDIUM]: styles.mediumGap,\n  [Size.LARGE]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = Orientation.HORIZONTAL,\n  size = Size.MEDIUM,\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * @defaultValue \"medium\"\n   */\n  size: SizeValue;\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === Orientation.HORIZONTAL,\n    [styles.vertical]: orientation === Orientation.VERTICAL,\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["module","classNames","classNames","import_classnames","import_react","React","import_jsx_runtime","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.mjs

@@ -215,11 +215,10 @@ var Button = ({
   onClick,
   tooltip
 }) => {
-  var _a, _b, _c;
   const contextProps = useContext(ButtonGroupContext_default);
-  const size = (_a = contextProps == null ? void 0 : contextProps.size) != null ? _a : sizeProp;
-  const disabled = (_b = contextProps == null ? void 0 : contextProps.disabled) != null ? _b : disabledProp;
-  const fullWidth = (_c = contextProps == null ? void 0 : contextProps.fullWidth) != null ? _c : fullWidthProp;
+  const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
+  const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
+  const fullWidth = (contextProps == null ? void 0 : contextProps.fullWidth) || fullWidthProp;
   return /* @__PURE__ */ jsxs(
     "button",
     {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","../src/constants.ts","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\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   * Size of the avatar.\n   * sm: 24px, md: 40px, lg: 72px, xl: 128px.\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\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_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, ColorValue, Size, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [Size.SMALL]: styles.buttonTextSmall,\n  [Size.MEDIUM]: styles.buttonTextMedium,\n  [Size.LARGE]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [Size.SMALL]: 16,\n  [Size.MEDIUM]: 20,\n  [Size.LARGE]: 24,\n};\n\nconst iconSize = {\n  [Size.SMALL]: styles.smIcon,\n  [Size.MEDIUM]: styles.mdIcon,\n  [Size.LARGE]: styles.lgIcon,\n};\n\nconst Button = ({\n  text,\n  loadingText,\n  color = Color.PRIMARY,\n  size: sizeProp = Size.MEDIUM,\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: ColorValue;\n  /**\n   * The size of the button\n   *\n   * @defaultValue \"medium\"\n   */\n  size?: SizeValue;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size ?? sizeProp;\n  const disabled = contextProps?.disabled ?? disabledProp;\n  const fullWidth = contextProps?.fullWidth ?? fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === Size.LARGE || size === Size.MEDIUM,\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","export const Color = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  TERTIARY: \"tertiary\",\n  BRANDED: \"branded\",\n  DESTRUCTIVE_PRIMARY: \"destructive-primary\",\n  DESTRUCTIVE_SECONDARY: \"destructive-secondary\",\n  DESTRUCTIVE_TERTIARY: \"destructive-tertiary\",\n  SUCCESS: \"success\",\n  GRAY200: \"gray200\",\n  GRAY700: \"gray700\",\n  GRAY800: \"gray800\",\n  GRAY900: \"gray900\",\n  WHITE: \"white\",\n  INHERIT: \"inherit\",\n} as const;\n\nexport type ColorKeys = keyof typeof Color;\nexport type ColorValue = (typeof Color)[ColorKeys];\n\nexport const Size = {\n  SMALL: \"sm\",\n  MEDIUM: \"md\",\n  LARGE: \"lg\",\n} as const;\n\nexport type SizeKeys = keyof typeof Size;\nexport type SizeValue = (typeof Size)[SizeKeys];\n\nexport const Orientation = {\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_18uh7_2\",\"destructive700Color\":\"_destructive700Color_18uh7_6\",\"gray900Color\":\"_gray900Color_18uh7_10\",\"whiteColor\":\"_whiteColor_18uh7_14\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_18uh7_19\",\"destructive700Background\":\"_destructive700Background_18uh7_23\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_18uh7_27\",\"success700BackgroundColor\":\"_success700BackgroundColor_18uh7_31\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_18uh7_35\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_18uh7_39\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_18uh7_43\"}","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n      return styles.primary100BackgroundColor;\n    case Color.DESTRUCTIVE_PRIMARY:\n      return styles.destructive700Background;\n    case Color.DESTRUCTIVE_SECONDARY:\n      return styles.destructive100BackgroundColor;\n    case Color.SUCCESS:\n      return styles.success700BackgroundColor;\n    case Color.TERTIARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.whiteBackgroundColor;\n    case Color.BRANDED:\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n    case Color.TERTIARY:\n      return styles.primary700Color;\n    case Color.DESTRUCTIVE_SECONDARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.destructive700Color;\n    case Color.BRANDED:\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { SizeValue } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: SizeValue;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size, Orientation, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [Size.SMALL]: styles.smallGap,\n  [Size.MEDIUM]: styles.mediumGap,\n  [Size.LARGE]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = Orientation.HORIZONTAL,\n  size = Size.MEDIUM,\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * @defaultValue \"medium\"\n   */\n  size: SizeValue;\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === Orientation.HORIZONTAL,\n    [styles.vertical]: orientation === Orientation.VERTICAL,\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["classNames","classNames","import_classnames","jsx","classNames","import_classnames","jsx","classNames","jsx","jsx","jsx"]}
+{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","../src/constants.ts","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\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   * Size of the avatar.\n   * sm: 24px, md: 40px, lg: 72px, xl: 128px.\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\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_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, ColorValue, Size, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [Size.SMALL]: styles.buttonTextSmall,\n  [Size.MEDIUM]: styles.buttonTextMedium,\n  [Size.LARGE]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [Size.SMALL]: 16,\n  [Size.MEDIUM]: 20,\n  [Size.LARGE]: 24,\n};\n\nconst iconSize = {\n  [Size.SMALL]: styles.smIcon,\n  [Size.MEDIUM]: styles.mdIcon,\n  [Size.LARGE]: styles.lgIcon,\n};\n\nconst Button = ({\n  text,\n  loadingText,\n  color = Color.PRIMARY,\n  size: sizeProp = Size.MEDIUM,\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: ColorValue;\n  /**\n   * The size of the button\n   *\n   * @defaultValue \"medium\"\n   */\n  size?: SizeValue;\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === Size.LARGE || size === Size.MEDIUM,\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","export const Color = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  TERTIARY: \"tertiary\",\n  BRANDED: \"branded\",\n  DESTRUCTIVE_PRIMARY: \"destructive-primary\",\n  DESTRUCTIVE_SECONDARY: \"destructive-secondary\",\n  DESTRUCTIVE_TERTIARY: \"destructive-tertiary\",\n  SUCCESS: \"success\",\n  GRAY200: \"gray200\",\n  GRAY700: \"gray700\",\n  GRAY800: \"gray800\",\n  GRAY900: \"gray900\",\n  WHITE: \"white\",\n  INHERIT: \"inherit\",\n} as const;\n\nexport type ColorKeys = keyof typeof Color;\nexport type ColorValue = (typeof Color)[ColorKeys];\n\nexport const Size = {\n  SMALL: \"sm\",\n  MEDIUM: \"md\",\n  LARGE: \"lg\",\n} as const;\n\nexport type SizeKeys = keyof typeof Size;\nexport type SizeValue = (typeof Size)[SizeKeys];\n\nexport const Orientation = {\n  HORIZONTAL: \"horizontal\",\n  VERTICAL: \"vertical\",\n} as const;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_18uh7_2\",\"destructive700Color\":\"_destructive700Color_18uh7_6\",\"gray900Color\":\"_gray900Color_18uh7_10\",\"whiteColor\":\"_whiteColor_18uh7_14\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_18uh7_19\",\"destructive700Background\":\"_destructive700Background_18uh7_23\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_18uh7_27\",\"success700BackgroundColor\":\"_success700BackgroundColor_18uh7_31\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_18uh7_35\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_18uh7_39\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_18uh7_43\"}","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n      return styles.primary100BackgroundColor;\n    case Color.DESTRUCTIVE_PRIMARY:\n      return styles.destructive700Background;\n    case Color.DESTRUCTIVE_SECONDARY:\n      return styles.destructive100BackgroundColor;\n    case Color.SUCCESS:\n      return styles.success700BackgroundColor;\n    case Color.TERTIARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.whiteBackgroundColor;\n    case Color.BRANDED:\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color, ColorValue } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: ColorValue): string {\n  switch (color) {\n    case Color.SECONDARY:\n    case Color.TERTIARY:\n      return styles.primary700Color;\n    case Color.DESTRUCTIVE_SECONDARY:\n    case Color.DESTRUCTIVE_TERTIARY:\n      return styles.destructive700Color;\n    case Color.BRANDED:\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { SizeValue } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: SizeValue;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size, Orientation, SizeValue } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [Size.SMALL]: styles.smallGap,\n  [Size.MEDIUM]: styles.mediumGap,\n  [Size.LARGE]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = Orientation.HORIZONTAL,\n  size = Size.MEDIUM,\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * @defaultValue \"medium\"\n   */\n  size: SizeValue;\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === Orientation.HORIZONTAL,\n    [styles.vertical]: orientation === Orientation.VERTICAL,\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["classNames","classNames","import_classnames","jsx","classNames","import_classnames","jsx","classNames","jsx","jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cambly/syntax-core",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",