@cambly/syntax-core 1.17.0 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.css +216 -18
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +53 -1
  4. package/dist/index.js +96 -7
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +95 -7
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1 +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","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","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","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 Heading from \"./Heading/Heading\";\nimport IconButton from \"./IconButton/IconButton\";\nimport LabeledCheckbox from \"./LabeledCheckbox/LabeledCheckbox\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\nimport Typography from \"./Typography/Typography\";\n\nexport {\n Avatar,\n Button,\n ButtonGroup,\n Card,\n Divider,\n Heading,\n IconButton,\n LabeledCheckbox,\n MiniActionCard,\n Typography,\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 *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `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, Size } 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 [\"sm\"]: styles.buttonTextSmall,\n [\"md\"]: styles.buttonTextMedium,\n [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n [\"sm\"]: 16,\n [\"md\"]: 20,\n [\"lg\"]: 24,\n};\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n text,\n loadingText,\n color = \"primary\",\n size: sizeProp = \"md\",\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?: (typeof Color)[number];\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\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 === \"lg\" || size === \"md\",\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","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n return styles.primary100BackgroundColor;\n case \"destructive-primary\":\n return styles.destructive700Background;\n case \"destructive-secondary\":\n return styles.destructive100BackgroundColor;\n case \"success\":\n return styles.success700BackgroundColor;\n case \"tertiary\":\n case \"destructive-tertiary\":\n return styles.whiteBackgroundColor;\n case \"branded\":\n return styles.yellow700BackgroundColor;\n default:\n return styles.primary700BackgroundColor;\n }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n case \"tertiary\":\n return styles.primary700Color;\n case \"destructive-secondary\":\n case \"destructive-tertiary\":\n return styles.destructive700Color;\n case \"branded\":\n return styles.gray900Color;\n default:\n return styles.whiteColor;\n }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n size?: (typeof Size)[number];\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_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n [\"sm\"]: styles.smallGap,\n [\"md\"]: styles.mediumGap,\n [\"lg\"]: 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 = \"horizontal\",\n size = \"md\",\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 * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\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 === \"horizontal\",\n [styles.vertical]: 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 classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n return colorStyles.destructive700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n inline = false,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n}: {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?: (typeof Color)[number];\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * Size of the text.\n *\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * @defaultValue \"regular\"\n */\n weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n const Tag = as;\n\n return (\n <Tag\n className={classNames(\n styles.typography,\n styles[align],\n styles[weight],\n textColor(color),\n inline && styles.inline,\n styles[`size${size}`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n )}\n title={tooltip}\n >\n {children}\n </Tag>\n );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n size = 500,\n}: {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"h1\"\n */\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?: (typeof Color)[number];\n /**\n * Size of the text.\n *\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * @defaultValue 500\n */\n size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n return (\n <Typography align={align} as={as} color={color} size={size} weight={weight}>\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n accessibilityLabel,\n color = \"primary\",\n disabled: disabledProp = false,\n icon: Icon,\n size: sizeProp = \"md\",\n tooltip,\n onClick,\n}: {\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?: (typeof Color)[number];\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel?: string;\n /**\n * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n icon: React.ComponentType<{ className: string }>;\n /**\n * If `true`, the button will be disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\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\n return (\n <button\n aria-label={accessibilityLabel}\n type=\"button\"\n title={tooltip}\n disabled={disabled}\n onClick={onClick}\n className={classNames(\n styles.iconButton,\n foregroundColor(color),\n backgroundColor(color),\n styles[size],\n )}\n >\n <Icon className={iconSize[size]} />\n </button>\n );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n sm: 100,\n md: 200,\n} as const;\n\nconst iconWidth = {\n sm: 12,\n md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n checked = false,\n disabled = false,\n size = \"md\",\n label,\n error = false,\n onChange,\n}: {\n /**\n * Whether or not the box has been clicked\n * @defaultValue false\n */\n checked: boolean;\n /**\n * The callback to be called when the checkbox value changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Whether or not the box is disabled\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * The size of the checkbox and icon\n * @defaultValue \"md\"\n */\n size?: \"md\" | \"sm\";\n /**\n * The text accompanying the checkbox\n */\n label: string;\n /**\n * Whether or not there is an error with the input\n * @defaultValue false\n */\n error?: boolean;\n}): ReactElement => {\n const [isFocused, setIsFocused] = useState(false);\n const checkboxStyling = classNames(styles.checkbox, styles[size]);\n const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n [styles.uncheckedBorder]: !error,\n [styles.uncheckedErrorBorder]: error,\n [styles.focusedCheckbox]: isFocused,\n });\n const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n [styles.checkedNonError]: !error,\n [styles.checkedError]: error,\n [styles.focusedCheckbox]: isFocused,\n });\n\n return (\n <label className={classNames(styles.mainContainer)}>\n <div className={styles.checkboxContainer}>\n <input\n type=\"checkbox\"\n className={classNames(styles.inputOverlay, styles[size])}\n checked={checked}\n aria-checked={checked}\n tabIndex={0}\n onChange={onChange}\n disabled={disabled}\n onFocus={() => {\n setIsFocused(true);\n }}\n onBlur={() => {\n setIsFocused(false);\n }}\n />\n <div className={checked ? checkedStyling : uncheckedStyling}>\n {checked && (\n <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n <path\n fill=\"#fff\"\n d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n ></path>\n </svg>\n )}\n </div>\n </div>\n <Typography\n size={typographySize[size]}\n color={error ? \"destructive-primary\" : \"gray800\"}\n >\n {label}\n </Typography>\n </label>\n );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_p0un4_1\",\"checkboxContainer\":\"_checkboxContainer_p0un4_8\",\"inputOverlay\":\"_inputOverlay_p0un4_13\",\"focusedCheckbox\":\"_focusedCheckbox_p0un4_21\",\"checkbox\":\"_checkbox_p0un4_8\",\"uncheckedBox\":\"_uncheckedBox_p0un4_35\",\"uncheckedBorder\":\"_uncheckedBorder_p0un4_39\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_p0un4_43\",\"checkedBox\":\"_checkedBox_p0un4_47\",\"checkedNonError\":\"_checkedNonError_p0un4_51\",\"checkedError\":\"_checkedError_p0un4_55\",\"sm\":\"_sm_p0un4_59\",\"md\":\"_md_p0un4_65\"}","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_classnames","colors_module_default","import_jsx_runtime","colors_module_default","classNames","import_jsx_runtime","import_classnames","import_react","import_jsx_runtime","iconSize","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime"]}
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","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","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx","../src/RadioButton/RadioButton.tsx","css-module:./RadioButton.module.css#css-module"],"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 Heading from \"./Heading/Heading\";\nimport IconButton from \"./IconButton/IconButton\";\nimport LabeledCheckbox from \"./LabeledCheckbox/LabeledCheckbox\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\nimport Typography from \"./Typography/Typography\";\nimport RadioButton from \"./RadioButton/RadioButton\";\n\nexport {\n Avatar,\n Button,\n ButtonGroup,\n Card,\n Divider,\n Heading,\n IconButton,\n LabeledCheckbox,\n MiniActionCard,\n RadioButton,\n Typography,\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 *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `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, Size } 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 [\"sm\"]: styles.buttonTextSmall,\n [\"md\"]: styles.buttonTextMedium,\n [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n [\"sm\"]: 16,\n [\"md\"]: 20,\n [\"lg\"]: 24,\n};\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n text,\n loadingText,\n color = \"primary\",\n size: sizeProp = \"md\",\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?: (typeof Color)[number];\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\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 === \"lg\" || size === \"md\",\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","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_j1pwm_2\",\"destructive700Color\":\"_destructive700Color_j1pwm_6\",\"gray700Color\":\"_gray700Color_j1pwm_10\",\"gray900Color\":\"_gray900Color_j1pwm_14\",\"primary700Color\":\"_primary700Color_j1pwm_18\",\"whiteColor\":\"_whiteColor_j1pwm_22\",\"blackBackgroundColor\":\"_blackBackgroundColor_j1pwm_27\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_j1pwm_31\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_j1pwm_35\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_j1pwm_39\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_j1pwm_43\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_j1pwm_47\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_j1pwm_51\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_j1pwm_55\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_j1pwm_59\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_j1pwm_63\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_j1pwm_67\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_j1pwm_71\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_j1pwm_75\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_j1pwm_79\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_j1pwm_83\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_j1pwm_87\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_j1pwm_91\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_j1pwm_95\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_j1pwm_99\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_j1pwm_103\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_j1pwm_107\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_j1pwm_111\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_j1pwm_115\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_j1pwm_119\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_j1pwm_123\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_j1pwm_127\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_j1pwm_131\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_j1pwm_135\",\"success100BackgroundColor\":\"_success100BackgroundColor_j1pwm_139\",\"success200BackgroundColor\":\"_success200BackgroundColor_j1pwm_143\",\"success300BackgroundColor\":\"_success300BackgroundColor_j1pwm_147\",\"success700BackgroundColor\":\"_success700BackgroundColor_j1pwm_151\",\"success800BackgroundColor\":\"_success800BackgroundColor_j1pwm_155\",\"success900BackgroundColor\":\"_success900BackgroundColor_j1pwm_159\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_j1pwm_163\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_j1pwm_167\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_j1pwm_171\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_j1pwm_175\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_j1pwm_179\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_j1pwm_183\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_j1pwm_187\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_j1pwm_191\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_j1pwm_195\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_j1pwm_199\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_j1pwm_203\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_j1pwm_207\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_j1pwm_211\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n return styles.primary100BackgroundColor;\n case \"destructive-primary\":\n return styles.destructive700BackgroundColor;\n case \"destructive-secondary\":\n return styles.destructive100BackgroundColor;\n case \"success\":\n return styles.success700BackgroundColor;\n case \"tertiary\":\n case \"destructive-tertiary\":\n return styles.whiteBackgroundColor;\n case \"branded\":\n return styles.yellow700BackgroundColor;\n default:\n return styles.primary700BackgroundColor;\n }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n case \"tertiary\":\n return styles.primary700Color;\n case \"destructive-secondary\":\n case \"destructive-tertiary\":\n return styles.destructive700Color;\n case \"branded\":\n return styles.gray900Color;\n default:\n return styles.whiteColor;\n }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n size?: (typeof Size)[number];\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_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n [\"sm\"]: styles.smallGap,\n [\"md\"]: styles.mediumGap,\n [\"lg\"]: 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 = \"horizontal\",\n size = \"md\",\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 * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\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 === \"horizontal\",\n [styles.vertical]: 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 classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n return colorStyles.destructive700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n inline = false,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n}: {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?: (typeof Color)[number];\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * Size of the text.\n *\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * @defaultValue \"regular\"\n */\n weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n const Tag = as;\n\n return (\n <Tag\n className={classNames(\n styles.typography,\n styles[align],\n styles[weight],\n textColor(color),\n inline && styles.inline,\n styles[`size${size}`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n )}\n title={tooltip}\n >\n {children}\n </Tag>\n );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_j1pwm_2\",\"destructive700Color\":\"_destructive700Color_j1pwm_6\",\"gray700Color\":\"_gray700Color_j1pwm_10\",\"gray900Color\":\"_gray900Color_j1pwm_14\",\"primary700Color\":\"_primary700Color_j1pwm_18\",\"whiteColor\":\"_whiteColor_j1pwm_22\",\"blackBackgroundColor\":\"_blackBackgroundColor_j1pwm_27\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_j1pwm_31\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_j1pwm_35\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_j1pwm_39\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_j1pwm_43\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_j1pwm_47\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_j1pwm_51\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_j1pwm_55\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_j1pwm_59\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_j1pwm_63\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_j1pwm_67\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_j1pwm_71\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_j1pwm_75\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_j1pwm_79\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_j1pwm_83\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_j1pwm_87\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_j1pwm_91\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_j1pwm_95\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_j1pwm_99\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_j1pwm_103\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_j1pwm_107\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_j1pwm_111\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_j1pwm_115\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_j1pwm_119\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_j1pwm_123\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_j1pwm_127\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_j1pwm_131\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_j1pwm_135\",\"success100BackgroundColor\":\"_success100BackgroundColor_j1pwm_139\",\"success200BackgroundColor\":\"_success200BackgroundColor_j1pwm_143\",\"success300BackgroundColor\":\"_success300BackgroundColor_j1pwm_147\",\"success700BackgroundColor\":\"_success700BackgroundColor_j1pwm_151\",\"success800BackgroundColor\":\"_success800BackgroundColor_j1pwm_155\",\"success900BackgroundColor\":\"_success900BackgroundColor_j1pwm_159\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_j1pwm_163\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_j1pwm_167\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_j1pwm_171\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_j1pwm_175\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_j1pwm_179\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_j1pwm_183\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_j1pwm_187\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_j1pwm_191\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_j1pwm_195\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_j1pwm_199\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_j1pwm_203\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_j1pwm_207\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_j1pwm_211\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n size = 500,\n}: {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"h1\"\n */\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?: (typeof Color)[number];\n /**\n * Size of the text.\n *\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * @defaultValue 500\n */\n size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n return (\n <Typography align={align} as={as} color={color} size={size} weight={weight}>\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n accessibilityLabel,\n color = \"primary\",\n disabled: disabledProp = false,\n icon: Icon,\n size: sizeProp = \"md\",\n tooltip,\n onClick,\n}: {\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?: (typeof Color)[number];\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel?: string;\n /**\n * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n icon: React.ComponentType<{ className: string }>;\n /**\n * If `true`, the button will be disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\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\n return (\n <button\n aria-label={accessibilityLabel}\n type=\"button\"\n title={tooltip}\n disabled={disabled}\n onClick={onClick}\n className={classNames(\n styles.iconButton,\n foregroundColor(color),\n backgroundColor(color),\n styles[size],\n )}\n >\n <Icon className={iconSize[size]} />\n </button>\n );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n sm: 100,\n md: 200,\n} as const;\n\nconst iconWidth = {\n sm: 12,\n md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n checked = false,\n disabled = false,\n size = \"md\",\n label,\n error = false,\n onChange,\n}: {\n /**\n * Whether or not the box has been clicked\n *\n * @defaultValue false\n */\n checked: boolean;\n /**\n * The callback to be called when the checkbox value changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Whether or not the box is disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * The size of the checkbox and icon\n *\n * * `sm`: 16px\n * * `md`: 24px\n *\n * @defaultValue \"md\"\n */\n size?: \"sm\" | \"md\";\n /**\n * The text accompanying the checkbox\n */\n label: string;\n /**\n * Whether or not there is an error with the input\n *\n * @defaultValue false\n */\n error?: boolean;\n}): ReactElement => {\n const [isFocused, setIsFocused] = useState(false);\n const checkboxStyling = classNames(styles.checkbox, styles[size]);\n const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n [styles.uncheckedBorder]: !error,\n [styles.uncheckedErrorBorder]: error,\n [styles.focusedCheckbox]: isFocused,\n });\n const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n [styles.checkedNonError]: !error,\n [styles.checkedError]: error,\n [styles.focusedCheckbox]: isFocused,\n });\n\n return (\n <label className={classNames(styles.mainContainer)}>\n <div className={styles.checkboxContainer}>\n <input\n type=\"checkbox\"\n className={classNames(styles.inputOverlay, styles[size])}\n checked={checked}\n onChange={onChange}\n disabled={disabled}\n onFocus={() => {\n setIsFocused(true);\n }}\n onBlur={() => {\n setIsFocused(false);\n }}\n />\n <div className={checked ? checkedStyling : uncheckedStyling}>\n {checked && (\n <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n <path\n fill=\"#fff\"\n d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n ></path>\n </svg>\n )}\n </div>\n </div>\n <Typography\n size={typographySize[size]}\n color={error ? \"destructive-primary\" : \"gray800\"}\n >\n {label}\n </Typography>\n </label>\n );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_p0un4_1\",\"checkboxContainer\":\"_checkboxContainer_p0un4_8\",\"inputOverlay\":\"_inputOverlay_p0un4_13\",\"focusedCheckbox\":\"_focusedCheckbox_p0un4_21\",\"checkbox\":\"_checkbox_p0un4_8\",\"uncheckedBox\":\"_uncheckedBox_p0un4_35\",\"uncheckedBorder\":\"_uncheckedBorder_p0un4_39\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_p0un4_43\",\"checkedBox\":\"_checkedBox_p0un4_47\",\"checkedNonError\":\"_checkedNonError_p0un4_51\",\"checkedError\":\"_checkedError_p0un4_55\",\"sm\":\"_sm_p0un4_59\",\"md\":\"_md_p0un4_65\"}","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","import React, { ReactElement, useState } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./RadioButton.module.css\";\nimport Typography from \"../Typography/Typography\";\n\n/**\n * RadioButton is a radio button with accompanying text\n */\nconst RadioButton = ({\n checked = false,\n disabled = false,\n error = false,\n label,\n onChange,\n size = \"md\",\n value = \"\",\n}: {\n /**\n * Whether or not the box is checked\n *\n * @defaultValue false\n */\n checked?: boolean;\n /**\n * Whether or not the box is disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Whether to show error color schema\n *\n * @defaultValue false\n */\n error?: boolean;\n /**\n * Always add a label tag for best accessibility practices\n */\n label: string;\n /**\n * The callback to be called when the button is clicked\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Size of the components\n *\n * * `sm`: 16px\n * * `md`: 24px\n *\n * @defaultValue \"md\"\n */\n size?: \"sm\" | \"md\";\n /**\n * Value of the selected radio option\n */\n value?: string;\n}): ReactElement => {\n const [isFocused, setIsFocused] = useState(false);\n\n return (\n <label\n className={classnames(styles.radioButton, {\n [styles.smBase]: size === \"sm\",\n [styles.mdBase]: size === \"md\",\n })}\n >\n <input\n type=\"radio\"\n className={classnames(styles.radioStyleOverride, {\n [styles.smOverride]: size === \"sm\",\n [styles.mdOverride]: size === \"md\",\n })}\n checked={checked}\n onChange={onChange}\n disabled={disabled}\n value={value ?? label}\n onFocus={() => {\n setIsFocused(true);\n }}\n onBlur={() => {\n setIsFocused(false);\n }}\n />\n {checked ? (\n <div\n className={classnames(styles.outer, styles[size], {\n [styles.errorOuterBackgroundColor]: error,\n [styles.outerBackgroundColor]: !error,\n [styles.focusedRadioButton]: isFocused,\n })}\n >\n <div\n className={classnames(styles.circle, {\n [styles.smInner]: size === \"sm\",\n [styles.mdInner]: size === \"md\",\n })}\n />\n </div>\n ) : (\n <div\n className={classnames(styles.background, styles[size], {\n [styles.errorBorderColor]: error,\n [styles.borderColor]: !error,\n [styles.focusedRadioButton]: isFocused,\n })}\n />\n )}\n <Typography\n size={size === \"md\" ? 200 : 100}\n color={error ? \"destructive-primary\" : \"gray800\"}\n >\n {label}\n </Typography>\n </label>\n );\n};\n\nexport default RadioButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css\"; export default {\"radioButton\":\"_radioButton_1dde1_1\",\"focusedRadioButton\":\"_focusedRadioButton_1dde1_8\",\"smBase\":\"_smBase_1dde1_13\",\"mdBase\":\"_mdBase_1dde1_18\",\"radioStyleOverride\":\"_radioStyleOverride_1dde1_23\",\"smOverride\":\"_smOverride_1dde1_28\",\"mdOverride\":\"_mdOverride_1dde1_33\",\"outer\":\"_outer_1dde1_38\",\"sm\":\"_sm_1dde1_13\",\"md\":\"_md_1dde1_18\",\"errorOuterBackgroundColor\":\"_errorOuterBackgroundColor_1dde1_57\",\"outerBackgroundColor\":\"_outerBackgroundColor_1dde1_61\",\"background\":\"_background_1dde1_65\",\"errorBorderColor\":\"_errorBorderColor_1dde1_71\",\"borderColor\":\"_borderColor_1dde1_75\",\"circle\":\"_circle_1dde1_79\",\"smInner\":\"_smInner_1dde1_83\",\"mdInner\":\"_mdInner_1dde1_89\"}"],"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","classNames","import_jsx_runtime","import_jsx_runtime","import_classnames","colors_module_default","import_jsx_runtime","colors_module_default","classNames","import_jsx_runtime","import_classnames","import_react","import_jsx_runtime","iconSize","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime","import_react","import_classnames","import_jsx_runtime","classnames"]}
package/dist/index.mjs CHANGED
@@ -103,7 +103,7 @@ var Avatar_default = Avatar;
103
103
  var import_classnames2 = __toESM(require_classnames());
