@bitrise/bitkit-v2 0.3.197 → 0.3.199

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: '0',\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '0',\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}
+{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: 0,\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: 0,\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}

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

@@ -26,7 +26,7 @@ var switchSlotRecipe = defineSlotRecipe({
 			placeContent: "center",
 			userSelect: "none",
 			insetInlineStart: "calc(var(--switch-x) - 2px)",
-			_checked: { insetInlineStart: "2px" }
+			_checked: { insetInlineStart: "2" }
 		},
 		control: {
 			position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n  slots: switchAnatomy.keys(),\n  className: 'switch',\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '8',\n      '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n      '--switch-x': {\n        base: 'var(--switch-diff)',\n        _rtl: 'calc(var(--switch-diff) * -1)',\n      },\n    },\n\n    label: {\n      _disabled: {\n        color: 'text/disabled',\n      },\n    },\n\n    indicator: {\n      color: 'icon/on-color',\n      position: 'absolute',\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      display: 'grid',\n      placeContent: 'center',\n      userSelect: 'none',\n      insetInlineStart: 'calc(var(--switch-x) - 2px)',\n      _checked: {\n        insetInlineStart: '2px',\n      },\n    },\n\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      width: 'var(--switch-width)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/frameOff',\n      cursor: 'pointer',\n      transition: 'backgrounds',\n      _checked: {\n        bg: 'input/toggle/frameOn',\n        _disabled: {\n          bg: 'input/toggle/frameOn-disabled',\n        },\n      },\n      _disabled: {\n        bg: 'input/toggle/frameOff-disabled',\n        cursor: 'not-allowed',\n      },\n      _readOnly: {\n        cursor: 'default',\n      },\n      focusVisibleRing: 'outside',\n    },\n\n    thumb: {\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/slideOff',\n      boxShadow: 'elevation/sm',\n      scale: '0.8',\n      borderRadius: 'inherit',\n      transitionProperty: 'translate',\n      transitionDuration: 'fast',\n      _checked: {\n        bg: 'input/toggle/slideOn',\n        translate: 'var(--switch-x) 0',\n      },\n      _disabled: {\n        bg: 'input/toggle/slideOff-disabled',\n        _checked: {\n          bg: 'input/toggle/slideOn-disabled',\n        },\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        root: {\n          '--switch-width': rem(32),\n          '--switch-height': rem(16),\n          '--switch-indicator-font-size': rem(12),\n        },\n        control: {\n          borderRadius: '8',\n        },\n        label: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      md: {\n        root: {\n          '--switch-width': rem(48),\n          '--switch-height': rem(24),\n          '--switch-indicator-font-size': rem(16),\n        },\n        control: {\n          borderRadius: '12',\n        },\n        label: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,OACnB;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n  slots: switchAnatomy.keys(),\n  className: 'switch',\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '8',\n      '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n      '--switch-x': {\n        base: 'var(--switch-diff)',\n        _rtl: 'calc(var(--switch-diff) * -1)',\n      },\n    },\n\n    label: {\n      _disabled: {\n        color: 'text/disabled',\n      },\n    },\n\n    indicator: {\n      color: 'icon/on-color',\n      position: 'absolute',\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      display: 'grid',\n      placeContent: 'center',\n      userSelect: 'none',\n      insetInlineStart: 'calc(var(--switch-x) - 2px)',\n      _checked: {\n        insetInlineStart: '2',\n      },\n    },\n\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      width: 'var(--switch-width)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/frameOff',\n      cursor: 'pointer',\n      transition: 'backgrounds',\n      _checked: {\n        bg: 'input/toggle/frameOn',\n        _disabled: {\n          bg: 'input/toggle/frameOn-disabled',\n        },\n      },\n      _disabled: {\n        bg: 'input/toggle/frameOff-disabled',\n        cursor: 'not-allowed',\n      },\n      _readOnly: {\n        cursor: 'default',\n      },\n      focusVisibleRing: 'outside',\n    },\n\n    thumb: {\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/slideOff',\n      boxShadow: 'elevation/sm',\n      scale: '0.8',\n      borderRadius: 'inherit',\n      transitionProperty: 'translate',\n      transitionDuration: 'fast',\n      _checked: {\n        bg: 'input/toggle/slideOn',\n        translate: 'var(--switch-x) 0',\n      },\n      _disabled: {\n        bg: 'input/toggle/slideOff-disabled',\n        _checked: {\n          bg: 'input/toggle/slideOn-disabled',\n        },\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        root: {\n          '--switch-width': rem(32),\n          '--switch-height': rem(16),\n          '--switch-indicator-font-size': rem(12),\n        },\n        control: {\n          borderRadius: '8',\n        },\n        label: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      md: {\n        root: {\n          '--switch-width': rem(48),\n          '--switch-height': rem(24),\n          '--switch-indicator-font-size': rem(16),\n        },\n        control: {\n          borderRadius: '12',\n        },\n        label: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,KACnB;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -52,7 +52,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			gap: "8",
 			paddingInline: "4",
 			position: "sticky",
-			top: "0",
+			top: 0,
 			"&:has(button)": { paddingInline: 0 }
 		},
 		input: {

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

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TagsInput.recipe.ts"],"sourcesContent":["import { tagsInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst extendedTagsInputAnatomy = tagsInputAnatomy.extendWith('tagsBlock', 'suffixBlock');\n\nconst tagsInputSlotRecipe = defineSlotRecipe({\n  className: 'tags-input',\n  slots: extendedTagsInputAnatomy.keys(),\n  base: {\n    root: {\n      width: 'full',\n    },\n    control: {\n      background: 'background/primary',\n      borderColor: 'border/regular',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      boxShadow: 'inset/field',\n      display: 'flex',\n      height: rem(88),\n      overflowY: 'auto',\n      transition: 'border-color 200ms',\n      _focusWithin: {\n        focusRing: 'outside',\n      },\n      _hover: {\n        borderColor: 'border/hover',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n        _hover: {\n          borderColor: 'border/error',\n        },\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n      _readOnly: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n    },\n    tagsBlock: {\n      alignContent: 'flex-start',\n      display: 'flex',\n      flex: '1',\n      flexWrap: 'wrap',\n      gap: '8',\n      minWidth: 0,\n    },\n    suffixBlock: {\n      alignItems: 'center',\n      alignSelf: 'flex-start',\n      display: 'flex',\n      flexShrink: '0',\n      gap: '8',\n      paddingInline: '4',\n      position: 'sticky',\n      top: '0',\n      '&:has(button)': {\n        paddingInline: 0,\n      },\n    },\n    input: {\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      flex: '1',\n      minWidth: rem(80),\n      outline: 'none',\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        _placeholder: {\n          color: 'text/disabled',\n        },\n      },\n      _readOnly: {\n        display: 'none',\n      },\n    },\n    item: {\n      display: 'flex',\n      maxWidth: '100%',\n      minWidth: 0,\n    },\n    itemPreview: {\n      alignItems: 'center',\n      background: 'sys/neutral/subtle',\n      borderColor: 'sys/neutral/muted',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      color: 'text/primary',\n      display: 'flex',\n      gap: '4',\n      height: '24',\n      maxWidth: '100%',\n      overflow: 'hidden',\n      paddingBlock: '2',\n      paddingInlineEnd: '1',\n      paddingInlineStart: '8',\n      textStyle: 'comp/tag/sm',\n      _highlighted: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        color: 'text/on-disabled',\n      },\n      '&:not(:has(button))': {\n        paddingInlineEnd: '8',\n      },\n    },\n    itemText: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    itemInput: {\n      background: 'transparent',\n      height: '24',\n      minWidth: '20',\n      outline: 'none',\n    },\n    itemDeleteTrigger: {\n      alignItems: 'center',\n      borderRadius: '2',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      flexShrink: '0',\n      height: '20',\n      justifyContent: 'center',\n      width: '20',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n    clearTrigger: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      padding: '4',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        control: {\n          paddingInline: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '8',\n        },\n        suffixBlock: {\n          height: '40',\n        },\n        input: {\n          height: '24',\n          textStyle: 'body/md/regular',\n        },\n      },\n      lg: {\n        control: {\n          paddingInlineStart: '12',\n          paddingInlineEnd: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '12',\n        },\n        suffixBlock: {\n          height: '48',\n        },\n        input: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default tagsInputSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAJ+B,iBAAiB,WAAW,aAAa,cAAc,CAItD,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,WAAW;GACX,SAAS;GACT,QAAQ,IAAI,GAAG;GACf,WAAW;GACX,YAAY;GACZ,cAAc,EACZ,WAAW,WACZ;GACD,QAAQ,EACN,aAAa,gBACd;GACD,UAAU;IACR,aAAa;IACb,QAAQ,EACN,aAAa,gBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,QAAQ,EACN,aAAa,mBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACF;GACF;EACD,WAAW;GACT,cAAc;GACd,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,KAAK;GACL,eAAe;GACf,UAAU;GACV,KAAK;GACL,iBAAiB,EACf,eAAe,GAChB;GACF;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,MAAM;GACN,UAAU,IAAI,GAAG;GACjB,SAAS;GACT,cAAc,EACZ,OAAO,0BACR;GACD,WAAW;IACT,QAAQ;IACR,cAAc,EACZ,OAAO,iBACR;IACF;GACD,WAAW,EACT,SAAS,QACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,OAAO;GACP,SAAS;GACT,KAAK;GACL,QAAQ;GACR,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;GACX,cAAc,EACZ,YAAY,wBACb;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,OAAO;IACR;GACD,uBAAuB,EACrB,kBAAkB,KACnB;GACF;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,mBAAmB;GACjB,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACP,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACD,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS,EACP,eAAe,KAChB;GACD,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,WAAW;IACZ;GACF;EACD,IAAI;GACF,SAAS;IACP,oBAAoB;IACpB,kBAAkB;IACnB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"TagsInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TagsInput.recipe.ts"],"sourcesContent":["import { tagsInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst extendedTagsInputAnatomy = tagsInputAnatomy.extendWith('tagsBlock', 'suffixBlock');\n\nconst tagsInputSlotRecipe = defineSlotRecipe({\n  className: 'tags-input',\n  slots: extendedTagsInputAnatomy.keys(),\n  base: {\n    root: {\n      width: 'full',\n    },\n    control: {\n      background: 'background/primary',\n      borderColor: 'border/regular',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      boxShadow: 'inset/field',\n      display: 'flex',\n      height: rem(88),\n      overflowY: 'auto',\n      transition: 'border-color 200ms',\n      _focusWithin: {\n        focusRing: 'outside',\n      },\n      _hover: {\n        borderColor: 'border/hover',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n        _hover: {\n          borderColor: 'border/error',\n        },\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n      _readOnly: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n    },\n    tagsBlock: {\n      alignContent: 'flex-start',\n      display: 'flex',\n      flex: '1',\n      flexWrap: 'wrap',\n      gap: '8',\n      minWidth: 0,\n    },\n    suffixBlock: {\n      alignItems: 'center',\n      alignSelf: 'flex-start',\n      display: 'flex',\n      flexShrink: '0',\n      gap: '8',\n      paddingInline: '4',\n      position: 'sticky',\n      top: 0,\n      '&:has(button)': {\n        paddingInline: 0,\n      },\n    },\n    input: {\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      flex: '1',\n      minWidth: rem(80),\n      outline: 'none',\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        _placeholder: {\n          color: 'text/disabled',\n        },\n      },\n      _readOnly: {\n        display: 'none',\n      },\n    },\n    item: {\n      display: 'flex',\n      maxWidth: '100%',\n      minWidth: 0,\n    },\n    itemPreview: {\n      alignItems: 'center',\n      background: 'sys/neutral/subtle',\n      borderColor: 'sys/neutral/muted',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      color: 'text/primary',\n      display: 'flex',\n      gap: '4',\n      height: '24',\n      maxWidth: '100%',\n      overflow: 'hidden',\n      paddingBlock: '2',\n      paddingInlineEnd: '1',\n      paddingInlineStart: '8',\n      textStyle: 'comp/tag/sm',\n      _highlighted: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        color: 'text/on-disabled',\n      },\n      '&:not(:has(button))': {\n        paddingInlineEnd: '8',\n      },\n    },\n    itemText: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    itemInput: {\n      background: 'transparent',\n      height: '24',\n      minWidth: '20',\n      outline: 'none',\n    },\n    itemDeleteTrigger: {\n      alignItems: 'center',\n      borderRadius: '2',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      flexShrink: '0',\n      height: '20',\n      justifyContent: 'center',\n      width: '20',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n    clearTrigger: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      padding: '4',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        control: {\n          paddingInline: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '8',\n        },\n        suffixBlock: {\n          height: '40',\n        },\n        input: {\n          height: '24',\n          textStyle: 'body/md/regular',\n        },\n      },\n      lg: {\n        control: {\n          paddingInlineStart: '12',\n          paddingInlineEnd: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '12',\n        },\n        suffixBlock: {\n          height: '48',\n        },\n        input: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default tagsInputSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAJ+B,iBAAiB,WAAW,aAAa,cAAc,CAItD,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,WAAW;GACX,SAAS;GACT,QAAQ,IAAI,GAAG;GACf,WAAW;GACX,YAAY;GACZ,cAAc,EACZ,WAAW,WACZ;GACD,QAAQ,EACN,aAAa,gBACd;GACD,UAAU;IACR,aAAa;IACb,QAAQ,EACN,aAAa,gBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,QAAQ,EACN,aAAa,mBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACF;GACF;EACD,WAAW;GACT,cAAc;GACd,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,KAAK;GACL,eAAe;GACf,UAAU;GACV,KAAK;GACL,iBAAiB,EACf,eAAe,GAChB;GACF;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,MAAM;GACN,UAAU,IAAI,GAAG;GACjB,SAAS;GACT,cAAc,EACZ,OAAO,0BACR;GACD,WAAW;IACT,QAAQ;IACR,cAAc,EACZ,OAAO,iBACR;IACF;GACD,WAAW,EACT,SAAS,QACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,OAAO;GACP,SAAS;GACT,KAAK;GACL,QAAQ;GACR,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;GACX,cAAc,EACZ,YAAY,wBACb;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,OAAO;IACR;GACD,uBAAuB,EACrB,kBAAkB,KACnB;GACF;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,mBAAmB;GACjB,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACP,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACD,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS,EACP,eAAe,KAChB;GACD,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,WAAW;IACZ;GACF;EACD,IAAI;GACF,SAAS;IACP,oBAAoB;IACpB,kBAAkB;IACnB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/theme/slot-recipes/index.d.ts

@@ -319,8 +319,8 @@ declare const slotRecipes: {
                         height: "40";
                         pointerEvents: "none";
                         position: "absolute";
-                        right: "0";
-                        top: "0";
+                        right: number;
+                        top: number;
                         width: "8";
                     };
                 };
@@ -669,6 +669,55 @@ declare const slotRecipes: {
             };
         };
     }>;
+    drawer: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop", {
+        variant: {
+            docked: {
+                closeTrigger: {
+                    insetEnd: string;
+                    top: "12";
+                };
+                content: {
+                    width: {
+                        base: "100vw";
+                        tablet: string;
+                    };
+                };
+            };
+            floating: {
+                body: {
+                    paddingInline: "24";
+                };
+                closeTrigger: {
+                    insetEnd: "24";
+                    top: "24";
+                };
+                positioner: {
+                    padding: "32";
+                };
+                content: {
+                    borderRadius: "12";
+                    boxShadow: "elevation/lg";
+                    maxWidth: string;
+                };
+                header: {
+                    paddingBlockEnd: "16";
+                    paddingBlockStart: "24";
+                    paddingInline: "24";
+                };
+                footer: {
+                    borderBlockStartColor: "transparent";
+                    borderBlockStartWidth: "0";
+                    paddingBlockEnd: "24";
+                    paddingBlockStart: "32";
+                    paddingInline: "24";
+                };
+                title: {
+                    color: "text/primary";
+                    textStyle: "comp/dialog/title";
+                };
+            };
+        };
+    }>;
     emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
         colorScheme: {
             white: {
@@ -1404,7 +1453,7 @@ declare const slotRecipes: {
                             content: "\"\"";
                             position: "absolute";
                             insetBlockStart: "-2px";
-                            insetInlineStart: "0";
+                            insetInlineStart: number;
                             width: "50%";
                             height: "2";
                             bg: "border/selected";
@@ -1430,7 +1479,7 @@ declare const slotRecipes: {
                         _before: {
                             content: "\"\"";
                             position: "absolute";
-                            insetBlockStart: "0";
+                            insetBlockStart: number;
                             insetInlineStart: "-2px";
                             width: "2";
                             height: "50%";

package/dist/theme/slot-recipes/index.js

@@ -14,6 +14,7 @@ import { selectSlotRecipe } from "./Select.recipe.js";
 import datePickerSelectSlotRecipe from "./DatePickerSelect.recipe.js";
 import dialogSlotRecipe from "./Dialog.recipe.js";
 import draggableCardSlotRecipe from "./DraggableCard.recipe.js";
+import drawerSlotRecipe from "./Drawer.recipe.js";
 import emptyStateSlotRecipe from "./EmptyState.recipe.js";
 import expandableCardSlotRecipe from "./ExpandableCard.recipe.js";
 import fieldSlotRecipe from "./Field.recipe.js";
@@ -66,6 +67,7 @@ var slotRecipes = {
 	datePickerSelect: datePickerSelectSlotRecipe,
 	dialog: dialogSlotRecipe,
 	draggableCard: draggableCardSlotRecipe,
+	drawer: drawerSlotRecipe,
 	emptyState: emptyStateSlotRecipe,
 	expandableCard: expandableCardSlotRecipe,
 	field: fieldSlotRecipe,

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;CACX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;CACX"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.197",
+  "version": "0.3.199",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -74,7 +74,7 @@
     "release-it": "^19.2.4",
     "storybook": "10.3.5",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^5.2.0"