@bitrise/bitkit-v2 0.3.203 → 0.3.205

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js

@@ -9,7 +9,7 @@ var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
 		positioning: {
 			placement,
 			offset: {
-				mainAxis: 8,
+				mainAxis: 4,
 				crossAxis: 0
 			}
 		},

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Portal>\n        <Tooltip.Positioner>\n          <Tooltip.Content>{text}</Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;AAWA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAD,EAAA,UACE,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,EACd,CAAA,CACI;;;AAInB,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Portal>\n        <Tooltip.Positioner>\n          <Tooltip.Content>{text}</Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;AAWA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAD,EAAA,UACE,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,EACd,CAAA,CACI;;;AAInB,mBAAmB,cAAc"}

package/dist/components/BitkitOverflowContent/BitkitOverflowContent.d.ts

@@ -1,8 +1,12 @@
 import { BoxProps } from '@chakra-ui/react/box';
+import { TextProps } from '@chakra-ui/react/text';
 import { ReactNode } from 'react';
+import { BitkitLinkButtonProps } from '../BitkitLinkButton/BitkitLinkButton';
 export interface BitkitOverflowContentProps extends Omit<BoxProps, 'children' | 'title'> {
+    buttonSize?: BitkitLinkButtonProps['size'];
     children: ReactNode;
     previewText?: string;
+    textStyle?: TextProps['textStyle'];
     title: string;
 }
 declare const BitkitOverflowContent: import('react').ForwardRefExoticComponent<BitkitOverflowContentProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js