104
104
 
105
105
  // css-module:./colors.module.css#css-module
106
- var colors_module_default = { "primary700Color": "_primary700Color_o4pig_2", "destructive700Color": "_destructive700Color_o4pig_6", "gray700Color": "_gray700Color_o4pig_10", "gray900Color": "_gray900Color_o4pig_14", "whiteColor": "_whiteColor_o4pig_18", "inheritColor": "_inheritColor_o4pig_22", "primary100BackgroundColor": "_primary100BackgroundColor_o4pig_27", "destructive700Background": "_destructive700Background_o4pig_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_o4pig_35", "success700BackgroundColor": "_success700BackgroundColor_o4pig_39", "whiteBackgroundColor": "_whiteBackgroundColor_o4pig_43", "yellow700BackgroundColor": "_yellow700BackgroundColor_o4pig_47", "primary700BackgroundColor": "_primary700BackgroundColor_o4pig_51" };
106
+ var colors_module_default = { "inheritColor": "_inheritColor_j1pwm_2", "destructive700Color": "_destructive700Color_j1pwm_6", "gray700Color": "_gray700Color_j1pwm_10", "gray900Color": "_gray900Color_j1pwm_14", "primary700Color": "_primary700Color_j1pwm_18", "whiteColor": "_whiteColor_j1pwm_22", "blackBackgroundColor": "_blackBackgroundColor_j1pwm_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_j1pwm_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_j1pwm_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_j1pwm_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_j1pwm_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_j1pwm_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_j1pwm_51", "gray10BackgroundColor": "_gray10BackgroundColor_j1pwm_55", "gray30BackgroundColor": "_gray30BackgroundColor_j1pwm_59", "gray80BackgroundColor": "_gray80BackgroundColor_j1pwm_63", "gray100BackgroundColor": "_gray100BackgroundColor_j1pwm_67", "gray200BackgroundColor": "_gray200BackgroundColor_j1pwm_71", "gray300BackgroundColor": "_gray300BackgroundColor_j1pwm_75", "gray700BackgroundColor": "_gray700BackgroundColor_j1pwm_79", "gray800BackgroundColor": "_gray800BackgroundColor_j1pwm_83", "gray900BackgroundColor": "_gray900BackgroundColor_j1pwm_87", "orange100BackgroundColor": "_orange100BackgroundColor_j1pwm_91", "orange200BackgroundColor": "_orange200BackgroundColor_j1pwm_95", "orange300BackgroundColor": "_orange300BackgroundColor_j1pwm_99", "orange700BackgroundColor": "_orange700BackgroundColor_j1pwm_103", "orange800BackgroundColor": "_orange800BackgroundColor_j1pwm_107", "orange900BackgroundColor": "_orange900BackgroundColor_j1pwm_111", "primary100BackgroundColor": "_primary100BackgroundColor_j1pwm_115", "primary200BackgroundColor": "_primary200BackgroundColor_j1pwm_119", "primary300BackgroundColor": "_primary300BackgroundColor_j1pwm_123", "primary700BackgroundColor": "_primary700BackgroundColor_j1pwm_127", "primary800BackgroundColor": "_primary800BackgroundColor_j1pwm_131", "primary900BackgroundColor": "_primary900BackgroundColor_j1pwm_135", "success100BackgroundColor": "_success100BackgroundColor_j1pwm_139", "success200BackgroundColor": "_success200BackgroundColor_j1pwm_143", "success300BackgroundColor": "_success300BackgroundColor_j1pwm_147", "success700BackgroundColor": "_success700BackgroundColor_j1pwm_151", "success800BackgroundColor": "_success800BackgroundColor_j1pwm_155", "success900BackgroundColor": "_success900BackgroundColor_j1pwm_159", "purple100BackgroundColor": "_purple100BackgroundColor_j1pwm_163", "purple200BackgroundColor": "_purple200BackgroundColor_j1pwm_167", "purple300BackgroundColor": "_purple300BackgroundColor_j1pwm_171", "purple700BackgroundColor": "_purple700BackgroundColor_j1pwm_175", "purple800BackgroundColor": "_purple800BackgroundColor_j1pwm_179", "purple900BackgroundColor": "_purple900BackgroundColor_j1pwm_183", "whiteBackgroundColor": "_whiteBackgroundColor_j1pwm_187", "yellow100BackgroundColor": "_yellow100BackgroundColor_j1pwm_191", "yellow200BackgroundColor": "_yellow200BackgroundColor_j1pwm_195", "yellow300BackgroundColor": "_yellow300BackgroundColor_j1pwm_199", "yellow700BackgroundColor": "_yellow700BackgroundColor_j1pwm_203", "yellow800BackgroundColor": "_yellow800BackgroundColor_j1pwm_207", "yellow900BackgroundColor": "_yellow900BackgroundColor_j1pwm_211" };
107
107
 
