@televet/kibble-ui 5.0.5 → 5.0.7-beta.1
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.
- package/dist/chunks/{avatar.component-Bi0lMCsC.js → avatar.component-BGgZoVJS.js} +2 -2
- package/dist/chunks/avatar.component-BGgZoVJS.js.map +1 -0
- package/dist/chunks/{avatar.component-DUZc5iXT.js → avatar.component-CzutRWy6.js} +2 -2
- package/dist/chunks/avatar.component-CzutRWy6.js.map +1 -0
- package/dist/chunks/{avatarGroup.component-BwrjkSJn.js → avatarGroup.component-Dx94P94w.js} +2 -2
- package/dist/chunks/{avatarGroup.component-BwrjkSJn.js.map → avatarGroup.component-Dx94P94w.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-BdhUT7n5.js → avatarGroup.component-N2vYrtiD.js} +2 -2
- package/dist/chunks/{avatarGroup.component-BdhUT7n5.js.map → avatarGroup.component-N2vYrtiD.js.map} +1 -1
- package/dist/chunks/{button.recipe-Bb0lptGi.js → button.recipe-CZ-PlRrK.js} +40 -6
- package/dist/chunks/button.recipe-CZ-PlRrK.js.map +1 -0
- package/dist/chunks/button.recipe-DyIe5w68.js +2 -0
- package/dist/chunks/button.recipe-DyIe5w68.js.map +1 -0
- package/dist/chunks/{button.types-C9PpvmYR.js → button.types-BjfcUcMn.js} +8 -5
- package/dist/chunks/button.types-BjfcUcMn.js.map +1 -0
- package/dist/chunks/button.types-DXP4uRV8.js +2 -0
- package/dist/chunks/button.types-DXP4uRV8.js.map +1 -0
- package/dist/chunks/{calendar.component-CsOKKu1B.js → calendar.component-DPmU0M_d.js} +2 -2
- package/dist/chunks/{calendar.component-CsOKKu1B.js.map → calendar.component-DPmU0M_d.js.map} +1 -1
- package/dist/chunks/{calendar.component-BI8rM2b7.js → calendar.component-DtDSHf9e.js} +2 -2
- package/dist/chunks/{calendar.component-BI8rM2b7.js.map → calendar.component-DtDSHf9e.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-8-HSmE3v.js → conversationCard.component-CXKQyfAl.js} +2 -2
- package/dist/chunks/{conversationCard.component-8-HSmE3v.js.map → conversationCard.component-CXKQyfAl.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-FMq9PY8T.js → conversationCard.component-GOl51Avf.js} +2 -2
- package/dist/chunks/{conversationCard.component-FMq9PY8T.js.map → conversationCard.component-GOl51Avf.js.map} +1 -1
- package/dist/chunks/{datePicker.component-DwOyIbZk.js → datePicker.component-B-99fArB.js} +2 -2
- package/dist/chunks/{datePicker.component-DwOyIbZk.js.map → datePicker.component-B-99fArB.js.map} +1 -1
- package/dist/chunks/{datePicker.component-CcSzO2cP.js → datePicker.component-sCN3AhPl.js} +2 -2
- package/dist/chunks/{datePicker.component-CcSzO2cP.js.map → datePicker.component-sCN3AhPl.js.map} +1 -1
- package/dist/chunks/{datePicker.provider-B3423SaO.js → datePicker.provider-CPz9-swu.js} +518 -518
- package/dist/chunks/datePicker.provider-CPz9-swu.js.map +1 -0
- package/dist/chunks/datePicker.provider-u-5-DbM1.js +15 -0
- package/dist/chunks/datePicker.provider-u-5-DbM1.js.map +1 -0
- package/dist/chunks/dateTimePicker.component-BYVUKa8U.js +2 -0
- package/dist/chunks/{dateTimePicker.component-CTx_6MBi.js.map → dateTimePicker.component-BYVUKa8U.js.map} +1 -1
- package/dist/chunks/{dateTimePicker.component-COryQU_H.js → dateTimePicker.component-gMo_DSQp.js} +68 -68
- package/dist/chunks/{dateTimePicker.component-COryQU_H.js.map → dateTimePicker.component-gMo_DSQp.js.map} +1 -1
- package/dist/chunks/{radioGroup.types-C-JQsOXh.js → radioGroup.types--Is8KTII.js} +2 -2
- package/dist/chunks/{radioGroup.types-C-JQsOXh.js.map → radioGroup.types--Is8KTII.js.map} +1 -1
- package/dist/chunks/{radioGroup.types-sigpU7JZ.js → radioGroup.types-ClfoT_Sw.js} +2 -2
- package/dist/chunks/{radioGroup.types-sigpU7JZ.js.map → radioGroup.types-ClfoT_Sw.js.map} +1 -1
- package/dist/chunks/{rating.component-Btdd7tMX.js → rating.component-BANdN2LL.js} +2 -2
- package/dist/chunks/rating.component-BANdN2LL.js.map +1 -0
- package/dist/chunks/rating.component-DEVRcfgE.js +2 -0
- package/dist/chunks/rating.component-DEVRcfgE.js.map +1 -0
- package/dist/chunks/{styledAvatar.types-CUweBJqA.js → styledAvatar.types-BG2G_U-W.js} +2 -2
- package/dist/chunks/{styledAvatar.types-CUweBJqA.js.map → styledAvatar.types-BG2G_U-W.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js → styledAvatar.types-Dd3tKh-E.js} +2 -2
- package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js.map → styledAvatar.types-Dd3tKh-E.js.map} +1 -1
- package/dist/chunks/{theme.provider-Biof0UdB.js → theme.provider-LjHgUHK9.js} +233 -212
- package/dist/chunks/{theme.provider-Biof0UdB.js.map → theme.provider-LjHgUHK9.js.map} +1 -1
- package/dist/chunks/{theme.provider-BbKLlnGi.js → theme.provider-Q3WVYCOR.js} +2 -2
- package/dist/chunks/{theme.provider-BbKLlnGi.js.map → theme.provider-Q3WVYCOR.js.map} +1 -1
- package/dist/cjs/components/Avatar/index.cjs +1 -1
- package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
- package/dist/cjs/components/Button/index.cjs +1 -1
- package/dist/cjs/components/Calendar/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/DatePicker/index.cjs +1 -1
- package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/Rating/index.cjs +1 -1
- package/dist/cjs/components/StyledAvatar/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/index.cjs +1 -1
- package/dist/esm/components/Avatar/index.js +1 -1
- package/dist/esm/components/AvatarGroup/index.js +1 -1
- package/dist/esm/components/Button/index.js +1 -1
- package/dist/esm/components/Calendar/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/DatePicker/index.js +2 -2
- package/dist/esm/components/DateTimePicker/index.js +1 -1
- package/dist/esm/components/RadioGroup/index.js +1 -1
- package/dist/esm/components/Rating/index.js +1 -1
- package/dist/esm/components/StyledAvatar/index.js +1 -1
- package/dist/esm/components/index.js +11 -11
- package/dist/esm/index.js +12 -12
- package/dist/esm/theme/index.js +1 -1
- package/dist/types/components/Button/button.recipe.d.ts +1 -1
- package/dist/types/components/Button/button.types.d.ts +2 -2
- package/dist/types/components/DatePicker/context/datePicker.context.d.ts +1 -1
- package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts +2 -0
- package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts +4 -0
- package/package.json +1 -1
- package/dist/chunks/avatar.component-Bi0lMCsC.js.map +0 -1
- package/dist/chunks/avatar.component-DUZc5iXT.js.map +0 -1
- package/dist/chunks/button.recipe-Bb0lptGi.js.map +0 -1
- package/dist/chunks/button.recipe-flk0XJTS.js +0 -2
- package/dist/chunks/button.recipe-flk0XJTS.js.map +0 -1
- package/dist/chunks/button.types-3lHElsln.js +0 -2
- package/dist/chunks/button.types-3lHElsln.js.map +0 -1
- package/dist/chunks/button.types-C9PpvmYR.js.map +0 -1
- package/dist/chunks/datePicker.provider-B3423SaO.js.map +0 -1
- package/dist/chunks/datePicker.provider-Bi_9Q7nm.js +0 -15
- package/dist/chunks/datePicker.provider-Bi_9Q7nm.js.map +0 -1
- package/dist/chunks/dateTimePicker.component-CTx_6MBi.js +0 -2
- package/dist/chunks/rating.component-23y0uvWf.js +0 -2
- package/dist/chunks/rating.component-23y0uvWf.js.map +0 -1
- package/dist/chunks/rating.component-Btdd7tMX.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.component-DUZc5iXT.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/components/AvatarTooltipTriggerWrapper/avatarTooltipTriggerWrapper.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, { useCallback, MouseEvent, useState } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\n\ninterface AvatarRemoveButtonProps {\n /** Callback function to be called when the remove button is clicked. */\n onRemove?: (value?: string) => void;\n /** Value of the avatar. */\n value?: string;\n /** Data test id for the remove button.\n * @default kibble-avatar-remove-button\n */\n 'data-testid'?: string;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n /** Size of the avatar.\n * @internal\n */\n avatarSize: AvatarSize;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n value,\n ['data-testid']: dataTestId = 'kibble-avatar-remove-button',\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const [isBeingHovered, setIsBeingHovered] = useState(false);\n\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n if (onRemove) {\n onRemove(value);\n }\n },\n [onRemove, value],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid={dataTestId}\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === 'xl' ? 2 : 0.5}\n _groupHover={{\n display: 'flex',\n }}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { Status } from 'shared/types/status';\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: 'background.info',\n },\n default: {\n bgColor: 'background.subtle.less',\n },\n error: {\n bgColor: 'background.danger',\n },\n success: {\n bgColor: 'background.success',\n },\n warning: {\n bgColor: 'background.warning',\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: '10px',\n },\n sm: {\n boxSize: '18px',\n },\n md: {\n boxSize: '18px',\n },\n lg: {\n boxSize: '18px',\n },\n xl: {\n borderWidth: '2px',\n boxSize: '24px',\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n borderColor: 'border.strong.contrast',\n borderRadius: 'full',\n borderWidth: '1px',\n justifyContent: 'center',\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: 'info',\n },\n compoundVariants: [\n {\n withIcon: false,\n status: 'info',\n css: {\n bgColor: 'background.secondary',\n },\n },\n {\n withIcon: false,\n status: 'default',\n css: {\n bgColor: 'background.contrast',\n },\n },\n {\n withIcon: false,\n status: 'error',\n css: {\n bgColor: 'background.destructive',\n },\n },\n {\n withIcon: false,\n status: 'success',\n css: {\n bgColor: 'background.success.contrast',\n },\n },\n {\n withIcon: false,\n status: 'warning',\n css: {\n bgColor: 'background.warning.contrast',\n },\n },\n {\n withIcon: false,\n size: ['sm', 'md', 'lg'],\n css: {\n boxSize: '12px',\n },\n },\n {\n withIcon: false,\n size: 'xl',\n css: {\n borderWidth: '2px',\n boxSize: '16px',\n },\n },\n ],\n});\n","import { AvatarSize } from 'components/Avatar/avatar.types';\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon, IconName } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { ConditionalValue, useRecipe } from '@chakra-ui/react/styled-system';\nimport { AvatarBadgePosition } from './avatarBadge.types';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { avatarBadgeRecipe } from './avatarBadge.recipe';\nimport { Status } from 'shared/types/status';\nimport { badgeOffsetMap, iconBadgeOffsetMap } from './avatarBadge.records';\n\nexport interface AvatarBadgeProps extends FlexProps {\n /** Name of the icon inside the badge. */\n iconName?: IconName;\n /** Position of the badge relative to the avatar. */\n position?: ConditionalValue<AvatarBadgePosition>;\n /** Determines the color of the badge. */\n status?: Status;\n /** Data test id for the avatar badge. */\n 'data-testid'?: string;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n /** Size of the avatar.\n * @internal\n */\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = 'md',\n iconName,\n position = 'bottom-end',\n status = 'info',\n ['data-testid']: dataTestId = 'kibble-avatar-badge-wrapper',\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n const offsetRecord = useMemo(() => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap), [useSmallBadge]);\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid={dataTestId}\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex className=\"Avatar__Badge\" data-testid={`${dataTestId}-badge`} css={styles} {...rest}>\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={status !== 'error' ? (status as TypographyVariant) : 'danger'}\n size={avatarSize === 'xl' ? 'sm' : 'xs'}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import { Center, CenterProps } from '@chakra-ui/react/center';\nimport { forwardRef } from 'react';\n\nexport const AvatarTooltipTriggerWrapper = forwardRef<\n HTMLDivElement,\n CenterProps & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => <Center ref={ref} className=\"Avatar__TooltipTriggerWrapper\" {...props} />);\nAvatarTooltipTriggerWrapper.displayName = 'AvatarTooltipTriggerWrapper';\n","import React, { useMemo } from 'react';\nimport { Avatar as CAvatar } from '@chakra-ui/react/avatar';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport { Icon, IconName } from 'components/Icon';\nimport AvatarRemoveButton from './components/AvatarRemoveButton/avatarRemoveButton.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { AvatarTooltipTriggerWrapper } from './components/AvatarTooltipTriggerWrapper/avatarTooltipTriggerWrapper.component';\nimport { AvatarSizeMap } from './avatar.records';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n /** Props to customize the badge, `showBadge` must be set to true for the badge to show. */\n badgeProps?: AvatarBadgeProps;\n /** If true, the border of the avatar will be hidden. */\n hideBorder?: boolean;\n /** The name of the icon to be displayed inside the avatar. */\n iconName?: IconName;\n /** The name to derive the initials from. This will also be the default text for the tooltip unless `tooltipProps` is passed in. */\n name?: string;\n /** Callback function when the avatar is clicked. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n /** Callback function when the remove button is clicked. */\n onRemove?: (value?: string) => void;\n /** If true, a badge will be displayed on the avatar. */\n showBadge?: boolean;\n /** If true, a remove button will be displayed when hovering over the avatar.\n * @default false\n */\n showRemoveButton?: boolean;\n /** Shows a tooltip on hover with the avatar name, if `tooltipProps` is not passed in. The tooltip will be disabled if no name is provided. */\n showTooltip?: boolean;\n /** Size of the avatar.\n * @default md\n */\n size?: AvatarSize;\n /** The source URL of the image to be displayed in the avatar. */\n src?: string;\n /** Props to customize the tooltip. See `Tooltip` for more information. */\n tooltipProps?: TooltipProps;\n /** Variant of the avatar.\n * @default default\n */\n variant?: AvatarVariant;\n /** The webp source URL of the image to be displayed in the avatar. */\n webpSrc?: string;\n /** The value of the avatar. */\n value?: string;\n /** Data test id for the avatar.\n * @default kibble-avatar\n */\n 'data-testid'?: string;\n /** The children to be displayed inside the avatar. */\n children?: React.ReactNode;\n}\n\nexport const Avatar = React.memo(\n ({\n badgeProps,\n hideBorder,\n iconName,\n name = '',\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = 'md',\n src,\n tooltipProps,\n variant = 'default',\n webpSrc,\n value,\n ['data-testid']: dataTestId = 'kibble-avatar',\n children,\n ...rest\n }: AvatarProps): React.JSX.Element => {\n const AvatarRoot: React.FC<AvatarProps> = useMemo(\n () =>\n ({ children }: AvatarProps) => (\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid={dataTestId}\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n {children}\n </CAvatar.Root>\n ),\n [dataTestId, hideBorder, onClick, rest, size, variant],\n );\n\n const AvatarContent: React.FC<AvatarProps> = useMemo(\n () => () => (\n <>\n {children ? (\n children\n ) : (\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === 'lg'\n ? 'lg'\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n </>\n ),\n [badgeProps, children, iconName, name, showBadge, size, src, webpSrc],\n );\n\n const TooltipWrapper: React.FC<AvatarProps> = useMemo(\n () =>\n ({ children }) =>\n showTooltip ? (\n <Tooltip\n data-testid={`${dataTestId}-tooltip`}\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || 'bottom'}\n >\n <AvatarTooltipTriggerWrapper w={AvatarSizeMap[size]} h={AvatarSizeMap[size]}>\n {children}\n </AvatarTooltipTriggerWrapper>\n </Tooltip>\n ) : (\n <React.Fragment>{children}</React.Fragment>\n ),\n [dataTestId, name, showTooltip, size, tooltipProps],\n );\n\n if (showRemoveButton)\n return (\n <AvatarRoot>\n <TooltipWrapper>\n <AvatarContent />\n </TooltipWrapper>\n {showRemoveButton && size !== 'xs' && (\n <AvatarRemoveButton avatarSize={size} onRemove={onRemove} value={value} />\n )}\n </AvatarRoot>\n );\n\n return (\n <TooltipWrapper>\n <AvatarRoot>\n <AvatarContent />\n </AvatarRoot>\n </TooltipWrapper>\n );\n },\n);\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","value","dataTestId","isBeingHovered","setIsBeingHovered","useState","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","AvatarTooltipTriggerWrapper","Center","Avatar","React","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","children","CAvatar.Root","AvatarContent","jsxs","Fragment","CAvatar.Fallback","CAvatar.Image","TooltipWrapper","Tooltip","AvatarSizeMap"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.recipe-Bb0lptGi.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n xs: {\n fontSize: 'xs',\n h: 6,\n p: '3px 8px',\n minW: 6,\n },\n sm: {\n fontSize: 'sm',\n h: 8,\n p: '6px 12px',\n minW: 8,\n },\n md: {\n fontSize: 'md',\n h: 10,\n p: '8px 16px',\n minW: 10,\n },\n lg: {\n fontSize: 'lg',\n h: 12,\n p: '10px 20px',\n minW: 12,\n },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n color: 'text.interactive',\n bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n color: 'text.interactive.contrast',\n bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n primary: {\n bg: {\n base: 'background.primary',\n _hover: {\n base: 'background.primary.hover',\n _disabled: 'background.primary',\n },\n _active: {\n base: 'background.primary.pressed',\n _hover: 'background.primary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryOnContrast: {\n bg: {\n base: 'background.primary.contrast',\n _hover: {\n base: 'background.primary.contrast.hover',\n _disabled: 'background.primary.contrast',\n },\n _active: {\n base: 'background.primary.contrast.pressed',\n _hover: 'background.primary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryAccent: {\n bg: {\n base: 'background.secondary',\n _hover: {\n base: 'background.secondary.hover',\n _disabled: 'background.secondary',\n },\n _active: {\n base: 'background.secondary.pressed',\n _hover: 'background.secondary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryAccentOnContrast: {\n bg: {\n base: 'background.secondary.contrast',\n _hover: {\n base: 'background.secondary.contrast.hover',\n _disabled: 'background.secondary.contrast',\n },\n _active: {\n base: 'background.secondary.contrast.pressed',\n _hover: 'background.secondary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryDestructive: {\n bg: {\n base: 'background.destructive',\n _hover: {\n base: 'background.destructive.hover',\n _disabled: 'background.destructive',\n },\n _active: {\n base: 'background.destructive.pressed',\n _hover: 'background.destructive.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructive.contrast',\n _hover: {\n base: 'background.destructive.contrast.hover',\n _disabled: 'background.destructive.contrast',\n },\n _active: {\n base: 'background.destructive.contrast.pressed',\n _hover: 'background.destructive.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryGradientFull: {\n bg: {\n base: 'background.gradientFull',\n _hover: {\n base: 'background.gradientFull.hover',\n _disabled: 'background.gradientFull',\n },\n _active: {\n base: 'background.gradientFull.pressed',\n _hover: 'background.gradientFull.pressed',\n },\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n borderWidth: '0',\n },\n primaryGradientFullOnContrast: {\n bg: {\n base: 'background.gradientFull.contrast',\n _hover: {\n base: 'background.gradientFull.contrast.hover',\n _disabled: 'background.gradientFull.contrast',\n },\n _active: {\n base: 'background.gradientFull.contrast.pressed',\n _hover: 'background.gradientFull.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n borderWidth: '0',\n },\n secondary: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n borderColor: {\n base: 'border.strong',\n _active: 'border.focus',\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n secondaryOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n borderColor: {\n base: 'border.strong.contrast',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n secondaryDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n borderColor: 'border.danger',\n color: 'text.danger',\n _icon: {\n color: 'text.danger',\n },\n },\n secondaryDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n borderColor: 'border.danger.contrast',\n color: 'text.danger.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondarySubtle: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: secondarySubtleButtonStyles.bg,\n _hover: secondarySubtleButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text',\n _active: secondarySubtleButtonStyles.color,\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: secondarySubtleButtonStyles.color,\n },\n },\n },\n secondarySubtleOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'transparent',\n },\n _active: {\n base: secondarySubtleOnContrastButtonStyles.bg,\n _hover: secondarySubtleOnContrastButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border.contrast',\n _active: 'border.focus',\n },\n color: {\n base: 'text.contrast',\n _active: secondarySubtleOnContrastButtonStyles.color,\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: secondarySubtleOnContrastButtonStyles.color,\n },\n },\n },\n secondarySubtleDestructive: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: 'background.destructiveAlpha',\n _hover: 'background.destructiveAlpha',\n },\n },\n color: 'text.danger',\n borderColor: 'border',\n _icon: {\n color: 'text.danger',\n },\n },\n secondarySubtleDestructiveOnContrast: {\n bg: {\n base: 'background.contrast',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'background.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast',\n _hover: 'background.destructiveAlpha.contrast',\n },\n },\n color: 'text.danger.contrast',\n borderColor: 'border.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondaryGradientFull: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n bg: {\n base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n _hover: {\n base: '{colors.background.gradientFull} border-box',\n _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.hover} border-box',\n _hover: '{colors.background.gradientFull.hover} border-box',\n },\n },\n },\n secondaryGradientFullOnContrast: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n bg: {\n base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n _hover: {\n base: '{colors.background.gradientFull.contrast} border-box',\n _disabled:\n 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.contrast.hover} border-box',\n _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n },\n },\n },\n tertiary: {\n bg: {\n base: 'background.alpha',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'background.alpha',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n tertiaryOnContrast: {\n bg: {\n base: 'background.alpha.contrast',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'background.alpha.contrast',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n tertiaryDestructive: {\n bg: {\n base: 'background.destructiveAlpha',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'background.destructiveAlpha',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n tertiaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructiveAlpha.contrast',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'background.destructiveAlpha.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n ghost: {\n bg: {\n base: 'transparent',\n _hover: {\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n // Separating to override Chakra's variant\n _hover: {\n bg: 'background.secondaryAlpha.hover',\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n },\n ghostOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.secondaryAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n },\n ghostNeutral: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n _active: {\n color: 'text.interactive',\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n ghostNeutralOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n _active: 'text.interactive.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n ghostDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n ghostDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n};\n\nexport const buttonRecipe = defineRecipe({\n base: {\n borderColor: 'transparent',\n borderRadius: 'base',\n borderWidth: '1px',\n fontWeight: 'semibold',\n letterSpacing: '0.12px',\n lineHeight: '150%',\n _focusVisible: {\n boxShadow: 'none !important',\n outline: 'none !important',\n },\n },\n variants: {\n variant: buttonVariantStyles,\n size: buttonSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n variant: 'primary',\n },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("./config-jChwZPSv.js"),o={xs:{fontSize:"xs",h:6,p:"3px 8px",minW:6},sm:{fontSize:"sm",h:8,p:"6px 12px",minW:8},md:{fontSize:"md",h:10,p:"8px 16px",minW:10},lg:{fontSize:"lg",h:12,p:"10px 20px",minW:12}},r={color:"text.interactive",bg:"background.secondaryAlpha"},e={color:"text.interactive.contrast",bg:"background.secondaryAlpha.contrast"},t={primary:{bg:{base:"background.primary",_hover:{base:"background.primary.hover",_disabled:"background.primary"},_active:{base:"background.primary.pressed",_hover:"background.primary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryOnContrast:{bg:{base:"background.primary.contrast",_hover:{base:"background.primary.contrast.hover",_disabled:"background.primary.contrast"},_active:{base:"background.primary.contrast.pressed",_hover:"background.primary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryAccent:{bg:{base:"background.secondary",_hover:{base:"background.secondary.hover",_disabled:"background.secondary"},_active:{base:"background.secondary.pressed",_hover:"background.secondary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryAccentOnContrast:{bg:{base:"background.secondary.contrast",_hover:{base:"background.secondary.contrast.hover",_disabled:"background.secondary.contrast"},_active:{base:"background.secondary.contrast.pressed",_hover:"background.secondary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryDestructive:{bg:{base:"background.destructive",_hover:{base:"background.destructive.hover",_disabled:"background.destructive"},_active:{base:"background.destructive.pressed",_hover:"background.destructive.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryDestructiveOnContrast:{bg:{base:"background.destructive.contrast",_hover:{base:"background.destructive.contrast.hover",_disabled:"background.destructive.contrast"},_active:{base:"background.destructive.contrast.pressed",_hover:"background.destructive.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryGradientFull:{bg:{base:"background.gradientFull",_hover:{base:"background.gradientFull.hover",_disabled:"background.gradientFull"},_active:{base:"background.gradientFull.pressed",_hover:"background.gradientFull.pressed"}},color:{base:"text.interactive",_icon:"text.interactive"},borderWidth:"0"},primaryGradientFullOnContrast:{bg:{base:"background.gradientFull.contrast",_hover:{base:"background.gradientFull.contrast.hover",_disabled:"background.gradientFull.contrast"},_active:{base:"background.gradientFull.contrast.pressed",_hover:"background.gradientFull.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},borderWidth:"0"},secondary:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},borderColor:{base:"border.strong",_active:"border.focus"},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},secondaryOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},borderColor:{base:"border.strong.contrast",_active:"border.focus.contrast"},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},secondaryDestructive:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},borderColor:"border.danger",color:"text.danger",_icon:{color:"text.danger"}},secondaryDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},borderColor:"border.danger.contrast",color:"text.danger.contrast",_icon:{color:"text.danger.contrast"}},secondarySubtle:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:r.bg,_hover:r.bg}},borderColor:{base:"border",_active:"border.focus.contrast"},color:{base:"text",_active:r.color,_icon:"text"},_active:{_icon:{color:r.color}}},secondarySubtleOnContrast:{bg:{base:"transparent",_hover:{base:"background.contrast.subtle",_disabled:"transparent"},_active:{base:e.bg,_hover:e.bg}},borderColor:{base:"border.contrast",_active:"border.focus"},color:{base:"text.contrast",_active:e.color,_icon:"text.contrast"},_active:{_icon:{color:e.color}}},secondarySubtleDestructive:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:"background.destructiveAlpha",_hover:"background.destructiveAlpha"}},color:"text.danger",borderColor:"border",_icon:{color:"text.danger"}},secondarySubtleDestructiveOnContrast:{bg:{base:"background.contrast",_hover:{base:"background.contrast.subtle",_disabled:"background.contrast"},_active:{base:"background.destructiveAlpha.contrast",_hover:"background.destructiveAlpha.contrast"}},color:"text.danger.contrast",borderColor:"border.contrast",_icon:{color:"text.danger.contrast"}},secondaryGradientFull:{borderWidth:"2px",color:{base:"text.interactive",_icon:"text.interactive"},bg:{base:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box",_hover:{base:"{colors.background.gradientFull} border-box",_disabled:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box"},_active:{base:"{colors.background.gradientFull.hover} border-box",_hover:"{colors.background.gradientFull.hover} border-box"}}},secondaryGradientFullOnContrast:{borderWidth:"2px",color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},bg:{base:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box",_hover:{base:"{colors.background.gradientFull.contrast} border-box",_disabled:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box"},_active:{base:"{colors.background.gradientFull.contrast.hover} border-box",_hover:"{colors.background.gradientFull.contrast.hover} border-box"}}},tertiary:{bg:{base:"background.alpha",_hover:{base:"background.alpha.hover",_disabled:"background.alpha"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},tertiaryOnContrast:{bg:{base:"background.alpha.contrast",_hover:{base:"background.alpha.contrast.hover",_disabled:"background.alpha.contrast"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},tertiaryDestructive:{bg:{base:"background.destructiveAlpha",_hover:{base:"background.destructiveAlpha.hover",_disabled:"background.destructiveAlpha"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},tertiaryDestructiveOnContrast:{bg:{base:"background.destructiveAlpha.contrast",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"background.destructiveAlpha.contrast"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}},ghost:{bg:{base:"transparent",_hover:{_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},_hover:{bg:"background.secondaryAlpha.hover"},color:{base:"text.interactive",_icon:"text.interactive"}},ghostOnContrast:{bg:{base:"transparent",_hover:{base:"background.secondaryAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"}},ghostNeutral:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_icon:"text"},_active:{color:"text.interactive",_icon:{color:"text.interactive"}}},ghostNeutralOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_icon:"text.contrast",_active:"text.interactive.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},ghostDestructive:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},ghostDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}}},s=a.defineRecipe({base:{borderColor:"transparent",borderRadius:"base",borderWidth:"1px",fontWeight:"semibold",letterSpacing:"0.12px",lineHeight:"150%",_focusVisible:{boxShadow:"none !important",outline:"none !important"}},variants:{variant:t,size:o},defaultVariants:{size:"md",variant:"primary"}});exports.buttonRecipe=s;exports.buttonVariantStyles=t;exports.secondarySubtleButtonStyles=r;exports.secondarySubtleOnContrastButtonStyles=e;
|
|
2
|
-
//# sourceMappingURL=button.recipe-flk0XJTS.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.recipe-flk0XJTS.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n xs: {\n fontSize: 'xs',\n h: 6,\n p: '3px 8px',\n minW: 6,\n },\n sm: {\n fontSize: 'sm',\n h: 8,\n p: '6px 12px',\n minW: 8,\n },\n md: {\n fontSize: 'md',\n h: 10,\n p: '8px 16px',\n minW: 10,\n },\n lg: {\n fontSize: 'lg',\n h: 12,\n p: '10px 20px',\n minW: 12,\n },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n color: 'text.interactive',\n bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n color: 'text.interactive.contrast',\n bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n primary: {\n bg: {\n base: 'background.primary',\n _hover: {\n base: 'background.primary.hover',\n _disabled: 'background.primary',\n },\n _active: {\n base: 'background.primary.pressed',\n _hover: 'background.primary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryOnContrast: {\n bg: {\n base: 'background.primary.contrast',\n _hover: {\n base: 'background.primary.contrast.hover',\n _disabled: 'background.primary.contrast',\n },\n _active: {\n base: 'background.primary.contrast.pressed',\n _hover: 'background.primary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryAccent: {\n bg: {\n base: 'background.secondary',\n _hover: {\n base: 'background.secondary.hover',\n _disabled: 'background.secondary',\n },\n _active: {\n base: 'background.secondary.pressed',\n _hover: 'background.secondary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryAccentOnContrast: {\n bg: {\n base: 'background.secondary.contrast',\n _hover: {\n base: 'background.secondary.contrast.hover',\n _disabled: 'background.secondary.contrast',\n },\n _active: {\n base: 'background.secondary.contrast.pressed',\n _hover: 'background.secondary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryDestructive: {\n bg: {\n base: 'background.destructive',\n _hover: {\n base: 'background.destructive.hover',\n _disabled: 'background.destructive',\n },\n _active: {\n base: 'background.destructive.pressed',\n _hover: 'background.destructive.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructive.contrast',\n _hover: {\n base: 'background.destructive.contrast.hover',\n _disabled: 'background.destructive.contrast',\n },\n _active: {\n base: 'background.destructive.contrast.pressed',\n _hover: 'background.destructive.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryGradientFull: {\n bg: {\n base: 'background.gradientFull',\n _hover: {\n base: 'background.gradientFull.hover',\n _disabled: 'background.gradientFull',\n },\n _active: {\n base: 'background.gradientFull.pressed',\n _hover: 'background.gradientFull.pressed',\n },\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n borderWidth: '0',\n },\n primaryGradientFullOnContrast: {\n bg: {\n base: 'background.gradientFull.contrast',\n _hover: {\n base: 'background.gradientFull.contrast.hover',\n _disabled: 'background.gradientFull.contrast',\n },\n _active: {\n base: 'background.gradientFull.contrast.pressed',\n _hover: 'background.gradientFull.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n borderWidth: '0',\n },\n secondary: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n borderColor: {\n base: 'border.strong',\n _active: 'border.focus',\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n secondaryOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n borderColor: {\n base: 'border.strong.contrast',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n secondaryDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n borderColor: 'border.danger',\n color: 'text.danger',\n _icon: {\n color: 'text.danger',\n },\n },\n secondaryDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n borderColor: 'border.danger.contrast',\n color: 'text.danger.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondarySubtle: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: secondarySubtleButtonStyles.bg,\n _hover: secondarySubtleButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text',\n _active: secondarySubtleButtonStyles.color,\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: secondarySubtleButtonStyles.color,\n },\n },\n },\n secondarySubtleOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'transparent',\n },\n _active: {\n base: secondarySubtleOnContrastButtonStyles.bg,\n _hover: secondarySubtleOnContrastButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border.contrast',\n _active: 'border.focus',\n },\n color: {\n base: 'text.contrast',\n _active: secondarySubtleOnContrastButtonStyles.color,\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: secondarySubtleOnContrastButtonStyles.color,\n },\n },\n },\n secondarySubtleDestructive: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: 'background.destructiveAlpha',\n _hover: 'background.destructiveAlpha',\n },\n },\n color: 'text.danger',\n borderColor: 'border',\n _icon: {\n color: 'text.danger',\n },\n },\n secondarySubtleDestructiveOnContrast: {\n bg: {\n base: 'background.contrast',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'background.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast',\n _hover: 'background.destructiveAlpha.contrast',\n },\n },\n color: 'text.danger.contrast',\n borderColor: 'border.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondaryGradientFull: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n bg: {\n base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n _hover: {\n base: '{colors.background.gradientFull} border-box',\n _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.hover} border-box',\n _hover: '{colors.background.gradientFull.hover} border-box',\n },\n },\n },\n secondaryGradientFullOnContrast: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n bg: {\n base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n _hover: {\n base: '{colors.background.gradientFull.contrast} border-box',\n _disabled:\n 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.contrast.hover} border-box',\n _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n },\n },\n },\n tertiary: {\n bg: {\n base: 'background.alpha',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'background.alpha',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n tertiaryOnContrast: {\n bg: {\n base: 'background.alpha.contrast',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'background.alpha.contrast',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n tertiaryDestructive: {\n bg: {\n base: 'background.destructiveAlpha',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'background.destructiveAlpha',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n tertiaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructiveAlpha.contrast',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'background.destructiveAlpha.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n ghost: {\n bg: {\n base: 'transparent',\n _hover: {\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n // Separating to override Chakra's variant\n _hover: {\n bg: 'background.secondaryAlpha.hover',\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n },\n ghostOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.secondaryAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n },\n ghostNeutral: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n _active: {\n color: 'text.interactive',\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n ghostNeutralOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n _active: 'text.interactive.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n ghostDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n ghostDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n};\n\nexport const buttonRecipe = defineRecipe({\n base: {\n borderColor: 'transparent',\n borderRadius: 'base',\n borderWidth: '1px',\n fontWeight: 'semibold',\n letterSpacing: '0.12px',\n lineHeight: '150%',\n _focusVisible: {\n boxShadow: 'none !important',\n outline: 'none !important',\n },\n },\n variants: {\n variant: buttonVariantStyles,\n size: buttonSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n variant: 'primary',\n },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const t=["primary","primaryOnContrast","primaryAccent","primaryAccentOnContrast","primaryDestructive","primaryDestructiveOnContrast","primaryGradientFull","primaryGradientFullOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","secondaryGradientFull","secondaryGradientFullOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast"],r=["primary","primaryDestructive","primaryAccent","primaryGradientFull","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","secondaryGradientFull","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive"],n=["xs","sm","md","lg"],e=["left","right"],s=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=e;exports.buttonSizes=n;exports.buttonSpinnerPlacements=s;exports.buttonVariants=r;
|
|
2
|
-
//# sourceMappingURL=button.types-3lHElsln.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.types-3lHElsln.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n 'primary',\n 'primaryOnContrast',\n 'primaryAccent',\n 'primaryAccentOnContrast',\n 'primaryDestructive',\n 'primaryDestructiveOnContrast',\n 'primaryGradientFull',\n 'primaryGradientFullOnContrast',\n 'secondary',\n 'secondaryOnContrast',\n 'secondaryDestructive',\n 'secondaryDestructiveOnContrast',\n 'secondarySubtle',\n 'secondarySubtleOnContrast',\n 'secondarySubtleDestructive',\n 'secondarySubtleDestructiveOnContrast',\n 'secondaryGradientFull',\n 'secondaryGradientFullOnContrast',\n 'tertiary',\n 'tertiaryOnContrast',\n 'tertiaryDestructive',\n 'tertiaryDestructiveOnContrast',\n 'ghost',\n 'ghostOnContrast',\n 'ghostNeutral',\n 'ghostNeutralOnContrast',\n 'ghostDestructive',\n 'ghostDestructiveOnContrast',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n 'primary',\n 'primaryDestructive',\n 'primaryAccent',\n 'primaryGradientFull',\n 'secondary',\n 'secondaryDestructive',\n 'secondarySubtle',\n 'secondarySubtleDestructive',\n 'secondaryGradientFull',\n 'tertiary',\n 'tertiaryDestructive',\n 'ghost',\n 'ghostNeutral',\n 'ghostDestructive',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,gBACA,0BACA,qBACA,+BACA,sBACA,gCACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,wBACA,kCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,4BACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,gBACA,sBACA,YACA,uBACA,kBACA,6BACA,wBACA,WACA,sBACA,QACA,eACA,kBACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.types-C9PpvmYR.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n 'primary',\n 'primaryOnContrast',\n 'primaryAccent',\n 'primaryAccentOnContrast',\n 'primaryDestructive',\n 'primaryDestructiveOnContrast',\n 'primaryGradientFull',\n 'primaryGradientFullOnContrast',\n 'secondary',\n 'secondaryOnContrast',\n 'secondaryDestructive',\n 'secondaryDestructiveOnContrast',\n 'secondarySubtle',\n 'secondarySubtleOnContrast',\n 'secondarySubtleDestructive',\n 'secondarySubtleDestructiveOnContrast',\n 'secondaryGradientFull',\n 'secondaryGradientFullOnContrast',\n 'tertiary',\n 'tertiaryOnContrast',\n 'tertiaryDestructive',\n 'tertiaryDestructiveOnContrast',\n 'ghost',\n 'ghostOnContrast',\n 'ghostNeutral',\n 'ghostNeutralOnContrast',\n 'ghostDestructive',\n 'ghostDestructiveOnContrast',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n 'primary',\n 'primaryDestructive',\n 'primaryAccent',\n 'primaryGradientFull',\n 'secondary',\n 'secondaryDestructive',\n 'secondarySubtle',\n 'secondarySubtleDestructive',\n 'secondaryGradientFull',\n 'tertiary',\n 'tertiaryDestructive',\n 'ghost',\n 'ghostNeutral',\n 'ghostDestructive',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAc,CAAC,MAAM,MAAM,MAAM,IAAI,GAGrCC,IAAsB,CAAC,QAAQ,OAAO,GAGtCC,IAA0B,CAAC,SAAS,KAAK;"}
|