npm - @bitrise/bitkit-v2 - Versions diffs - 0.3.252 → 0.3.253-beta.1710 - Mend

@bitrise/bitkit-v2 0.3.252 → 0.3.253-beta.1710

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 (123) hide show

package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitPageFooter.js","names":[],"sources":["../../../lib/components/BitkitPageFooter/BitkitPageFooter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport {\n type ComponentPropsWithoutRef,\n forwardRef,\n type HTMLAttributeAnchorTarget,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport IconBitbot from '../../icons/IconBitbot';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst SEVERITY_COLOR_MAP: Record<string, string> = {\n critical: '~~sys~~/red/bold',\n major: '~~sys~~/orange/bold',\n minor: '~~sys~~/yellow/muted',\n none: '~~sys~~/green/bold',\n};\n\n// --- BitkitPageFooter (Root) ---\n\nexport interface BitkitPageFooterProps extends Omit<BoxProps, '~~colorScheme~~'> {\n children?: ReactNode;\n ~~colorScheme~~?: 'gray' \| 'white';\n severity?: 'none' \| 'minor' \| 'major' \| 'critical' \| (string & {});\n size?: 'compact' \| 'default';\n statusLabel?: string;\n variant?: 'default' \| 'public';\n}\n\nconst BitkitPageFooter = forwardRef<HTMLDivElement, BitkitPageFooterProps>((props, ref) => {\n const { children, ~~colorScheme~~, severity = 'none', size, statusLabel, variant, ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'pageFooter' });\n const styles = recipe({ ~~colorScheme~~, size, variant });\n\n const year = new Date().getFullYear();\n\n const severityColor = SEVERITY_COLOR_MAP[severity] ?? '~~sys~~/neutral/bold';\n\n return (\n <Box as=\"footer\" ref={ref} css={styles.root} {...rest}>\n {statusLabel && (\n <chakra.div css={styles.status}>\n <chakra.div css={styles.statusDot} background={severityColor} />\n <chakra.span css={styles.statusLabel}>{statusLabel}</chakra.span>\n </chakra.div>\n )}\n\n <chakra.div css={styles.copyright}>\n <IconBitbot size=\"24\" color=\"icon/secondary\" />\n <chakra.span css={styles.copyrightText}>© {year} Bitrise Ltd.</chakra.span>\n </chakra.div>\n\n {children && <chakra.nav css={styles.links}>{children}</chakra.nav>}\n </Box>\n );\n});\n\nBitkitPageFooter.displayName = 'BitkitPageFooter';\n\n// --- BitkitPageFooterItem ---\n\ntype LinkItemProps = {\n href: string;\n rel?: string;\n target?: HTMLAttributeAnchorTarget;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' \| 'target' \| 'rel'>;\n\ntype ButtonItemProps = {\n href?: never;\n onClick: MouseEventHandler<HTMLButtonElement>;\n} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;\n\nexport type BitkitPageFooterItemProps = (LinkItemProps \| ButtonItemProps) & {\n children: ReactNode;\n};\n\nconst BitkitPageFooterItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitPageFooterItemProps>(\n (props, ref) => {\n const recipe = useSlotRecipe({ key: 'pageFooter' });\n const styles = recipe();\n\n if ('href' in props && props.href) {\n const { children, href, target, rel, ...rest } = props as LinkItemProps & { children: ReactNode };\n const resolvedRel = target === '_blank' ? [rel, 'noopener noreferrer'].filter(Boolean).join(' ') : rel;\n\n return (\n <chakra.a ref={ref} css={styles.link} href={href} rel={resolvedRel} target={target} {...rest}>\n {children}\n </chakra.a>\n );\n }\n\n const { children, onClick, ...rest } = props as ButtonItemProps & { children: ReactNode };\n\n return (\n <chakra.button ref={ref} css={styles.link} onClick={onClick} type=\"button\" {...rest}>\n {children}\n </chakra.button>\n );\n },\n);\n\nBitkitPageFooterItem.displayName = 'BitkitPageFooterItem';\n\nexport default withSubComponents(BitkitPageFooter, { Item: BitkitPageFooterItem });\n"],"mappings":";;;;;;;AAaA,IAAM,qBAA6C;CACjD,UAAU;CACV,OAAO;CACP,OAAO;CACP,MAAM;AACR;AAaA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,UAAU,~~aAAa~~,WAAW,QAAQ,MAAM,aAAa,SAAS,GAAG,SAAS;~~CAG1F~~,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;EAAE;~~EAAa~~;EAAM;CAAQ,CAAC;~~CAEpD~~,MAAM,wBAAO,IAAI,KAAK,GAAE,YAAY;CAEpC,MAAM,gBAAgB,mBAAmB,aAAa;CAEtD,OACE,qBAAC,KAAD;EAAK,IAAG;EAAc;EAAK,KAAK,OAAO;EAAM,GAAI;YAAjD;GACG,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;KAAW,YAAY;IAAgB,CAAA,GAC/D,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAc;IAAyB,CAAA,CACtD;;GAGd,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;IAAkB,CAAA,GAC9C,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB;MAAwC;MAAG;MAAK;KAA0B;MAChE;;GAEX,YAAY,oBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAQ;GAAqB,CAAA;EAC/D;;AAET,CAAC;AAED,iBAAiB,cAAc;AAmB/B,IAAM,uBAAuB,YAC1B,OAAO,QAAQ;CAEd,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;CAEtB,IAAI,UAAU,SAAS,MAAM,MAAM;EACjC,MAAM,EAAE,UAAU,MAAM,QAAQ,KAAK,GAAG,SAAS;EACjD,MAAM,cAAc,WAAW,WAAW,CAAC,KAAK,qBAAqB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAI;EAEnG,OACE,oBAAC,OAAO,GAAR;GAAe;GAAK,KAAK,OAAO;GAAY;GAAM,KAAK;GAAqB;GAAQ,GAAI;GACrF;EACO,CAAA;CAEd;CAEA,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,OACE,oBAAC,OAAO,QAAR;EAAoB;EAAK,KAAK,OAAO;EAAe;EAAS,MAAK;EAAS,GAAI;EAC5E;CACY,CAAA;AAEnB,CACF;AAEA,qBAAqB,cAAc;AAEnC,IAAA,2BAAe,kBAAkB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
1	+ {"version":3,"file":"BitkitPageFooter.js","names":[],"sources":["../../../lib/components/BitkitPageFooter/BitkitPageFooter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport {\n type ComponentPropsWithoutRef,\n forwardRef,\n type HTMLAttributeAnchorTarget,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport IconBitbot from '../../icons/IconBitbot';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst SEVERITY_COLOR_MAP: Record<string, string> = {\n critical: 'color/red/bold',\n major: 'color/orange/bold',\n minor: 'color/yellow/muted',\n none: 'color/green/bold',\n};\n\n// --- BitkitPageFooter (Root) ---\n\nexport interface BitkitPageFooterProps extends Omit<BoxProps, 'colorVariant'> {\n children?: ReactNode;\n colorVariant?: 'gray' \| 'white';\n severity?: 'none' \| 'minor' \| 'major' \| 'critical' \| (string & {});\n size?: 'compact' \| 'default';\n statusLabel?: string;\n variant?: 'default' \| 'public';\n}\n\nconst BitkitPageFooter = forwardRef<HTMLDivElement, BitkitPageFooterProps>((props, ref) => {\n const { children, colorVariant, severity = 'none', size, statusLabel, variant, ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'pageFooter' });\n const styles = recipe({ colorVariant, size, variant });\n\n const year = new Date().getFullYear();\n\n const severityColor = SEVERITY_COLOR_MAP[severity] ?? 'color/neutral/bold';\n\n return (\n <Box as=\"footer\" ref={ref} css={styles.root} {...rest}>\n {statusLabel && (\n <chakra.div css={styles.status}>\n <chakra.div css={styles.statusDot} background={severityColor} />\n <chakra.span css={styles.statusLabel}>{statusLabel}</chakra.span>\n </chakra.div>\n )}\n\n <chakra.div css={styles.copyright}>\n <IconBitbot size=\"24\" color=\"icon/secondary\" />\n <chakra.span css={styles.copyrightText}>© {year} Bitrise Ltd.</chakra.span>\n </chakra.div>\n\n {children && <chakra.nav css={styles.links}>{children}</chakra.nav>}\n </Box>\n );\n});\n\nBitkitPageFooter.displayName = 'BitkitPageFooter';\n\n// --- BitkitPageFooterItem ---\n\ntype LinkItemProps = {\n href: string;\n rel?: string;\n target?: HTMLAttributeAnchorTarget;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' \| 'target' \| 'rel'>;\n\ntype ButtonItemProps = {\n href?: never;\n onClick: MouseEventHandler<HTMLButtonElement>;\n} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;\n\nexport type BitkitPageFooterItemProps = (LinkItemProps \| ButtonItemProps) & {\n children: ReactNode;\n};\n\nconst BitkitPageFooterItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitPageFooterItemProps>(\n (props, ref) => {\n const recipe = useSlotRecipe({ key: 'pageFooter' });\n const styles = recipe();\n\n if ('href' in props && props.href) {\n const { children, href, target, rel, ...rest } = props as LinkItemProps & { children: ReactNode };\n const resolvedRel = target === '_blank' ? [rel, 'noopener noreferrer'].filter(Boolean).join(' ') : rel;\n\n return (\n <chakra.a ref={ref} css={styles.link} href={href} rel={resolvedRel} target={target} {...rest}>\n {children}\n </chakra.a>\n );\n }\n\n const { children, onClick, ...rest } = props as ButtonItemProps & { children: ReactNode };\n\n return (\n <chakra.button ref={ref} css={styles.link} onClick={onClick} type=\"button\" {...rest}>\n {children}\n </chakra.button>\n );\n },\n);\n\nBitkitPageFooterItem.displayName = 'BitkitPageFooterItem';\n\nexport default withSubComponents(BitkitPageFooter, { Item: BitkitPageFooterItem });\n"],"mappings":";;;;;;;AAaA,IAAM,qBAA6C;CACjD,UAAU;CACV,OAAO;CACP,OAAO;CACP,MAAM;AACR;AAaA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,UAAU,cAAc,WAAW,QAAQ,MAAM,aAAa,SAAS,GAAG,SAAS;CAG3F,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;EAAE;EAAc;EAAM;CAAQ,CAAC;CAErD,MAAM,wBAAO,IAAI,KAAK,GAAE,YAAY;CAEpC,MAAM,gBAAgB,mBAAmB,aAAa;CAEtD,OACE,qBAAC,KAAD;EAAK,IAAG;EAAc;EAAK,KAAK,OAAO;EAAM,GAAI;YAAjD;GACG,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;KAAW,YAAY;IAAgB,CAAA,GAC/D,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAc;IAAyB,CAAA,CACtD;;GAGd,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;IAAkB,CAAA,GAC9C,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB;MAAwC;MAAG;MAAK;KAA0B;MAChE;;GAEX,YAAY,oBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAQ;GAAqB,CAAA;EAC/D;;AAET,CAAC;AAED,iBAAiB,cAAc;AAmB/B,IAAM,uBAAuB,YAC1B,OAAO,QAAQ;CAEd,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;CAEtB,IAAI,UAAU,SAAS,MAAM,MAAM;EACjC,MAAM,EAAE,UAAU,MAAM,QAAQ,KAAK,GAAG,SAAS;EACjD,MAAM,cAAc,WAAW,WAAW,CAAC,KAAK,qBAAqB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAI;EAEnG,OACE,oBAAC,OAAO,GAAR;GAAe;GAAK,KAAK,OAAO;GAAY;GAAM,KAAK;GAAqB;GAAQ,GAAI;GACrF;EACO,CAAA;CAEd;CAEA,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,OACE,oBAAC,OAAO,QAAR;EAAoB;EAAK,KAAK,OAAO;EAAe;EAAS,MAAK;EAAS,GAAI;EAC5E;CACY,CAAA;AAEnB,CACF;AAEA,qBAAqB,cAAc;AAEnC,IAAA,2BAAe,kBAAkB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/BitkitRadio/BitkitRadio.js CHANGED Viewed

@@ -23,7 +23,7 @@ var BitkitRadio = forwardRef((props, ref) => {
 			!!badge && /* @__PURE__ */ jsx(Skeleton, {
 				loading: state === "skeleton",
 				children: /* @__PURE__ */ jsx(BitkitBadge, {
-					colorPalette: badge === "on" ? "green" : "neutral",
+					colorVariant: badge === "on" ? "green" : "neutral",
 					width: "40",
 					children: badge
 				})

package/dist/components/BitkitRadio/BitkitRadio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n badge?: 'off' \| 'on';\n helperText?: ReactNode;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n labelText: ReactNode;\n state?: 'disabled' \| 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n return (\n <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n <RadioGroup.ItemIndicator />\n </Skeleton>\n {!!badge && (\n <Skeleton loading={state === 'skeleton'}>\n <BitkitBadge ~~colorPalette~~={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n {badge}\n </BitkitBadge>\n </Skeleton>\n )}\n <Skeleton loading={state === 'skeleton'}>\n <RadioGroup.ItemText as=\"div\">\n {labelText}\n {!!helperText && (\n <Text color=\"text/helper\" textStyle=\"comp/input/helperText\">\n {helperText}\n </Text>\n )}\n </RadioGroup.ItemText>\n </Skeleton>\n </RadioGroup.Item>\n );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAM;MAAc,WAAU;gBACjC;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}
1	+ {"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n badge?: 'off' \| 'on';\n helperText?: ReactNode;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n labelText: ReactNode;\n state?: 'disabled' \| 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n return (\n <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n <RadioGroup.ItemIndicator />\n </Skeleton>\n {!!badge && (\n <Skeleton loading={state === 'skeleton'}>\n <BitkitBadge colorVariant={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n {badge}\n </BitkitBadge>\n </Skeleton>\n )}\n <Skeleton loading={state === 'skeleton'}>\n <RadioGroup.ItemText as=\"div\">\n {labelText}\n {!!helperText && (\n <Text color=\"text/helper\" textStyle=\"comp/input/helperText\">\n {helperText}\n </Text>\n )}\n </RadioGroup.ItemText>\n </Skeleton>\n </RadioGroup.Item>\n );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAM;MAAc,WAAU;gBACjC;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}

package/dist/components/BitkitRibbon/BitkitRibbon.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export type RibbonLinkProps = {
 };
 export interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {
     action?: RibbonActionProps;
-    colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';
+    colorVariant?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';
     link?: RibbonLinkProps;
     onDismiss?: () => void;
     title?: string;

package/dist/components/BitkitRibbon/BitkitRibbon.js CHANGED Viewed

@@ -7,12 +7,11 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitRibbon/BitkitRibbon.tsx
 var BitkitRibbon = forwardRef((props, ref) => {
-	const { action, children, colorPalette = "blue", link, onDismiss, title, ...rest } = props;
-	const styles = useSlotRecipe({ key: "ribbon" })({});
+	const { action, children, colorVariant = "blue", link, onDismiss, title, ...rest } = props;
+	const styles = useSlotRecipe({ key: "ribbon" })({ colorVariant });
 	return /* @__PURE__ */ jsxs(Box, {
 		ref,
 		css: styles.root,
-		colorPalette,
 		...rest,
 		children: [/* @__PURE__ */ jsxs(chakra.div, {
 			css: styles.content,
@@ -22,7 +21,6 @@ var BitkitRibbon = forwardRef((props, ref) => {
 					title && /* @__PURE__ */ jsx(chakra.strong, { children: title }),
 					/* @__PURE__ */ jsx(chakra.span, { children }),
 					link && /* @__PURE__ */ jsx(BitkitLink, {
-						colorPalette,
 						href: link.href,
 						target: link.target,
 						textDecoration: "underline",
@@ -31,7 +29,7 @@ var BitkitRibbon = forwardRef((props, ref) => {
 				]
 			}), action && /* @__PURE__ */ jsx(BitkitColorButton, {
 				as: action.href ? "a" : "button",
-				colorPalette,
+				colorVariant,
 				...action.href && {
 					href: action.href,
 					target: action.target
@@ -40,7 +38,7 @@ var BitkitRibbon = forwardRef((props, ref) => {
 				children: action.label
 			})]
 		}), onDismiss && /* @__PURE__ */ jsx(BitkitCloseButton, {
-			colorPalette,
+			colorVariant,
 			flexShrink: "0",
 			size: "sm",
 			onClick: onDismiss

package/dist/components/BitkitRibbon/BitkitRibbon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitRibbon.js","names":[],"sources":["../../../lib/components/BitkitRibbon/BitkitRibbon.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport BitkitLink from '../BitkitLink/BitkitLink';\n\nexport type RibbonActionProps = {\n href?: string;\n label: string;\n onClick?: () => void;\n target?: HTMLAnchorElement['target'];\n};\n\nexport type RibbonLinkProps = {\n href?: string;\n label: string;\n target?: HTMLAnchorElement['target'];\n};\n\nexport interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {\n action?: RibbonActionProps;\n ~~colorPalette~~?: 'blue' \| 'green' \| 'purple' \| 'red' \| 'yellow';\n link?: RibbonLinkProps;\n onDismiss?: () => void;\n title?: string;\n}\n\nconst BitkitRibbon = forwardRef<HTMLDivElement, BitkitRibbonProps>((props, ref) => {\n const { action, children, ~~colorPalette~~ = 'blue', link, onDismiss, title, ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'ribbon' });\n const styles = recipe({});\n\n return (\n <Box ref={ref} css={styles.root} ~~colorPalette=~~{~~colorPalette} {~~...rest}>\n <chakra.div css={styles.content}>\n <chakra.div css={styles.textBlock}>\n {title && <chakra.strong>{title}</chakra.strong>}\n <chakra.span>{children}</chakra.span>\n {link && (\n <BitkitLink ~~colorPalette={colorPalette}~~ href={link.href} target={link.target} textDecoration=\"underline\">\n {link.label}\n </BitkitLink>\n )}\n </chakra.div>\n {action && (\n <BitkitColorButton\n as={action.href ? 'a' : 'button'}\n ~~colorPalette~~={~~colorPalette~~}\n {...(action.href && { href: action.href, target: action.target })}\n onClick={action.onClick}\n >\n {action.label}\n </BitkitColorButton>\n )}\n </chakra.div>\n {onDismiss && <BitkitCloseButton ~~colorPalette~~={~~colorPalette~~} flexShrink=\"0\" size=\"sm\" onClick={onDismiss} />}\n </Box>\n );\n});\n\nBitkitRibbon.displayName = 'BitkitRibbon';\n\nexport default BitkitRibbon;\n"],"mappings":";;;;;;;;AA6BA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EAAE,QAAQ,UAAU,eAAe,QAAQ,MAAM,WAAW,OAAO,GAAG,SAAS;CAGrF,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,~~CAAC~~,CAAC;~~CAExB~~,OACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;~~EAAoB;EAAc~~,GAAI;~~YAAjE~~,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB;KACG,SAAS,oBAAC,OAAO,QAAR,EAAA,UAAgB,MAAqB,CAAA;KAC/C,oBAAC,OAAO,MAAR,EAAc,SAAsB,CAAA;KACnC,QACC,oBAAC,YAAD;~~MAA0B;MAAc~~,MAAM,KAAK;MAAM,QAAQ,KAAK;MAAQ,gBAAe;~~gBAC1F~~,KAAK;KACI,CAAA;IAEJ;OACX,UACC,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACV;IACd,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;IAAO;IAC/D,SAAS,OAAO;cAEf,OAAO;GACS,CAAA,CAEX;MACX,aAAa,oBAAC,mBAAD;GAAiC;GAAc,YAAW;GAAI,MAAK;GAAK,SAAS;EAAY,CAAA,CACxG;;AAET,CAAC;AAED,aAAa,cAAc"}
1	+ {"version":3,"file":"BitkitRibbon.js","names":[],"sources":["../../../lib/components/BitkitRibbon/BitkitRibbon.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport BitkitLink from '../BitkitLink/BitkitLink';\n\nexport type RibbonActionProps = {\n href?: string;\n label: string;\n onClick?: () => void;\n target?: HTMLAnchorElement['target'];\n};\n\nexport type RibbonLinkProps = {\n href?: string;\n label: string;\n target?: HTMLAnchorElement['target'];\n};\n\nexport interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {\n action?: RibbonActionProps;\n colorVariant?: 'blue' \| 'green' \| 'purple' \| 'red' \| 'yellow';\n link?: RibbonLinkProps;\n onDismiss?: () => void;\n title?: string;\n}\n\nconst BitkitRibbon = forwardRef<HTMLDivElement, BitkitRibbonProps>((props, ref) => {\n const { action, children, colorVariant = 'blue', link, onDismiss, title, ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'ribbon' });\n const styles = recipe({ colorVariant });\n\n return (\n <Box ref={ref} css={styles.root} {...rest}>\n <chakra.div css={styles.content}>\n <chakra.div css={styles.textBlock}>\n {title && <chakra.strong>{title}</chakra.strong>}\n <chakra.span>{children}</chakra.span>\n {link && (\n <BitkitLink href={link.href} target={link.target} textDecoration=\"underline\">\n {link.label}\n </BitkitLink>\n )}\n </chakra.div>\n {action && (\n <BitkitColorButton\n as={action.href ? 'a' : 'button'}\n colorVariant={colorVariant}\n {...(action.href && { href: action.href, target: action.target })}\n onClick={action.onClick}\n >\n {action.label}\n </BitkitColorButton>\n )}\n </chakra.div>\n {onDismiss && <BitkitCloseButton colorVariant={colorVariant} flexShrink=\"0\" size=\"sm\" onClick={onDismiss} />}\n </Box>\n );\n});\n\nBitkitRibbon.displayName = 'BitkitRibbon';\n\nexport default BitkitRibbon;\n"],"mappings":";;;;;;;;AA6BA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EAAE,QAAQ,UAAU,eAAe,QAAQ,MAAM,WAAW,OAAO,GAAG,SAAS;CAGrF,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,EAAE,aAAa,CAAC;CAEtC,OACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB;KACG,SAAS,oBAAC,OAAO,QAAR,EAAA,UAAgB,MAAqB,CAAA;KAC/C,oBAAC,OAAO,MAAR,EAAc,SAAsB,CAAA;KACnC,QACC,oBAAC,YAAD;MAAY,MAAM,KAAK;MAAM,QAAQ,KAAK;MAAQ,gBAAe;gBAC9D,KAAK;KACI,CAAA;IAEJ;OACX,UACC,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACV;IACd,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;IAAO;IAC/D,SAAS,OAAO;cAEf,OAAO;GACS,CAAA,CAEX;MACX,aAAa,oBAAC,mBAAD;GAAiC;GAAc,YAAW;GAAI,MAAK;GAAK,SAAS;EAAY,CAAA,CACxG;;AAET,CAAC;AAED,aAAa,cAAc"}

package/dist/components/BitkitSearchInput/BitkitSearchInput.js CHANGED Viewed

@@ -15,7 +15,7 @@ var BitkitSearchInput = forwardRef((props, ref) => {
 		endElement: /* @__PURE__ */ jsx(BitkitCloseButton, {
 			"aria-label": "Clear",
 			size: closeIconSize,
-			colorPalette: "neutral",
+			colorVariant: "neutral",
 			marginInlineEnd: "4",
 			visibility: isDirty ? "visible" : "hidden",
 			onClick: () => onChange?.("")

package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputGroup, type InputGroupProps } from '@chakra-ui/react/input-group';\nimport { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport type BitkitSearchInputProps = Pick<InputProps, 'value' \| 'placeholder'> &\n Omit<InputGroupProps, 'size' \| 'variant' \| 'children' \| 'onChange'> & {\n size?: 'md' \| 'lg';\n onChange?: (value: string) => void;\n };\n\nconst BitkitSearchInput = forwardRef<HTMLInputElement, BitkitSearchInputProps>((props, ref) => {\n const { size = 'lg', onChange, value, placeholder, ...rest } = props;\n\n const isDirty = Boolean(value);\n const iconSize = size === 'lg' ? '24' : '16';\n const closeIconSize = size === 'lg' ? 'md' : 'sm';\n\n return (\n <InputGroup\n {...rest}\n endElement={\n <BitkitCloseButton\n aria-label=\"Clear\"\n size={closeIconSize}\n ~~colorPalette~~=\"neutral\"\n marginInlineEnd=\"4\"\n visibility={isDirty ? 'visible' : 'hidden'}\n onClick={() => onChange?.('')}\n />\n }\n startElement={<IconMagnifier color=\"icon/tertiary\" marginInline=\"12\" size={iconSize} />}\n startOffset={size === 'md' ? '4px' : '0px'}\n >\n <Input\n ref={ref}\n size={size}\n value={value}\n placeholder={placeholder}\n onChange={(e) => onChange?.(e.target.value)}\n />\n </InputGroup>\n );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;;AAaA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,UAAU,OAAO,aAAa,GAAG,SAAS;CAE/D,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,gBAAgB,SAAS,OAAO,OAAO;CAE7C,OACE,oBAAC,YAAD;EACE,GAAI;EACJ,YACE,oBAAC,mBAAD;GACE,cAAW;GACX,MAAM;GACN,cAAa;GACb,iBAAgB;GAChB,YAAY,UAAU,YAAY;GAClC,eAAe,WAAW,EAAE;EAC7B,CAAA;EAEH,cAAc,oBAAC,eAAD;GAAe,OAAM;GAAgB,cAAa;GAAK,MAAM;EAAW,CAAA;EACtF,aAAa,SAAS,OAAO,QAAQ;YAErC,oBAAC,OAAD;GACO;GACC;GACC;GACM;GACb,WAAW,MAAM,WAAW,EAAE,OAAO,KAAK;EAC3C,CAAA;CACS,CAAA;AAEhB,CAAC;AAED,kBAAkB,cAAc"}
1	+ {"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputGroup, type InputGroupProps } from '@chakra-ui/react/input-group';\nimport { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport type BitkitSearchInputProps = Pick<InputProps, 'value' \| 'placeholder'> &\n Omit<InputGroupProps, 'size' \| 'variant' \| 'children' \| 'onChange'> & {\n size?: 'md' \| 'lg';\n onChange?: (value: string) => void;\n };\n\nconst BitkitSearchInput = forwardRef<HTMLInputElement, BitkitSearchInputProps>((props, ref) => {\n const { size = 'lg', onChange, value, placeholder, ...rest } = props;\n\n const isDirty = Boolean(value);\n const iconSize = size === 'lg' ? '24' : '16';\n const closeIconSize = size === 'lg' ? 'md' : 'sm';\n\n return (\n <InputGroup\n {...rest}\n endElement={\n <BitkitCloseButton\n aria-label=\"Clear\"\n size={closeIconSize}\n colorVariant=\"neutral\"\n marginInlineEnd=\"4\"\n visibility={isDirty ? 'visible' : 'hidden'}\n onClick={() => onChange?.('')}\n />\n }\n startElement={<IconMagnifier color=\"icon/tertiary\" marginInline=\"12\" size={iconSize} />}\n startOffset={size === 'md' ? '4px' : '0px'}\n >\n <Input\n ref={ref}\n size={size}\n value={value}\n placeholder={placeholder}\n onChange={(e) => onChange?.(e.target.value)}\n />\n </InputGroup>\n );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;;AAaA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,UAAU,OAAO,aAAa,GAAG,SAAS;CAE/D,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,gBAAgB,SAAS,OAAO,OAAO;CAE7C,OACE,oBAAC,YAAD;EACE,GAAI;EACJ,YACE,oBAAC,mBAAD;GACE,cAAW;GACX,MAAM;GACN,cAAa;GACb,iBAAgB;GAChB,YAAY,UAAU,YAAY;GAClC,eAAe,WAAW,EAAE;EAC7B,CAAA;EAEH,cAAc,oBAAC,eAAD;GAAe,OAAM;GAAgB,cAAa;GAAK,MAAM;EAAW,CAAA;EACtF,aAAa,SAAS,OAAO,QAAQ;YAErC,oBAAC,OAAD;GACO;GACC;GACC;GACM;GACb,WAAW,MAAM,WAAW,EAAE,OAAO,KAAK;EAC3C,CAAA;CACS,CAAA;AAEhB,CAAC;AAED,kBAAkB,cAAc"}

package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.js CHANGED Viewed

@@ -5,12 +5,12 @@ import { useSwitchContext } from "@chakra-ui/react/switch";
 var BitkitSwitchReadOnly = ({ state, children }) => {
 	const { checked } = useSwitchContext();
 	if (state === "readOnly" && checked) return /* @__PURE__ */ jsx(BitkitBadge, {
-		colorPalette: "green",
+		colorVariant: "green",
 		variant: "subtle",
 		children: "ON"
 	});
 	if (state === "readOnly" && !checked) return /* @__PURE__ */ jsx(BitkitBadge, {
-		colorPalette: "neutral",
+		colorVariant: "neutral",
 		variant: "subtle",
 		children: "OFF"
 	});

package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitSwitchReadOnly.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchReadOnly.tsx"],"sourcesContent":["import { useSwitchContext } from '@chakra-ui/react/switch';\n\nimport BitkitBadge from '../../BitkitBadge/BitkitBadge';\nimport { type BitkitSwitchProps } from '../BitkitSwitch.types';\n\ntype Props = Pick<BitkitSwitchProps, 'state' \| 'children'>;\n\nconst BitkitSwitchReadOnly = ({ state, children }: Props) => {\n const { checked } = useSwitchContext();\n\n if (state === 'readOnly' && checked) {\n return (\n <BitkitBadge ~~colorPalette~~=\"green\" variant=\"subtle\">\n ON\n </BitkitBadge>\n );\n }\n\n if (state === 'readOnly' && !checked) {\n return (\n <BitkitBadge ~~colorPalette~~=\"neutral\" variant=\"subtle\">\n OFF\n </BitkitBadge>\n );\n }\n\n return children;\n};\n\nexport default BitkitSwitchReadOnly;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,EAAE,OAAO,eAAsB;CAC3D,MAAM,EAAE,YAAY,iBAAiB;CAErC,IAAI,UAAU,cAAc,SAC1B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAQ,SAAQ;YAAS;CAEtC,CAAA;CAIjB,IAAI,UAAU,cAAc,CAAC,SAC3B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAU,SAAQ;YAAS;CAExC,CAAA;CAIjB,OAAO;AACT"}
1	+ {"version":3,"file":"BitkitSwitchReadOnly.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchReadOnly.tsx"],"sourcesContent":["import { useSwitchContext } from '@chakra-ui/react/switch';\n\nimport BitkitBadge from '../../BitkitBadge/BitkitBadge';\nimport { type BitkitSwitchProps } from '../BitkitSwitch.types';\n\ntype Props = Pick<BitkitSwitchProps, 'state' \| 'children'>;\n\nconst BitkitSwitchReadOnly = ({ state, children }: Props) => {\n const { checked } = useSwitchContext();\n\n if (state === 'readOnly' && checked) {\n return (\n <BitkitBadge colorVariant=\"green\" variant=\"subtle\">\n ON\n </BitkitBadge>\n );\n }\n\n if (state === 'readOnly' && !checked) {\n return (\n <BitkitBadge colorVariant=\"neutral\" variant=\"subtle\">\n OFF\n </BitkitBadge>\n );\n }\n\n return children;\n};\n\nexport default BitkitSwitchReadOnly;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,EAAE,OAAO,eAAsB;CAC3D,MAAM,EAAE,YAAY,iBAAiB;CAErC,IAAI,UAAU,cAAc,SAC1B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAQ,SAAQ;YAAS;CAEtC,CAAA;CAIjB,IAAI,UAAU,cAAc,CAAC,SAC3B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAU,SAAQ;YAAS;CAExC,CAAA;CAIjB,OAAO;AACT"}

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js CHANGED Viewed

@@ -34,7 +34,7 @@ var SortIcon = forwardRef((props, ref) => {
 		ref,
 		asChild: true,
 		css: {
-			"--sort-icon-inactive": "colors.icon.disabled",
+			"--sort-icon-inactive": "colors.icon/disabled",
 			color: "icon/primary",
 			display: "inline-block",
 			verticalAlign: "middle"

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitSortableColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitSortableColumnHeader.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type Ref } from 'react';\n\ntype SortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' \| 'onClick'> {\n direction: SortDirection;\n onSort: () => void;\n}\n\nconst sortHeaderCss = {\n paddingBlock: 0,\n paddingInline: 0,\n};\n\nconst sortButtonCss = {\n alignItems: 'center',\n appearance: 'none' as const,\n background: 'none',\n border: 'none',\n color: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n font: 'inherit',\n gap: '4',\n height: '100%',\n paddingBlock: '12',\n paddingInline: '16',\n userSelect: 'none' as const,\n _focusVisible: {\n outlineOffset: '-3px',\n },\n width: '100%',\n _hover: { backgroundColor: 'background/active' },\n};\n\nconst SortIcon = forwardRef((props: IconProps & { direction: SortDirection }, ref: Ref<SVGSVGElement>) => {\n const { direction, ...rest } = props;\n const upFill = direction === 'ascending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n const downFill = direction === 'descending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n\n return (\n <Icon\n ref={ref}\n asChild\n css={{\n '--sort-icon-inactive': 'colors.icon.disabled',\n color: 'icon/primary',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n {...rest}\n >\n <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z\"\n fill={upFill}\n />\n <path\n d=\"M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z\"\n fill={downFill}\n />\n </svg>\n </Icon>\n );\n});\n\nSortIcon.displayName = 'SortIcon';\n\nconst BitkitSortableColumnHeader = forwardRef<HTMLTableCellElement, BitkitSortableColumnHeaderProps>(\n ({ children, direction, onSort, textAlign, ...rest }, ref) => (\n <Table.ColumnHeader\n ref={ref}\n aria-sort={direction === 'none' ? undefined : direction}\n css={sortHeaderCss}\n {...rest}\n >\n <chakra.button\n css={sortButtonCss}\n justifyContent={textAlign === 'end' ? 'flex-end' : undefined}\n onClick={onSort}\n type=\"button\"\n >\n {children} <SortIcon direction={direction} />\n </chakra.button>\n </Table.ColumnHeader>\n ),\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,gBAAgB;CACpB,cAAc;CACd,eAAe;AACjB;AAEA,IAAM,gBAAgB;CACpB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,QAAQ;CACR,cAAc;CACd,eAAe;CACf,YAAY;CACZ,eAAe,EACb,eAAe,OACjB;CACA,OAAO;CACP,QAAQ,EAAE,iBAAiB,oBAAoB;AACjD;AAEA,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;CAE/D,OACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;EACjB;EACA,GAAI;YAEJ,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;aAAlE,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,CACE;;CACD,CAAA;AAEV,CAAC;AAED,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QACpD,oBAAC,MAAM,cAAP;CACO;CACL,aAAW,cAAc,SAAS,KAAA,IAAY;CAC9C,KAAK;CACL,GAAI;WAEJ,qBAAC,OAAO,QAAR;EACE,KAAK;EACL,gBAAgB,cAAc,QAAQ,aAAa,KAAA;EACnD,SAAS;EACT,MAAK;YAJP;GAMG;GAAS;GAAC,oBAAC,UAAD,EAAqB,UAAY,CAAA;EAC/B;;AACG,CAAA,CAExB;AAEA,2BAA2B,cAAc"}
1	+ {"version":3,"file":"BitkitSortableColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitSortableColumnHeader.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type Ref } from 'react';\n\ntype SortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' \| 'onClick'> {\n direction: SortDirection;\n onSort: () => void;\n}\n\nconst sortHeaderCss = {\n paddingBlock: 0,\n paddingInline: 0,\n};\n\nconst sortButtonCss = {\n alignItems: 'center',\n appearance: 'none' as const,\n background: 'none',\n border: 'none',\n color: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n font: 'inherit',\n gap: '4',\n height: '100%',\n paddingBlock: '12',\n paddingInline: '16',\n userSelect: 'none' as const,\n _focusVisible: {\n outlineOffset: '-3px',\n },\n width: '100%',\n _hover: { backgroundColor: 'background/active' },\n};\n\nconst SortIcon = forwardRef((props: IconProps & { direction: SortDirection }, ref: Ref<SVGSVGElement>) => {\n const { direction, ...rest } = props;\n const upFill = direction === 'ascending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n const downFill = direction === 'descending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n\n return (\n <Icon\n ref={ref}\n asChild\n css={{\n '--sort-icon-inactive': 'colors.icon/disabled',\n color: 'icon/primary',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n {...rest}\n >\n <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z\"\n fill={upFill}\n />\n <path\n d=\"M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z\"\n fill={downFill}\n />\n </svg>\n </Icon>\n );\n});\n\nSortIcon.displayName = 'SortIcon';\n\nconst BitkitSortableColumnHeader = forwardRef<HTMLTableCellElement, BitkitSortableColumnHeaderProps>(\n ({ children, direction, onSort, textAlign, ...rest }, ref) => (\n <Table.ColumnHeader\n ref={ref}\n aria-sort={direction === 'none' ? undefined : direction}\n css={sortHeaderCss}\n {...rest}\n >\n <chakra.button\n css={sortButtonCss}\n justifyContent={textAlign === 'end' ? 'flex-end' : undefined}\n onClick={onSort}\n type=\"button\"\n >\n {children} <SortIcon direction={direction} />\n </chakra.button>\n </Table.ColumnHeader>\n ),\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,gBAAgB;CACpB,cAAc;CACd,eAAe;AACjB;AAEA,IAAM,gBAAgB;CACpB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,QAAQ;CACR,cAAc;CACd,eAAe;CACf,YAAY;CACZ,eAAe,EACb,eAAe,OACjB;CACA,OAAO;CACP,QAAQ,EAAE,iBAAiB,oBAAoB;AACjD;AAEA,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;CAE/D,OACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;EACjB;EACA,GAAI;YAEJ,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;aAAlE,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,CACE;;CACD,CAAA;AAEV,CAAC;AAED,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QACpD,oBAAC,MAAM,cAAP;CACO;CACL,aAAW,cAAc,SAAS,KAAA,IAAY;CAC9C,KAAK;CACL,GAAI;WAEJ,qBAAC,OAAO,QAAR;EACE,KAAK;EACL,gBAAgB,cAAc,QAAQ,aAAa,KAAA;EACnD,SAAS;EACT,MAAK;YAJP;GAMG;GAAS;GAAC,oBAAC,UAAD,EAAqB,UAAY,CAAA;EAC/B;;AACG,CAAA,CAExB;AAEA,2BAA2B,cAAc"}

package/dist/components/BitkitTag/BitkitTag.js CHANGED Viewed

@@ -28,7 +28,7 @@ var BitkitTag = (props) => {
 					disabled: isDisabled || isSkeleton,
 					size: "xs",
 					"aria-label": "Remove",
-					colorPalette: rest.colorPalette,
+					colorVariant: rest.colorVariant,
 					onClick: onRemove
 				})
 			})

package/dist/components/BitkitTag/BitkitTag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitTag.js","names":[],"sources":["../../../lib/components/BitkitTag/BitkitTag.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Tag, type TagRootProps } from '@chakra-ui/react/tag';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitTagProps extends TagRootProps {\n icon?: BitkitIconComponent;\n labelText: string;\n onRemove?: () => void;\n state?: 'disabled' \| 'skeleton';\n}\n\nconst BitkitTag = (props: BitkitTagProps) => {\n const { labelText, icon: Icon, onRemove, state, ...rest } = props;\n const isSkeleton = state === 'skeleton';\n const isDisabled = !!rest.disabled \|\| state === 'disabled';\n return (\n <Tag.Root {...rest} disabled={isDisabled}>\n {!!Icon && (\n <Tag.StartElement asChild>\n <Icon size=\"16\" />\n </Tag.StartElement>\n )}\n <Skeleton loading={isSkeleton} height={isSkeleton ? '8' : undefined} overflow=\"hidden\" borderRadius=\"0\">\n <Tag.Label>{labelText}</Tag.Label>\n </Skeleton>\n {!!onRemove && (\n <Tag.EndElement asChild>\n <BitkitCloseButton\n disabled={isDisabled \|\| isSkeleton}\n size=\"xs\"\n aria-label=\"Remove\"\n ~~colorPalette~~={rest.~~colorPalette~~}\n onClick={onRemove}\n />\n </Tag.EndElement>\n )}\n </Tag.Root>\n );\n};\n\nexport default BitkitTag;\n"],"mappings":";;;;;AAaA,IAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,GAAG,SAAS;CAC5D,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU;CAChD,OACE,qBAAC,IAAI,MAAL;EAAU,GAAI;EAAM,UAAU;YAA9B;GACG,CAAC,CAAC,QACD,oBAAC,IAAI,cAAL;IAAkB,SAAA;cAChB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACD,CAAA;GAEpB,oBAAC,UAAD;IAAU,SAAS;IAAY,QAAQ,aAAa,MAAM,KAAA;IAAW,UAAS;IAAS,cAAa;cAClG,oBAAC,IAAI,OAAL,EAAA,UAAY,UAAqB,CAAA;GACzB,CAAA;GACT,CAAC,CAAC,YACD,oBAAC,IAAI,YAAL;IAAgB,SAAA;cACd,oBAAC,mBAAD;KACE,UAAU,cAAc;KACxB,MAAK;KACL,cAAW;KACX,cAAc,KAAK;KACnB,SAAS;IACV,CAAA;GACa,CAAA;EAEV;;AAEd"}
1	+ {"version":3,"file":"BitkitTag.js","names":[],"sources":["../../../lib/components/BitkitTag/BitkitTag.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Tag, type TagRootProps } from '@chakra-ui/react/tag';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitTagProps extends TagRootProps {\n icon?: BitkitIconComponent;\n labelText: string;\n onRemove?: () => void;\n state?: 'disabled' \| 'skeleton';\n}\n\nconst BitkitTag = (props: BitkitTagProps) => {\n const { labelText, icon: Icon, onRemove, state, ...rest } = props;\n const isSkeleton = state === 'skeleton';\n const isDisabled = !!rest.disabled \|\| state === 'disabled';\n return (\n <Tag.Root {...rest} disabled={isDisabled}>\n {!!Icon && (\n <Tag.StartElement asChild>\n <Icon size=\"16\" />\n </Tag.StartElement>\n )}\n <Skeleton loading={isSkeleton} height={isSkeleton ? '8' : undefined} overflow=\"hidden\" borderRadius=\"0\">\n <Tag.Label>{labelText}</Tag.Label>\n </Skeleton>\n {!!onRemove && (\n <Tag.EndElement asChild>\n <BitkitCloseButton\n disabled={isDisabled \|\| isSkeleton}\n size=\"xs\"\n aria-label=\"Remove\"\n colorVariant={rest.colorVariant}\n onClick={onRemove}\n />\n </Tag.EndElement>\n )}\n </Tag.Root>\n );\n};\n\nexport default BitkitTag;\n"],"mappings":";;;;;AAaA,IAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,GAAG,SAAS;CAC5D,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU;CAChD,OACE,qBAAC,IAAI,MAAL;EAAU,GAAI;EAAM,UAAU;YAA9B;GACG,CAAC,CAAC,QACD,oBAAC,IAAI,cAAL;IAAkB,SAAA;cAChB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACD,CAAA;GAEpB,oBAAC,UAAD;IAAU,SAAS;IAAY,QAAQ,aAAa,MAAM,KAAA;IAAW,UAAS;IAAS,cAAa;cAClG,oBAAC,IAAI,OAAL,EAAA,UAAY,UAAqB,CAAA;GACzB,CAAA;GACT,CAAC,CAAC,YACD,oBAAC,IAAI,YAAL;IAAgB,SAAA;cACd,oBAAC,mBAAD;KACE,UAAU,cAAc;KACxB,MAAK;KACL,cAAW;KACX,cAAc,KAAK;KACnB,SAAS;IACV,CAAA;GACa,CAAA;EAEV;;AAEd"}

package/dist/components/BitkitToast/BitkitToaster.js CHANGED Viewed

@@ -27,7 +27,7 @@ var BitkitToaster = () => {
 							/* @__PURE__ */ jsx(Toast.Description, { children: toast.description }),
 							!!toast.meta?.action && /* @__PURE__ */ jsx(BitkitColorButton, {
 								as: toast.meta.action.href ? "a" : "button",
-								colorPalette: BUTTON_COLORS_MAP[variant],
+								colorVariant: BUTTON_COLORS_MAP[variant],
 								css: styles.actionTrigger,
 								...toast.meta.action.href && {
 									href: toast.meta.action.href,
@@ -45,7 +45,7 @@ var BitkitToaster = () => {
 					toast.closable && /* @__PURE__ */ jsx(Toast.CloseTrigger, {
 						asChild: true,
 						children: /* @__PURE__ */ jsx(BitkitCloseButton, {
-							colorPalette: BUTTON_COLORS_MAP[variant],
+							colorVariant: BUTTON_COLORS_MAP[variant],
 							size: "sm"
 						})
 					})

package/dist/components/BitkitToast/BitkitToaster.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitToaster.js","names":[],"sources":["../../../lib/components/BitkitToast/BitkitToaster.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { Toast, Toaster } from '@chakra-ui/react/toast';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from '../common/notificationMaps';\nimport { type BitkitToastVariant, toaster } from './BitkitToast';\n\nconst BitkitToaster = () => {\n const toastRecipe = useSlotRecipe({ key: 'toast' });\n\n return (\n <Toaster toaster={toaster}>\n {(toast) => {\n const variant = toast.type as BitkitToastVariant;\n const styles = toastRecipe({ variant });\n const IconComponent = ICON_COMPONENTS_MAP[variant];\n return (\n <Toast.Root variant={variant}>\n <IconComponent css={styles.icon} />\n <Box css={styles.content}>\n {!!toast.title && <Toast.Title>{toast.title}</Toast.Title>}\n <Toast.Description>{toast.description}</Toast.Description>\n {!!toast.meta?.action && (\n <BitkitColorButton\n as={toast.meta.action.href ? 'a' : 'button'}\n ~~colorPalette~~={BUTTON_COLORS_MAP[variant]}\n css={styles.actionTrigger}\n {...(toast.meta.action.href && {\n href: toast.meta.action.href,\n target: toast.meta.action.target,\n })}\n onClick={toast.meta.action.onClick}\n >\n {toast.meta.action.label}\n </BitkitColorButton>\n )}\n {!!toast.meta?.timestamp && <Text css={styles.timestamp}>{toast.meta.timestamp}</Text>}\n </Box>\n {toast.closable && (\n <Toast.CloseTrigger asChild>\n <BitkitCloseButton ~~colorPalette~~={BUTTON_COLORS_MAP[variant]} size=\"sm\" />\n </Toast.CloseTrigger>\n )}\n </Toast.Root>\n );\n }}\n </Toaster>\n );\n};\n\nexport default BitkitToaster;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,sBAAsB;CAC1B,MAAM,cAAc,cAAc,EAAE,KAAK,QAAQ,CAAC;CAElD,OACE,oBAAC,SAAD;EAAkB;aACd,UAAU;GACV,MAAM,UAAU,MAAM;GACtB,MAAM,SAAS,YAAY,EAAE,QAAQ,CAAC;GACtC,MAAM,gBAAgB,oBAAoB;GAC1C,OACE,qBAAC,MAAM,MAAP;IAAqB;cAArB;KACE,oBAAC,eAAD,EAAe,KAAK,OAAO,KAAO,CAAA;KAClC,qBAAC,KAAD;MAAK,KAAK,OAAO;gBAAjB;OACG,CAAC,CAAC,MAAM,SAAS,oBAAC,MAAM,OAAP,EAAA,UAAc,MAAM,MAAmB,CAAA;OACzD,oBAAC,MAAM,aAAP,EAAA,UAAoB,MAAM,YAA+B,CAAA;OACxD,CAAC,CAAC,MAAM,MAAM,UACb,oBAAC,mBAAD;QACE,IAAI,MAAM,KAAK,OAAO,OAAO,MAAM;QACnC,cAAc,kBAAkB;QAChC,KAAK,OAAO;QACZ,GAAK,MAAM,KAAK,OAAO,QAAQ;SAC7B,MAAM,MAAM,KAAK,OAAO;SACxB,QAAQ,MAAM,KAAK,OAAO;QAC5B;QACA,SAAS,MAAM,KAAK,OAAO;kBAE1B,MAAM,KAAK,OAAO;OACF,CAAA;OAEpB,CAAC,CAAC,MAAM,MAAM,aAAa,oBAAC,MAAD;QAAM,KAAK,OAAO;kBAAY,MAAM,KAAK;OAAgB,CAAA;MAClF;;KACJ,MAAM,YACL,oBAAC,MAAM,cAAP;MAAoB,SAAA;gBAClB,oBAAC,mBAAD;OAAmB,cAAc,kBAAkB;OAAU,MAAK;MAAM,CAAA;KACtD,CAAA;IAEZ;;EAEhB;CACO,CAAA;AAEb"}
1	+ {"version":3,"file":"BitkitToaster.js","names":[],"sources":["../../../lib/components/BitkitToast/BitkitToaster.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { Toast, Toaster } from '@chakra-ui/react/toast';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from '../common/notificationMaps';\nimport { type BitkitToastVariant, toaster } from './BitkitToast';\n\nconst BitkitToaster = () => {\n const toastRecipe = useSlotRecipe({ key: 'toast' });\n\n return (\n <Toaster toaster={toaster}>\n {(toast) => {\n const variant = toast.type as BitkitToastVariant;\n const styles = toastRecipe({ variant });\n const IconComponent = ICON_COMPONENTS_MAP[variant];\n return (\n <Toast.Root variant={variant}>\n <IconComponent css={styles.icon} />\n <Box css={styles.content}>\n {!!toast.title && <Toast.Title>{toast.title}</Toast.Title>}\n <Toast.Description>{toast.description}</Toast.Description>\n {!!toast.meta?.action && (\n <BitkitColorButton\n as={toast.meta.action.href ? 'a' : 'button'}\n colorVariant={BUTTON_COLORS_MAP[variant]}\n css={styles.actionTrigger}\n {...(toast.meta.action.href && {\n href: toast.meta.action.href,\n target: toast.meta.action.target,\n })}\n onClick={toast.meta.action.onClick}\n >\n {toast.meta.action.label}\n </BitkitColorButton>\n )}\n {!!toast.meta?.timestamp && <Text css={styles.timestamp}>{toast.meta.timestamp}</Text>}\n </Box>\n {toast.closable && (\n <Toast.CloseTrigger asChild>\n <BitkitCloseButton colorVariant={BUTTON_COLORS_MAP[variant]} size=\"sm\" />\n </Toast.CloseTrigger>\n )}\n </Toast.Root>\n );\n }}\n </Toaster>\n );\n};\n\nexport default BitkitToaster;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,sBAAsB;CAC1B,MAAM,cAAc,cAAc,EAAE,KAAK,QAAQ,CAAC;CAElD,OACE,oBAAC,SAAD;EAAkB;aACd,UAAU;GACV,MAAM,UAAU,MAAM;GACtB,MAAM,SAAS,YAAY,EAAE,QAAQ,CAAC;GACtC,MAAM,gBAAgB,oBAAoB;GAC1C,OACE,qBAAC,MAAM,MAAP;IAAqB;cAArB;KACE,oBAAC,eAAD,EAAe,KAAK,OAAO,KAAO,CAAA;KAClC,qBAAC,KAAD;MAAK,KAAK,OAAO;gBAAjB;OACG,CAAC,CAAC,MAAM,SAAS,oBAAC,MAAM,OAAP,EAAA,UAAc,MAAM,MAAmB,CAAA;OACzD,oBAAC,MAAM,aAAP,EAAA,UAAoB,MAAM,YAA+B,CAAA;OACxD,CAAC,CAAC,MAAM,MAAM,UACb,oBAAC,mBAAD;QACE,IAAI,MAAM,KAAK,OAAO,OAAO,MAAM;QACnC,cAAc,kBAAkB;QAChC,KAAK,OAAO;QACZ,GAAK,MAAM,KAAK,OAAO,QAAQ;SAC7B,MAAM,MAAM,KAAK,OAAO;SACxB,QAAQ,MAAM,KAAK,OAAO;QAC5B;QACA,SAAS,MAAM,KAAK,OAAO;kBAE1B,MAAM,KAAK,OAAO;OACF,CAAA;OAEpB,CAAC,CAAC,MAAM,MAAM,aAAa,oBAAC,MAAD;QAAM,KAAK,OAAO;kBAAY,MAAM,KAAK;OAAgB,CAAA;MAClF;;KACJ,MAAM,YACL,oBAAC,MAAM,cAAP;MAAoB,SAAA;gBAClB,oBAAC,mBAAD;OAAmB,cAAc,kBAAkB;OAAU,MAAK;MAAM,CAAA;KACtD,CAAA;IAEZ;;EAEhB;CACO,CAAA;AAEb"}

package/dist/components/BitkitTooltip/BitkitTooltip.js CHANGED Viewed

@@ -48,7 +48,7 @@ var BitkitTooltip = ({ button, children, closeOnClick, disabled, icon: Icon, lea
 					gap: "16",
 					marginBlockStart: "16",
 					children: [learnMoreUrl && /* @__PURE__ */ jsx(Link, {
-						color: "sys/purple/highlight",
+						color: "color/purple/highlight",
 						href: learnMoreUrl,
 						rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
 						target: learnMoreTarget,

package/dist/components/BitkitTooltip/BitkitTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode, type Ref, useRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n button?: BitkitColorButtonProps;\n children: ReactNode;\n closeOnClick?: TooltipRootProps['closeOnClick'];\n disabled?: TooltipRootProps['disabled'];\n icon?: BitkitIconComponent;\n learnMoreTarget?: HTMLAnchorElement['target'];\n learnMoreUrl?: string;\n onOpenChange?: TooltipRootProps['onOpenChange'];\n open?: TooltipRootProps['open'];\n openDelay?: TooltipRootProps['openDelay'];\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n};\n\nconst BitkitTooltip = ({\n button,\n children,\n closeOnClick,\n disabled,\n icon: Icon,\n learnMoreTarget,\n learnMoreUrl,\n onOpenChange,\n open,\n openDelay,\n placement = 'top',\n text,\n}: BitkitTooltipProps) => {\n const isInteractive = !!learnMoreUrl \|\| !!button;\n\n // Anchor positioning to the trigger node by ref rather than relying on Zag's\n // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n // trigger (e.g. Menu.Trigger), the outer trigger's id and data-scope/data-part\n // overwrite ours on the shared node, so `getTriggerEl()` can't find it and the\n // tooltip loses its anchor. `getAnchorElement` takes precedence over the id\n // lookup, so this is safe in the standalone case too.\n const triggerRef = useRef<HTMLElement>(null);\n\n return (\n <Tooltip.Root\n closeOnClick={closeOnClick}\n disabled={disabled}\n interactive={isInteractive \|\| undefined}\n onOpenChange={onOpenChange}\n open={open}\n openDelay={openDelay}\n paddingSize={isInteractive ? 'lg' : undefined}\n positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n >\n <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n {children}\n </Tooltip.Trigger>\n <Tooltip.Positioner>\n <Tooltip.Content maxWidth={rem(320)} css={isInteractive && { minWidth: rem(240) }}>\n <Tooltip.Arrow>\n <Tooltip.ArrowTip />\n </Tooltip.Arrow>\n <Box display=\"flex\" gap=\"8\">\n {text}\n {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n </Box>\n {isInteractive && (\n <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n {learnMoreUrl && (\n <Link\n color=\"~~sys~~/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n )}\n {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n </Box>\n )}\n </Tooltip.Content>\n </Tooltip.Positioner>\n </Tooltip.Root>\n );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,WACwB;CACxB,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAQ1C,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;YAR9G,CAUE,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD;EACc,CAAA,GACjB,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,GAAG;GAAG,KAAK,iBAAiB,EAAE,UAAU,IAAI,GAAG,EAAE;aAAhF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,CAAmB,CAAA,EACN,CAAA;IACf,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;KAAM,CAAA,CACtC;;IACJ,iBACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;eAAlE,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;gBACT;KAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,OAAO;MAAG,GAAI;KAAS,CAAA,CAC5E;;GAEQ;KACC,CAAA,CACR;;AAElB;AAEA,cAAc,cAAc"}
1	+ {"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode, type Ref, useRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n button?: BitkitColorButtonProps;\n children: ReactNode;\n closeOnClick?: TooltipRootProps['closeOnClick'];\n disabled?: TooltipRootProps['disabled'];\n icon?: BitkitIconComponent;\n learnMoreTarget?: HTMLAnchorElement['target'];\n learnMoreUrl?: string;\n onOpenChange?: TooltipRootProps['onOpenChange'];\n open?: TooltipRootProps['open'];\n openDelay?: TooltipRootProps['openDelay'];\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n text: string;\n};\n\nconst BitkitTooltip = ({\n button,\n children,\n closeOnClick,\n disabled,\n icon: Icon,\n learnMoreTarget,\n learnMoreUrl,\n onOpenChange,\n open,\n openDelay,\n placement = 'top',\n text,\n}: BitkitTooltipProps) => {\n const isInteractive = !!learnMoreUrl \|\| !!button;\n\n // Anchor positioning to the trigger node by ref rather than relying on Zag's\n // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n // trigger (e.g. Menu.Trigger), the outer trigger's id and data-scope/data-part\n // overwrite ours on the shared node, so `getTriggerEl()` can't find it and the\n // tooltip loses its anchor. `getAnchorElement` takes precedence over the id\n // lookup, so this is safe in the standalone case too.\n const triggerRef = useRef<HTMLElement>(null);\n\n return (\n <Tooltip.Root\n closeOnClick={closeOnClick}\n disabled={disabled}\n interactive={isInteractive \|\| undefined}\n onOpenChange={onOpenChange}\n open={open}\n openDelay={openDelay}\n paddingSize={isInteractive ? 'lg' : undefined}\n positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n >\n <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n {children}\n </Tooltip.Trigger>\n <Tooltip.Positioner>\n <Tooltip.Content maxWidth={rem(320)} css={isInteractive && { minWidth: rem(240) }}>\n <Tooltip.Arrow>\n <Tooltip.ArrowTip />\n </Tooltip.Arrow>\n <Box display=\"flex\" gap=\"8\">\n {text}\n {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n </Box>\n {isInteractive && (\n <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n {learnMoreUrl && (\n <Link\n color=\"color/purple/highlight\"\n href={learnMoreUrl}\n rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n target={learnMoreTarget}\n >\n Learn more\n </Link>\n )}\n {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n </Box>\n )}\n </Tooltip.Content>\n </Tooltip.Positioner>\n </Tooltip.Root>\n );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,WACwB;CACxB,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAQ1C,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;YAR9G,CAUE,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD;EACc,CAAA,GACjB,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,GAAG;GAAG,KAAK,iBAAiB,EAAE,UAAU,IAAI,GAAG,EAAE;aAAhF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,CAAmB,CAAA,EACN,CAAA;IACf,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;KAAM,CAAA,CACtC;;IACJ,iBACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;eAAlE,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;gBACT;KAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,OAAO;MAAG,GAAI;KAAS,CAAA,CAC5E;;GAEQ;KACC,CAAA,CACR;;AAElB;AAEA,cAAc,cAAc"}

package/dist/components/common/notificationMaps.d.ts CHANGED Viewed

@@ -6,5 +6,12 @@ export type NotificationAction = {
     onClick?: () => void;
     target?: HTMLAnchorElement['target'];
 };
-export declare const BUTTON_COLORS_MAP: Record<NotificationVariant, string>;
+export declare const BUTTON_COLORS_MAP: {
+    readonly ai: "indigo";
+    readonly critical: "red";
+    readonly info: "blue";
+    readonly progress: "purple";
+    readonly success: "green";
+    readonly warning: "yellow";
+};
 export declare const ICON_COMPONENTS_MAP: Record<NotificationVariant, ElementType>;

package/dist/components/common/notificationMaps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notificationMaps.js","names":[],"sources":["../../../lib/components/common/notificationMaps.tsx"],"sourcesContent":["/* Shared component-level maps for notification-like components (Alert, Toast). */\n\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { type ElementType } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconInfoCircle from '../../icons/IconInfoCircle';\nimport IconSparkleFilled from '../../icons/IconSparkleFilled';\nimport IconWarning from '../../icons/IconWarning';\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\n\nexport type NotificationAction = {\n href?: string;\n label: string;\n onClick?: () => void;\n target?: HTMLAnchorElement['target'];\n};\n\nexport const BUTTON_COLORS_MAP: ~~Record<NotificationVariant, string>~~ = {\n ai: 'indigo',\n critical: 'red',\n info: 'blue',\n progress: 'purple',\n success: 'green',\n warning: 'yellow',\n};\n\nexport const ICON_COMPONENTS_MAP: Record<NotificationVariant, ElementType> = {\n ai: IconSparkleFilled,\n critical: IconErrorCircleFilled,\n info: IconInfoCircle,\n progress: Spinner,\n success: IconCheck,\n warning: IconWarning,\n};\n"],"mappings":";;;;;;;AAmBA,IAAa,~~oBAAyD~~;~~CACpE~~,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAa,sBAAgE;CAC3E,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX"}
1	+ {"version":3,"file":"notificationMaps.js","names":[],"sources":["../../../lib/components/common/notificationMaps.tsx"],"sourcesContent":["/* Shared component-level maps for notification-like components (Alert, Toast). */\n\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { type ElementType } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconInfoCircle from '../../icons/IconInfoCircle';\nimport IconSparkleFilled from '../../icons/IconSparkleFilled';\nimport IconWarning from '../../icons/IconWarning';\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\n\nexport type NotificationAction = {\n href?: string;\n label: string;\n onClick?: () => void;\n target?: HTMLAnchorElement['target'];\n};\n\nexport const BUTTON_COLORS_MAP = {\n ai: 'indigo',\n critical: 'red',\n info: 'blue',\n progress: 'purple',\n success: 'green',\n warning: 'yellow',\n} as const satisfies Record<NotificationVariant, string>;\n\nexport const ICON_COMPONENTS_MAP: Record<NotificationVariant, ElementType> = {\n ai: IconSparkleFilled,\n critical: IconErrorCircleFilled,\n info: IconInfoCircle,\n progress: Spinner,\n success: IconCheck,\n warning: IconWarning,\n};\n"],"mappings":";;;;;;;AAmBA,IAAa,oBAAoB;CAC/B,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAa,sBAAgE;CAC3E,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX"}

package/dist/docs/shared.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export type TokenLeaf = {
     } | string;
 };
 export declare const isTokenLeaf: (obj: unknown) => obj is TokenLeaf;
-export declare const flattenTokens: (obj: Record<string, unknown>, prefix?: string) => {
+export declare const flattenTokens: (obj: Record<string, unknown>) => {
     path: string;
     ref: string;
 }[];

package/dist/theme/common/AlertAndToast.common.js CHANGED Viewed

@@ -10,7 +10,7 @@ var NOTIFICATION_VARIANTS = [
 var ROOT_MAP = {
 	ai: {
 		border: "1px solid transparent",
-		background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box"
+		background: "linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box"
 	},
 	critical: {
 		backgroundColor: "status/critical/bg",

package/dist/theme/common/AlertAndToast.common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertAndToast.common.js","names":[],"sources":["../../../lib/theme/common/AlertAndToast.common.ts"],"sourcesContent":["/* Shared variant styles for notification-like components (Alert, Toast). */\n\nexport const NOTIFICATION_VARIANTS = ['ai', 'critical', 'info', 'progress', 'success', 'warning'] as const;\nexport type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];\n\nexport const ROOT_MAP = {\n ai: {\n border: '1px solid transparent',\n background: '{colors.~~status~~.ai.bg} padding-box, {colors.~~status~~.ai.~~border~~} border-box',\n },\n critical: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n },\n info: {\n backgroundColor: 'status/info/bg',\n borderColor: 'status/info/border',\n },\n progress: {\n backgroundColor: 'status/progress/bg',\n borderColor: 'status/progress/border',\n },\n success: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n },\n warning: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n },\n};\n\nexport const ICONS_MAP = {\n ai: 'status/ai/icon',\n critical: 'status/critical/icon',\n info: 'status/info/icon',\n progress: 'status/progress/icon',\n success: 'status/success/icon',\n warning: 'status/warning/icon',\n};\n\nexport const TEXT_MAP = {\n ai: 'status/ai/text',\n critical: 'status/critical/text',\n info: 'status/info/text',\n progress: 'status/progress/text',\n success: 'status/success/text',\n warning: 'status/warning/text',\n};\n"],"mappings":";AAEA,IAAa,wBAAwB;CAAC;CAAM;CAAY;CAAQ;CAAY;CAAW;AAAS;AAGhG,IAAa,WAAW;CACtB,IAAI;EACF,QAAQ;EACR,~~YAAY~~;~~CACd~~;CACA,UAAU;EACR,iBAAiB;EACjB,aAAa;CACf;CACA,MAAM;EACJ,iBAAiB;EACjB,aAAa;CACf;CACA,UAAU;EACR,iBAAiB;EACjB,aAAa;CACf;CACA,SAAS;EACP,iBAAiB;EACjB,aAAa;CACf;CACA,SAAS;EACP,iBAAiB;EACjB,aAAa;CACf;AACF;AAEA,IAAa,YAAY;CACvB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAa,WAAW;CACtB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX"}
1	+ {"version":3,"file":"AlertAndToast.common.js","names":[],"sources":["../../../lib/theme/common/AlertAndToast.common.ts"],"sourcesContent":["/* Shared variant styles for notification-like components (Alert, Toast). */\n\nexport const NOTIFICATION_VARIANTS = ['ai', 'critical', 'info', 'progress', 'success', 'warning'] as const;\nexport type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];\n\nexport const ROOT_MAP = {\n ai: {\n border: '1px solid transparent',\n background:\n 'linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box',\n },\n critical: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n },\n info: {\n backgroundColor: 'status/info/bg',\n borderColor: 'status/info/border',\n },\n progress: {\n backgroundColor: 'status/progress/bg',\n borderColor: 'status/progress/border',\n },\n success: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n },\n warning: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n },\n};\n\nexport const ICONS_MAP = {\n ai: 'status/ai/icon',\n critical: 'status/critical/icon',\n info: 'status/info/icon',\n progress: 'status/progress/icon',\n success: 'status/success/icon',\n warning: 'status/warning/icon',\n};\n\nexport const TEXT_MAP = {\n ai: 'status/ai/text',\n critical: 'status/critical/text',\n info: 'status/info/text',\n progress: 'status/progress/text',\n success: 'status/success/text',\n warning: 'status/warning/text',\n};\n"],"mappings":";AAEA,IAAa,wBAAwB;CAAC;CAAM;CAAY;CAAQ;CAAY;CAAW;AAAS;AAGhG,IAAa,WAAW;CACtB,IAAI;EACF,QAAQ;EACR,YACE;CACJ;CACA,UAAU;EACR,iBAAiB;EACjB,aAAa;CACf;CACA,MAAM;EACJ,iBAAiB;EACjB,aAAa;CACf;CACA,UAAU;EACR,iBAAiB;EACjB,aAAa;CACf;CACA,SAAS;EACP,iBAAiB;EACjB,aAAa;CACf;CACA,SAAS;EACP,iBAAiB;EACjB,aAAa;CACf;AACF;AAEA,IAAa,YAAY;CACvB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAa,WAAW;CACtB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX"}

package/dist/theme/global-css.js CHANGED Viewed

@@ -8,7 +8,7 @@ var globalCss = defineGlobalStyles({
 		"--focus-ring-width": rem(3),
 		"--focus-ring-offset": "0",
 		"--focus-ring-style": "solid",
-		"--focus-ring-color": "colors.sys.purple.highlight"
+		"--focus-ring-color": "colors.border/focus"
 	},
 	body: {
 		color: "text/body",

package/dist/theme/global-css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"global-css.js","names":[],"sources":["../../lib/theme/global-css.ts"],"sourcesContent":["import { defineGlobalStyles } from '@chakra-ui/react/styled-system';\n\nimport { rem } from './themeUtils';\n\nconst globalCss = defineGlobalStyles({\n '*': {\n '--global-font-mono': 'fonts.mono',\n '--global-font-body': 'fonts.body',\n '--focus-ring-width': rem(3),\n '--focus-ring-offset': '0',\n '--focus-ring-style': 'solid',\n '--focus-ring-color': 'colors.~~sys.purple.highlight~~',\n },\n body: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n \"a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])\": {\n outline: 'none',\n focusVisibleRing: 'outside',\n },\n});\n\nexport default globalCss;\n"],"mappings":";;;AAIA,IAAM,YAAY,mBAAmB;CACnC,KAAK;EACH,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB,IAAI,CAAC;EAC3B,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;CACxB;CACA,MAAM;EACJ,OAAO;EACP,WAAW;CACb;CACA,gFAAgF;EAC9E,SAAS;EACT,kBAAkB;CACpB;AACF,CAAC"}
1	+ {"version":3,"file":"global-css.js","names":[],"sources":["../../lib/theme/global-css.ts"],"sourcesContent":["import { defineGlobalStyles } from '@chakra-ui/react/styled-system';\n\nimport { rem } from './themeUtils';\n\nconst globalCss = defineGlobalStyles({\n '*': {\n '--global-font-mono': 'fonts.mono',\n '--global-font-body': 'fonts.body',\n '--focus-ring-width': rem(3),\n '--focus-ring-offset': '0',\n '--focus-ring-style': 'solid',\n '--focus-ring-color': 'colors.border/focus',\n },\n body: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n \"a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])\": {\n outline: 'none',\n focusVisibleRing: 'outside',\n },\n});\n\nexport default globalCss;\n"],"mappings":";;;AAIA,IAAM,YAAY,mBAAmB;CACnC,KAAK;EACH,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB,IAAI,CAAC;EAC3B,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;CACxB;CACA,MAAM;EACJ,OAAO;EACP,WAAW;CACb;CACA,gFAAgF;EAC9E,SAAS;EACT,kBAAkB;CACpB;AACF,CAAC"}

package/dist/theme/recipes/Badge.recipe.d.ts CHANGED Viewed

@@ -9,14 +9,48 @@ declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
             paddingBlock: "4";
         };
     };
-    variant: {
-        subtle: {
-            color: "colorPalette.strong";
-            background: "colorPalette.subtle";
+    colorVariant: {
+        neutral: {
+            color: "color/neutral/strong";
+            background: "color/neutral/subtle";
+        };
+        purple: {
+            color: "color/purple/strong";
+            background: "color/purple/subtle";
+        };
+        blue: {
+            color: "color/blue/strong";
+            background: "color/blue/subtle";
+        };
+        green: {
+            color: "color/green/strong";
+            background: "color/green/subtle";
+        };
+        yellow: {
+            color: "color/yellow/strong";
+            background: "color/yellow/subtle";
+        };
+        red: {
+            color: "color/red/strong";
+            background: "color/red/subtle";
         };
+        orange: {
+            color: "color/orange/strong";
+            background: "color/orange/subtle";
+        };
+        turquoise: {
+            color: "color/turquoise/strong";
+            background: "color/turquoise/subtle";
+        };
+        'ai-gradient': {
+            color: "status/ai/text";
+            background: "ai/background/subtle";
+        };
+    };
+    variant: {
+        subtle: {};
         bold: {
             color: "text/on-color";
-            background: "colorPalette.bold";
         };
     };
 }>;

package/dist/theme/recipes/Badge.recipe.js CHANGED Viewed

@@ -3,15 +3,12 @@ import { defineRecipe } from "@chakra-ui/react/styled-system";
 var badgeRecipe = defineRecipe({
 	className: "badge",
 	base: {
-		colorPalette: "neutral",
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
 		gap: "4",
 		borderRadius: "4",
 		textStyle: "comp/badge/sm",
-		color: "colorPalette.strong",
-		background: "colorPalette.subtle",
 		width: "fit-content",
 		height: "fit-content",
 		verticalAlign: "bottom"
@@ -27,44 +24,104 @@ var badgeRecipe = defineRecipe({
 				paddingBlock: "4"
 			}
 		},
-		variant: {
-			subtle: {
-				color: "colorPalette.strong",
-				background: "colorPalette.subtle"
+		colorVariant: {
+			neutral: {
+				color: "color/neutral/strong",
+				background: "color/neutral/subtle"
+			},
+			purple: {
+				color: "color/purple/strong",
+				background: "color/purple/subtle"
+			},
+			blue: {
+				color: "color/blue/strong",
+				background: "color/blue/subtle"
+			},
+			green: {
+				color: "color/green/strong",
+				background: "color/green/subtle"
+			},
+			yellow: {
+				color: "color/yellow/strong",
+				background: "color/yellow/subtle"
+			},
+			red: {
+				color: "color/red/strong",
+				background: "color/red/subtle"
+			},
+			orange: {
+				color: "color/orange/strong",
+				background: "color/orange/subtle"
+			},
+			turquoise: {
+				color: "color/turquoise/strong",
+				background: "color/turquoise/subtle"
 			},
-			bold: {
-				color: "text/on-color",
-				background: "colorPalette.bold"
+			"ai-gradient": {
+				color: "status/ai/text",
+				background: "ai/background/subtle"
 			}
+		},
+		variant: {
+			subtle: {},
+			bold: { color: "text/on-color" }
 		}
 	},
 	compoundVariants: [
 		{
-			colorPalette: "ai",
-			variant: "subtle",
-			css: {
-				background: "sys/ai-gradient/subtle",
-				color: "status/ai/text"
-			}
+			colorVariant: "neutral",
+			variant: "bold",
+			css: { background: "color/neutral/bold" }
+		},
+		{
+			colorVariant: "purple",
+			variant: "bold",
+			css: { background: "color/purple/bold" }
+		},
+		{
+			colorVariant: "blue",
+			variant: "bold",
+			css: { background: "color/blue/bold" }
+		},
+		{
+			colorVariant: "green",
+			variant: "bold",
+			css: { background: "color/green/bold" }
+		},
+		{
+			colorVariant: "red",
+			variant: "bold",
+			css: { background: "color/red/bold" }
+		},
+		{
+			colorVariant: "orange",
+			variant: "bold",
+			css: { background: "color/orange/bold" }
+		},
+		{
+			colorVariant: "turquoise",
+			variant: "bold",
+			css: { background: "color/turquoise/bold" }
 		},
 		{
-			colorPalette: "ai",
+			colorVariant: "ai-gradient",
 			variant: "bold",
 			css: {
-				background: "sys/ai-gradient/bold",
+				background: "ai/background/bold",
 				color: "text/on-color"
 			}
 		},
 		{
-			colorPalette: "yellow",
+			colorVariant: "yellow",
 			variant: "bold",
 			css: {
-				background: "sys/yellow/muted",
+				background: "color/yellow/muted",
 				color: "text/primary"
 			}
 		}
 	],
 	defaultVariants: {
+		colorVariant: "neutral",
 		variant: "subtle",
 		size: "xs"
 	}