@@ -8,7 +8,7 @@ import { forwardRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx
 var BitkitOverflowContent = forwardRef((props, ref) => {
-	const { children, previewText, title, ...rest } = props;
+	const { buttonSize = "md", children, previewText, textStyle, title, ...rest } = props;
 	const [open, setOpen] = useState(false);
 	const styles = useSlotRecipe({ key: "overflowContent" })();
 	const preview = previewText || (typeof children === "string" ? children : "Click to view content");
@@ -18,10 +18,12 @@ var BitkitOverflowContent = forwardRef((props, ref) => {
 		...rest,
 		children: [/* @__PURE__ */ jsx(Text, {
 			css: styles.preview,
+			textStyle,
 			children: preview
 		}), /* @__PURE__ */ jsx(BitkitLinkButton, {
 			...styles.action,
 			onClick: () => setOpen(true),
+			size: buttonSize,
 			children: `View ${title.toLowerCase()}`
 		})]
 	}), /* @__PURE__ */ jsx(BitkitDialog, {

package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitOverflowContent.js","names":[],"sources":["../../../lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport BitkitDialog from '../BitkitDialog/BitkitDialog';\nimport BitkitDialogBody from '../BitkitDialog/BitkitDialogBody';\nimport BitkitLinkButton from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitOverflowContentProps extends Omit<BoxProps, 'children' | 'title'> {\n  children: ReactNode;\n  previewText?: string;\n  title: string;\n}\n\nconst BitkitOverflowContent = forwardRef<HTMLDivElement, BitkitOverflowContentProps>((props, ref) => {\n  const { children, previewText, title, ...rest } = props;\n  const [open, setOpen] = useState(false);\n  const recipe = useSlotRecipe({ key: 'overflowContent' });\n  const styles = recipe();\n  const preview = previewText || (typeof children === 'string' ? children : 'Click to view content');\n\n  return (\n    <>\n      <Box ref={ref} css={styles.root} {...rest}>\n        <Text css={styles.preview}>{preview}</Text>\n        <BitkitLinkButton {...styles.action} onClick={() => setOpen(true)}>\n          {`View ${title.toLowerCase()}`}\n        </BitkitLinkButton>\n      </Box>\n      <BitkitDialog\n        open={open}\n        size=\"sm\"\n        title={title}\n        variant=\"overflowContent\"\n        onOpenChange={({ open: isOpen }) => setOpen(isOpen)}\n      >\n        <BitkitDialogBody>{children}</BitkitDialogBody>\n      </BitkitDialog>\n    </>\n  );\n});\n\nBitkitOverflowContent.displayName = 'BitkitOverflowContent';\n\nexport default BitkitOverflowContent;\n"],"mappings":";;;;;;;;;AAeA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,UAAU,aAAa,OAAO,GAAG,SAAS;CAClD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,SADS,cAAc,EAAE,KAAK,mBAAmB,CAAC,EACjC;CACvB,MAAM,UAAU,gBAAgB,OAAO,aAAa,WAAW,WAAW;AAE1E,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;aAAU;GAAe,CAAA,EAC3C,oBAAC,kBAAD;GAAkB,GAAI,OAAO;GAAQ,eAAe,QAAQ,KAAK;aAC9D,QAAQ,MAAM,aAAa;GACX,CAAA,CACf;KACN,oBAAC,cAAD;EACQ;EACN,MAAK;EACE;EACP,SAAQ;EACR,eAAe,EAAE,MAAM,aAAa,QAAQ,OAAO;YAEnD,oBAAC,kBAAD,EAAmB,UAA4B,CAAA;EAClC,CAAA,CACd,EAAA,CAAA;EAEL;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"BitkitOverflowContent.js","names":[],"sources":["../../../lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text, type TextProps } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport BitkitDialog from '../BitkitDialog/BitkitDialog';\nimport BitkitDialogBody from '../BitkitDialog/BitkitDialogBody';\nimport BitkitLinkButton, { type BitkitLinkButtonProps } from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitOverflowContentProps extends Omit<BoxProps, 'children' | 'title'> {\n  buttonSize?: BitkitLinkButtonProps['size'];\n  children: ReactNode;\n  previewText?: string;\n  textStyle?: TextProps['textStyle'];\n  title: string;\n}\n\nconst BitkitOverflowContent = forwardRef<HTMLDivElement, BitkitOverflowContentProps>((props, ref) => {\n  const { buttonSize = 'md', children, previewText, textStyle, title, ...rest } = props;\n  const [open, setOpen] = useState(false);\n  const recipe = useSlotRecipe({ key: 'overflowContent' });\n  const styles = recipe();\n  const preview = previewText || (typeof children === 'string' ? children : 'Click to view content');\n\n  return (\n    <>\n      <Box ref={ref} css={styles.root} {...rest}>\n        <Text css={styles.preview} textStyle={textStyle}>\n          {preview}\n        </Text>\n        <BitkitLinkButton {...styles.action} onClick={() => setOpen(true)} size={buttonSize}>\n          {`View ${title.toLowerCase()}`}\n        </BitkitLinkButton>\n      </Box>\n      <BitkitDialog\n        open={open}\n        size=\"sm\"\n        title={title}\n        variant=\"overflowContent\"\n        onOpenChange={({ open: isOpen }) => setOpen(isOpen)}\n      >\n        <BitkitDialogBody>{children}</BitkitDialogBody>\n      </BitkitDialog>\n    </>\n  );\n});\n\nBitkitOverflowContent.displayName = 'BitkitOverflowContent';\n\nexport default BitkitOverflowContent;\n"],"mappings":";;;;;;;;;AAiBA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,aAAa,MAAM,UAAU,aAAa,WAAW,OAAO,GAAG,SAAS;CAChF,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,SADS,cAAc,EAAE,KAAK,mBAAmB,CAAC,EACjC;CACvB,MAAM,UAAU,gBAAgB,OAAO,aAAa,WAAW,WAAW;AAE1E,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;GAAoB;aACnC;GACI,CAAA,EACP,oBAAC,kBAAD;GAAkB,GAAI,OAAO;GAAQ,eAAe,QAAQ,KAAK;GAAE,MAAM;aACtE,QAAQ,MAAM,aAAa;GACX,CAAA,CACf;KACN,oBAAC,cAAD;EACQ;EACN,MAAK;EACE;EACP,SAAQ;EACR,eAAe,EAAE,MAAM,aAAa,QAAQ,OAAO;YAEnD,oBAAC,kBAAD,EAAmB,UAA4B,CAAA;EAClC,CAAA,CACd,EAAA,CAAA;EAEL;AAEF,sBAAsB,cAAc"}

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js

@@ -9,7 +9,7 @@ var BitkitOverflowTooltip = ({ children, disabled, placement = "right", text })
 		positioning: {
 			placement,
 			offset: {
-				mainAxis: 8,
+				mainAxis: 4,
 				crossAxis: 0
 			}
 		},

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitOverflowTooltip.js","names":[],"sources":["../../../lib/components/BitkitOverflowTooltip/BitkitOverflowTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitOverflowTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitOverflowTooltip = ({ children, disabled, placement = 'right', text }: BitkitOverflowTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/regular\"\n      variant=\"light\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content css={{ maxWidth: rem(800) }}>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitOverflowTooltip.displayName = 'BitkitOverflowTooltip';\n\nexport default BitkitOverflowTooltip;\n"],"mappings":";;;;AAYA,IAAM,yBAAyB,EAAE,UAAU,UAAU,YAAY,SAAS,WAAuC;AAC/G,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;EACV,SAAQ;YALV,CAOE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,KAAK,EAAE,UAAU,IAAI,IAAI,EAAE;aAAG;GAAuB,CAAA,EACnD,CAAA,CACR;;;AAInB,sBAAsB,cAAc"}
+{"version":3,"file":"BitkitOverflowTooltip.js","names":[],"sources":["../../../lib/components/BitkitOverflowTooltip/BitkitOverflowTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitOverflowTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitOverflowTooltip = ({ children, disabled, placement = 'right', text }: BitkitOverflowTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n      textStyle=\"sm/regular\"\n      variant=\"light\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content css={{ maxWidth: rem(800) }}>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitOverflowTooltip.displayName = 'BitkitOverflowTooltip';\n\nexport default BitkitOverflowTooltip;\n"],"mappings":";;;;AAYA,IAAM,yBAAyB,EAAE,UAAU,UAAU,YAAY,SAAS,WAAuC;AAC/G,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;EACV,SAAQ;YALV,CAOE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,KAAK,EAAE,UAAU,IAAI,IAAI,EAAE;aAAG;GAAuB,CAAA,EACnD,CAAA,CACR;;;AAInB,sBAAsB,cAAc"}

package/dist/components/BitkitSpinner/BitkitSpinner.d.ts

@@ -0,0 +1,4 @@
+import { SpinnerProps } from '@chakra-ui/react/spinner';
+export type BitkitSpinnerProps = Omit<SpinnerProps, 'colorPalette'>;
+declare const BitkitSpinner: import('react').ForwardRefExoticComponent<BitkitSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitSpinner;

package/dist/components/BitkitSpinner/BitkitSpinner.js

@@ -0,0 +1,15 @@
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Spinner } from "@chakra-ui/react/spinner";
+//#region lib/components/BitkitSpinner/BitkitSpinner.tsx
+var BitkitSpinner = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Spinner, {
+		ref,
+		...props
+	});
+});
+BitkitSpinner.displayName = "BitkitSpinner";
+//#endregion
+export { BitkitSpinner as default };
+
+//# sourceMappingURL=BitkitSpinner.js.map

package/dist/components/BitkitSpinner/BitkitSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSpinner.js","names":[],"sources":["../../../lib/components/BitkitSpinner/BitkitSpinner.tsx"],"sourcesContent":["import { Spinner, type SpinnerProps } from '@chakra-ui/react/spinner';\nimport { forwardRef } from 'react';\n\nexport type BitkitSpinnerProps = Omit<SpinnerProps, 'colorPalette'>;\n\nconst BitkitSpinner = forwardRef<HTMLDivElement, BitkitSpinnerProps>((props, ref) => {\n  return <Spinner ref={ref} {...props} />;\n});\n\nBitkitSpinner.displayName = 'BitkitSpinner';\n\nexport default BitkitSpinner;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,YAAgD,OAAO,QAAQ;AACnF,QAAO,oBAAC,SAAD;EAAc;EAAK,GAAI;EAAS,CAAA;EACvC;AAEF,cAAc,cAAc"}

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -18,7 +18,7 @@ var BitkitTooltip = ({ button, children, closeOnClick, disabled, icon: Icon, lea
 		positioning: {
 			placement,
 			offset: {
-				mainAxis: 8,
+				mainAxis: 4,
 				crossAxis: 0
 			}
 		},

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

@@ -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 } 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  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={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger asChild>{children}</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;AAE1C,QACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YARnE,CAUE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,IAAI;GAAE,KAAK,iBAAiB,EAAE,UAAU,IAAI,IAAI,EAAE;aAAjF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;IAChB,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;MAAO,CAAA,CACtC;;IACL,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;MAEM,CAAA,EAER,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,QAAQ;MAAE,GAAI;MAAU,CAAA,CAC5E;;IAEQ;MACC,CAAA,CACR;;;AAInB,cAAc,cAAc"}
+{"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 } 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  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={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger asChild>{children}</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;AAE1C,QACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YARnE,CAUE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,IAAI;GAAE,KAAK,iBAAiB,EAAE,UAAU,IAAI,IAAI,EAAE;aAAjF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;IAChB,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;MAAO,CAAA,CACtC;;IACL,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;MAEM,CAAA,EAER,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,QAAQ;MAAE,GAAI;MAAU,CAAA,CAC5E;;IAEQ;MACC,CAAA,CACR;;;AAInB,cAAc,cAAc"}

package/dist/components/index.d.ts

@@ -59,6 +59,7 @@ export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
 export { default as BitkitSettingsCard, type BitkitSettingsCardContentProps, type BitkitSettingsCardProps, type BitkitSettingsCardStatusProps, } from './BitkitSettingsCard/BitkitSettingsCard';
 export { default as BitkitSidebar, type BitkitSidebarFooterProps, type BitkitSidebarGroupHeadingProps, type BitkitSidebarItemProps, type BitkitSidebarProjectProps, type BitkitSidebarProps, type BitkitSidebarTitleProps, } from './BitkitSidebar/BitkitSidebar';
+export { default as BitkitSpinner, type BitkitSpinnerProps } from './BitkitSpinner/BitkitSpinner';
 export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
 export { default as BitkitStat, type BitkitStatProps, type TrendColor, type TrendDirection, type TrendTextPlacement, } from './BitkitStat/BitkitStat';
 export { default as BitkitSteps, type BitkitStepsItemProps, type BitkitStepsItemState, type BitkitStepsProps, } from './BitkitSteps/BitkitSteps';

package/dist/main.js

@@ -343,6 +343,7 @@ import BitkitSelect from "./components/BitkitSelect/BitkitSelect.js";
 import BitkitSelectableTag_default from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
 import BitkitSettingsCard_default from "./components/BitkitSettingsCard/BitkitSettingsCard.js";
 import BitkitSidebar_default from "./components/BitkitSidebar/BitkitSidebar.js";
+import BitkitSpinner from "./components/BitkitSpinner/BitkitSpinner.js";
 import BitkitSplitButton_default from "./components/BitkitSplitButton/BitkitSplitButton.js";
 import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitSteps_default from "./components/BitkitSteps/BitkitSteps.js";
@@ -356,4 +357,4 @@ import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButt
 import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };

package/dist/theme/slot-recipes/Toast.recipe.js

@@ -17,7 +17,10 @@ var toastSlotRecipe = defineSlotRecipe({
 			flex: 1,
 			minWidth: 0
 		},
-		description: { textStyle: "comp/notification/message" },
+		description: {
+			textStyle: "comp/notification/message",
+			"&:first-child": { paddingBlockStart: "2" }
+		},
 		icon: {
 			alignSelf: "flex-start",
 			flexShrink: 0,

package/dist/theme/slot-recipes/Toast.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Toast.recipe.ts"],"sourcesContent":["import { toastAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from '../common/AlertAndToast.common';\nimport { rem } from '../themeUtils';\n\nconst toastSlotRecipe = defineSlotRecipe({\n  className: 'toast',\n  slots: [...toastAnatomy.keys(), 'content', 'icon', 'timestamp'],\n  base: {\n    actionTrigger: {\n      marginBlockStart: '16',\n    },\n    content: {\n      flex: 1,\n      minWidth: 0,\n    },\n    description: {\n      textStyle: 'comp/notification/message',\n    },\n    icon: {\n      alignSelf: 'flex-start',\n      flexShrink: 0,\n      height: '24',\n      width: '24',\n    },\n    root: {\n      alignItems: 'flex-start',\n      border: '1px solid',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      gap: '8',\n      paddingBlock: '16',\n      paddingInline: '12',\n      position: 'relative',\n      translate: 'var(--x) var(--y)',\n      width: rem(480),\n      willChange: 'translate, opacity, scale',\n      transition: 'translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms',\n      transitionTimingFunction: 'cubic-bezier(0.21, 1.02, 0.73, 1)',\n      _closed: {\n        transition: 'translate 400ms, scale 400ms, opacity 200ms',\n        transitionTimingFunction: 'cubic-bezier(0.06, 0.71, 0.55, 1)',\n      },\n    },\n    timestamp: {\n      marginBlockStart: '16',\n      textStyle: 'comp/notification/message',\n    },\n    title: {\n      marginBlockEnd: '2',\n      textStyle: 'comp/notification/title',\n    },\n    closeTrigger: {\n      insetBlockStart: '12',\n      insetInlineEnd: '12',\n      position: 'absolute',\n    },\n  },\n  variants: {\n    variant: Object.fromEntries(\n      NOTIFICATION_VARIANTS.map((v) => [\n        v,\n        {\n          icon: { color: ICONS_MAP[v] },\n          root: { ...ROOT_MAP[v], color: TEXT_MAP[v] },\n        },\n      ]),\n    ),\n  },\n  defaultVariants: {\n    variant: 'info',\n  },\n});\n\nexport default toastSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO;EAAC,GAAG,aAAa,MAAM;EAAE;EAAW;EAAQ;EAAY;CAC/D,MAAM;EACJ,eAAe,EACb,kBAAkB,MACnB;EACD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EACD,aAAa,EACX,WAAW,6BACZ;EACD,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,cAAc;GACd,WAAW;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACV,WAAW;GACX,OAAO,IAAI,IAAI;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B;GAC1B,SAAS;IACP,YAAY;IACZ,0BAA0B;IAC3B;GACF;EACD,WAAW;GACT,kBAAkB;GAClB,WAAW;GACZ;EACD,OAAO;GACL,gBAAgB;GAChB,WAAW;GACZ;EACD,cAAc;GACZ,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACX;EACF;CACD,UAAU,EACR,SAAS,OAAO,YACd,sBAAsB,KAAK,MAAM,CAC/B,GACA;EACE,MAAM,EAAE,OAAO,UAAU,IAAI;EAC7B,MAAM;GAAE,GAAG,SAAS;GAAI,OAAO,SAAS;GAAI;EAC7C,CACF,CAAC,CACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}
+{"version":3,"file":"Toast.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Toast.recipe.ts"],"sourcesContent":["import { toastAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from '../common/AlertAndToast.common';\nimport { rem } from '../themeUtils';\n\nconst toastSlotRecipe = defineSlotRecipe({\n  className: 'toast',\n  slots: [...toastAnatomy.keys(), 'content', 'icon', 'timestamp'],\n  base: {\n    actionTrigger: {\n      marginBlockStart: '16',\n    },\n    content: {\n      flex: 1,\n      minWidth: 0,\n    },\n    description: {\n      textStyle: 'comp/notification/message',\n      '&:first-child': {\n        paddingBlockStart: '2',\n      },\n    },\n    icon: {\n      alignSelf: 'flex-start',\n      flexShrink: 0,\n      height: '24',\n      width: '24',\n    },\n    root: {\n      alignItems: 'flex-start',\n      border: '1px solid',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      gap: '8',\n      paddingBlock: '16',\n      paddingInline: '12',\n      position: 'relative',\n      translate: 'var(--x) var(--y)',\n      width: rem(480),\n      willChange: 'translate, opacity, scale',\n      transition: 'translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms',\n      transitionTimingFunction: 'cubic-bezier(0.21, 1.02, 0.73, 1)',\n      _closed: {\n        transition: 'translate 400ms, scale 400ms, opacity 200ms',\n        transitionTimingFunction: 'cubic-bezier(0.06, 0.71, 0.55, 1)',\n      },\n    },\n    timestamp: {\n      marginBlockStart: '16',\n      textStyle: 'comp/notification/message',\n    },\n    title: {\n      marginBlockEnd: '2',\n      textStyle: 'comp/notification/title',\n    },\n    closeTrigger: {\n      insetBlockStart: '12',\n      insetInlineEnd: '12',\n      position: 'absolute',\n    },\n  },\n  variants: {\n    variant: Object.fromEntries(\n      NOTIFICATION_VARIANTS.map((v) => [\n        v,\n        {\n          icon: { color: ICONS_MAP[v] },\n          root: { ...ROOT_MAP[v], color: TEXT_MAP[v] },\n        },\n      ]),\n    ),\n  },\n  defaultVariants: {\n    variant: 'info',\n  },\n});\n\nexport default toastSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO;EAAC,GAAG,aAAa,MAAM;EAAE;EAAW;EAAQ;EAAY;CAC/D,MAAM;EACJ,eAAe,EACb,kBAAkB,MACnB;EACD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EACD,aAAa;GACX,WAAW;GACX,iBAAiB,EACf,mBAAmB,KACpB;GACF;EACD,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,cAAc;GACd,WAAW;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACV,WAAW;GACX,OAAO,IAAI,IAAI;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B;GAC1B,SAAS;IACP,YAAY;IACZ,0BAA0B;IAC3B;GACF;EACD,WAAW;GACT,kBAAkB;GAClB,WAAW;GACZ;EACD,OAAO;GACL,gBAAgB;GAChB,WAAW;GACZ;EACD,cAAc;GACZ,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACX;EACF;CACD,UAAU,EACR,SAAS,OAAO,YACd,sBAAsB,KAAK,MAAM,CAC/B,GACA;EACE,MAAM,EAAE,OAAO,UAAU,IAAI;EAC7B,MAAM;GAAE,GAAG,SAAS;GAAI,OAAO,SAAS;GAAI;EAC7C,CACF,CAAC,CACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.203",
+  "version": "0.3.205",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -75,7 +75,7 @@
     "storybook": "10.3.5",
     "tsx": "^4.21.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.8",
+    "vite": "^8.0.9",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^5.2.0"
   },