108
108
  // src/colors/backgroundColor.ts
109
109
  function backgroundColor(color) {
@@ -111,7 +111,7 @@ function backgroundColor(color) {
111
111
  case "secondary":
112
112
  return colors_module_default.primary100BackgroundColor;
113
113
  case "destructive-primary":
114
- return colors_module_default.destructive700Background;
114
+ return colors_module_default.destructive700BackgroundColor;
115
115
  case "destructive-secondary":
116
116
  return colors_module_default.destructive100BackgroundColor;
117
117
  case "success":
@@ -265,11 +265,11 @@ var ButtonGroup = ({
265
265
  () => ({ disabled, fullWidth, size }),
266
266
  [disabled, fullWidth, size]
267
267
  );
268
- const classnames = (0, import_classnames3.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
268
+ const classnames2 = (0, import_classnames3.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
269
269
  [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
270
270
  [ButtonGroup_module_default.vertical]: orientation === "vertical"
271
271
  });
272
- return /* @__PURE__ */ jsx3(ButtonGroupContext_default.Provider, { value: context, children: /* @__PURE__ */ jsx3("div", { className: classnames, children }) });
272
+ return /* @__PURE__ */ jsx3(ButtonGroupContext_default.Provider, { value: context, children: /* @__PURE__ */ jsx3("div", { className: classnames2, children }) });
273
273
  };
274
274
  var ButtonGroup_default = ButtonGroup;
275
275
 
@@ -300,7 +300,7 @@ var import_classnames4 = __toESM(require_classnames());
300
300
  var Typography_module_default = { "typography": "_typography_1krnf_1", "size100": "_size100_1krnf_8", "size200": "_size200_1krnf_12", "size300": "_size300_1krnf_16", "size500": "_size500_1krnf_20", "size600": "_size600_1krnf_24", "size700": "_size700_1krnf_28", "size800": "_size800_1krnf_32", "center": "_center_1krnf_37", "forceLeft": "_forceLeft_1krnf_41", "forceRight": "_forceRight_1krnf_45", "start": "_start_1krnf_49", "end": "_end_1krnf_53", "bold": "_bold_1krnf_58", "regular": "_regular_1krnf_62", "semiBold": "_semiBold_1krnf_66", "heavy": "_heavy_1krnf_70", "underline": "_underline_1krnf_74", "inline": "_inline_1krnf_78", "uppercase": "_uppercase_1krnf_82" };
301
301
 
302
302
  // css-module:../colors/colors.module.css#css-module
303
- var colors_module_default2 = { "primary700Color": "_primary700Color_o4pig_2", "destructive700Color": "_destructive700Color_o4pig_6", "gray700Color": "_gray700Color_o4pig_10", "gray900Color": "_gray900Color_o4pig_14", "whiteColor": "_whiteColor_o4pig_18", "inheritColor": "_inheritColor_o4pig_22", "primary100BackgroundColor": "_primary100BackgroundColor_o4pig_27", "destructive700Background": "_destructive700Background_o4pig_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_o4pig_35", "success700BackgroundColor": "_success700BackgroundColor_o4pig_39", "whiteBackgroundColor": "_whiteBackgroundColor_o4pig_43", "yellow700BackgroundColor": "_yellow700BackgroundColor_o4pig_47", "primary700BackgroundColor": "_primary700BackgroundColor_o4pig_51" };
303
+ var colors_module_default2 = { "inheritColor": "_inheritColor_j1pwm_2", "destructive700Color": "_destructive700Color_j1pwm_6", "gray700Color": "_gray700Color_j1pwm_10", "gray900Color": "_gray900Color_j1pwm_14", "primary700Color": "_primary700Color_j1pwm_18", "whiteColor": "_whiteColor_j1pwm_22", "blackBackgroundColor": "_blackBackgroundColor_j1pwm_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_j1pwm_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_j1pwm_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_j1pwm_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_j1pwm_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_j1pwm_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_j1pwm_51", "gray10BackgroundColor": "_gray10BackgroundColor_j1pwm_55", "gray30BackgroundColor": "_gray30BackgroundColor_j1pwm_59", "gray80BackgroundColor": "_gray80BackgroundColor_j1pwm_63", "gray100BackgroundColor": "_gray100BackgroundColor_j1pwm_67", "gray200BackgroundColor": "_gray200BackgroundColor_j1pwm_71", "gray300BackgroundColor": "_gray300BackgroundColor_j1pwm_75", "gray700BackgroundColor": "_gray700BackgroundColor_j1pwm_79", "gray800BackgroundColor": "_gray800BackgroundColor_j1pwm_83", "gray900BackgroundColor": "_gray900BackgroundColor_j1pwm_87", "orange100BackgroundColor": "_orange100BackgroundColor_j1pwm_91", "orange200BackgroundColor": "_orange200BackgroundColor_j1pwm_95", "orange300BackgroundColor": "_orange300BackgroundColor_j1pwm_99", "orange700BackgroundColor": "_orange700BackgroundColor_j1pwm_103", "orange800BackgroundColor": "_orange800BackgroundColor_j1pwm_107", "orange900BackgroundColor": "_orange900BackgroundColor_j1pwm_111", "primary100BackgroundColor": "_primary100BackgroundColor_j1pwm_115", "primary200BackgroundColor": "_primary200BackgroundColor_j1pwm_119", "primary300BackgroundColor": "_primary300BackgroundColor_j1pwm_123", "primary700BackgroundColor": "_primary700BackgroundColor_j1pwm_127", "primary800BackgroundColor": "_primary800BackgroundColor_j1pwm_131", "primary900BackgroundColor": "_primary900BackgroundColor_j1pwm_135", "success100BackgroundColor": "_success100BackgroundColor_j1pwm_139", "success200BackgroundColor": "_success200BackgroundColor_j1pwm_143", "success300BackgroundColor": "_success300BackgroundColor_j1pwm_147", "success700BackgroundColor": "_success700BackgroundColor_j1pwm_151", "success800BackgroundColor": "_success800BackgroundColor_j1pwm_155", "success900BackgroundColor": "_success900BackgroundColor_j1pwm_159", "purple100BackgroundColor": "_purple100BackgroundColor_j1pwm_163", "purple200BackgroundColor": "_purple200BackgroundColor_j1pwm_167", "purple300BackgroundColor": "_purple300BackgroundColor_j1pwm_171", "purple700BackgroundColor": "_purple700BackgroundColor_j1pwm_175", "purple800BackgroundColor": "_purple800BackgroundColor_j1pwm_179", "purple900BackgroundColor": "_purple900BackgroundColor_j1pwm_183", "whiteBackgroundColor": "_whiteBackgroundColor_j1pwm_187", "yellow100BackgroundColor": "_yellow100BackgroundColor_j1pwm_191", "yellow200BackgroundColor": "_yellow200BackgroundColor_j1pwm_195", "yellow300BackgroundColor": "_yellow300BackgroundColor_j1pwm_199", "yellow700BackgroundColor": "_yellow700BackgroundColor_j1pwm_203", "yellow800BackgroundColor": "_yellow800BackgroundColor_j1pwm_207", "yellow900BackgroundColor": "_yellow900BackgroundColor_j1pwm_211" };
304
304
 
305
305
  // src/Typography/Typography.tsx
306
306
  import { jsx as jsx6 } from "react/jsx-runtime";
@@ -458,8 +458,6 @@ var Checkbox = ({
458
458
  type: "checkbox",
459
459
  className: (0, import_classnames6.default)(LabeledCheckbox_module_default.inputOverlay, LabeledCheckbox_module_default[size]),
460
460
  checked,
461
- "aria-checked": checked,
462
- tabIndex: 0,
463
461
  onChange,
464
462
  disabled,
465
463
  onFocus: () => {
@@ -499,6 +497,95 @@ var MiniActionCard = ({
499
497
  children
500
498
  }) => /* @__PURE__ */ jsx10("div", { className: MiniActionCard_module_default.miniActionCard, children });
501
499
  var MiniActionCard_default = MiniActionCard;
500
+
501
+ // src/RadioButton/RadioButton.tsx
502
+ var import_classnames7 = __toESM(require_classnames());
503
+ import { useState as useState2 } from "react";
504
+
505
+ // css-module:./RadioButton.module.css#css-module
506
+ var RadioButton_module_default = { "radioButton": "_radioButton_1dde1_1", "focusedRadioButton": "_focusedRadioButton_1dde1_8", "smBase": "_smBase_1dde1_13", "mdBase": "_mdBase_1dde1_18", "radioStyleOverride": "_radioStyleOverride_1dde1_23", "smOverride": "_smOverride_1dde1_28", "mdOverride": "_mdOverride_1dde1_33", "outer": "_outer_1dde1_38", "sm": "_sm_1dde1_13", "md": "_md_1dde1_18", "errorOuterBackgroundColor": "_errorOuterBackgroundColor_1dde1_57", "outerBackgroundColor": "_outerBackgroundColor_1dde1_61", "background": "_background_1dde1_65", "errorBorderColor": "_errorBorderColor_1dde1_71", "borderColor": "_borderColor_1dde1_75", "circle": "_circle_1dde1_79", "smInner": "_smInner_1dde1_83", "mdInner": "_mdInner_1dde1_89" };
507
+
508
+ // src/RadioButton/RadioButton.tsx
509
+ import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
510
+ var RadioButton = ({
511
+ checked = false,
512
+ disabled = false,
513
+ error = false,
514
+ label,
515
+ onChange,
516
+ size = "md",
517
+ value = ""
518
+ }) => {
519
+ const [isFocused, setIsFocused] = useState2(false);
520
+ return /* @__PURE__ */ jsxs3(
521
+ "label",
522
+ {
523
+ className: (0, import_classnames7.default)(RadioButton_module_default.radioButton, {
524
+ [RadioButton_module_default.smBase]: size === "sm",
525
+ [RadioButton_module_default.mdBase]: size === "md"
526
+ }),
527
+ children: [
528
+ /* @__PURE__ */ jsx11(
529
+ "input",
530
+ {
531
+ type: "radio",
532
+ className: (0, import_classnames7.default)(RadioButton_module_default.radioStyleOverride, {
533
+ [RadioButton_module_default.smOverride]: size === "sm",
534
+ [RadioButton_module_default.mdOverride]: size === "md"
535
+ }),
536
+ checked,
537
+ onChange,
538
+ disabled,
539
+ value: value != null ? value : label,
540
+ onFocus: () => {
541
+ setIsFocused(true);
542
+ },
543
+ onBlur: () => {
544
+ setIsFocused(false);
545
+ }
546
+ }
547
+ ),
548
+ checked ? /* @__PURE__ */ jsx11(
549
+ "div",
550
+ {
551
+ className: (0, import_classnames7.default)(RadioButton_module_default.outer, RadioButton_module_default[size], {
552
+ [RadioButton_module_default.errorOuterBackgroundColor]: error,
553
+ [RadioButton_module_default.outerBackgroundColor]: !error,
554
+ [RadioButton_module_default.focusedRadioButton]: isFocused
555
+ }),
556
+ children: /* @__PURE__ */ jsx11(
557
+ "div",
558
+ {
559
+ className: (0, import_classnames7.default)(RadioButton_module_default.circle, {
560
+ [RadioButton_module_default.smInner]: size === "sm",
561
+ [RadioButton_module_default.mdInner]: size === "md"
562
+ })
563
+ }
564
+ )
565
+ }
566
+ ) : /* @__PURE__ */ jsx11(
567
+ "div",
568
+ {
569
+ className: (0, import_classnames7.default)(RadioButton_module_default.background, RadioButton_module_default[size], {
570
+ [RadioButton_module_default.errorBorderColor]: error,
571
+ [RadioButton_module_default.borderColor]: !error,
572
+ [RadioButton_module_default.focusedRadioButton]: isFocused
573
+ })
574
+ }
575
+ ),
576
+ /* @__PURE__ */ jsx11(
577
+ Typography_default,
578
+ {
579
+ size: size === "md" ? 200 : 100,
580
+ color: error ? "destructive-primary" : "gray800",
581
+ children: label
582
+ }
583
+ )
584
+ ]
585
+ }
586
+ );
587
+ };
588
+ var RadioButton_default = RadioButton;
502
589
  export {
503
590
  Avatar_default as Avatar,
504
591
  Button_default as Button,
@@ -509,6 +596,7 @@ export {
509
596
  IconButton_default as IconButton,
510
597
  LabeledCheckbox_default as LabeledCheckbox,
511
598
  MiniActionCard_default as MiniActionCard,
599
+ RadioButton_default as RadioButton,
512
600
  Typography_default as Typography
513
601
  };
514
602
  /*! Bundled license information: