@bitrise/bitkit-v2 0.3.491 → 0.3.492
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/theme/slot-recipes/Collapsible.recipe.js +1 -1
- package/dist/theme/slot-recipes/Collapsible.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Dialog.recipe.js +1 -1
- package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js +1 -1
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/OverflowContent.recipe.js +1 -1
- package/dist/theme/slot-recipes/OverflowContent.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Popover.recipe.js +1 -1
- package/dist/theme/slot-recipes/Popover.recipe.js.map +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n className: 'collapsible',\n slots: [...collapsibleAnatomy.keys()],\n base: {\n root: {\n width: '100%',\n textStyle: 'body/lg/regular',\n },\n content: {\n overflow: 'hidden',\n position: 'relative',\n _open: {\n animationName: 'expand-height',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height',\n animationDuration: 'moderate',\n _after: {\n content: '\"\"',\n position: 'absolute',\n insetInlineStart: 0,\n insetInlineEnd: 0,\n bottom: 0,\n height: '32',\n background: '
|
|
1
|
+
{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n className: 'collapsible',\n slots: [...collapsibleAnatomy.keys()],\n base: {\n root: {\n width: '100%',\n textStyle: 'body/lg/regular',\n },\n content: {\n overflow: 'hidden',\n position: 'relative',\n _open: {\n animationName: 'expand-height',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height',\n animationDuration: 'moderate',\n _after: {\n content: '\"\"',\n position: 'absolute',\n insetInlineStart: 0,\n insetInlineEnd: 0,\n bottom: 0,\n height: '32',\n background: 'gradient/overflow/bottom',\n pointerEvents: 'none',\n },\n },\n },\n trigger: {\n display: 'flex',\n alignItems: 'center',\n color: 'text/link',\n cursor: 'pointer',\n gap: '4',\n textStyle: 'body/md/regular',\n paddingBlockStart: '8',\n width: 'fit-content',\n _hover: {\n color: 'text/link-hover',\n _active: {\n color: 'text/primary',\n },\n },\n _active: {\n color: 'text/primary',\n },\n },\n indicator: {},\n },\n});\n\nexport default collapsibleSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO,CAAC,GAAG,mBAAmB,KAAK,CAAC;CACpC,MAAM;EACJ,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,SAAS;GACP,UAAU;GACV,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;IACnB,QAAQ;KACN,SAAS;KACT,UAAU;KACV,kBAAkB;KAClB,gBAAgB;KAChB,QAAQ;KACR,QAAQ;KACR,YAAY;KACZ,eAAe;IACjB;GACF;EACF;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,KAAK;GACL,WAAW;GACX,mBAAmB;GACnB,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,SAAS,EACP,OAAO,eACT;EACF;EACA,WAAW,CAAC;CACd;AACF,CAAC"}
|
|
@@ -148,7 +148,7 @@ var dialogSlotRecipe = defineSlotRecipe({
|
|
|
148
148
|
gap: "4"
|
|
149
149
|
},
|
|
150
150
|
scrollGradient: {
|
|
151
|
-
background: "
|
|
151
|
+
background: "gradient/overflow/bottom",
|
|
152
152
|
bottom: 0,
|
|
153
153
|
height: "32",
|
|
154
154
|
pointerEvents: "none",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n className: 'dialog',\n slots: [\n ...dialogAnatomy.keys(),\n 'label',\n 'scrollArea',\n 'scrollBody',\n 'scrollButton',\n 'scrollGradient',\n 'stepDescription',\n 'stepHeader',\n 'stepTitle',\n 'stepTitleGroup',\n ] as const,\n base: {\n backdrop: {\n background: 'utilities/overlay',\n position: 'fixed',\n inset: 0,\n zIndex: 'calc({zIndex.dialogOverlay} + var(--layer-index, 0))',\n _open: {\n animationStyle: 'fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: { base: 'flex-start', tablet: 'center' },\n display: 'flex',\n height: '100dvh',\n justifyContent: 'center',\n left: 0,\n position: 'fixed',\n top: 0,\n width: '100dvw',\n zIndex: 'calc({zIndex.dialog} + var(--layer-index, 0))',\n },\n content: {\n background: 'background/primary',\n borderRadius: { base: 0, tablet: '8' },\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n position: 'relative',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n display: 'flex',\n flexDirection: 'column',\n gap: '48',\n paddingBlock: '24',\n paddingInline: '32',\n position: 'relative',\n },\n title: {\n color: 'text/primary',\n paddingInlineEnd: '48',\n textStyle: 'heading/h2',\n },\n description: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n label: {\n color: 'text/secondary',\n textStyle: 'comp/dialog/label',\n },\n body: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n gap: '24',\n paddingInline: '32',\n _last: {\n paddingBlockEnd: '48',\n },\n },\n scrollBody: {\n display: 'flex',\n flexDirection: 'column',\n minHeight: 0,\n _last: {\n paddingBlockEnd: '48',\n },\n },\n // Hugs the body exactly, so the gradient and the scroll button anchor to the end of the\n // scrollable content. They can't hang off `scrollBody`: that carries the trailing padding,\n // which only applies when no footer follows.\n scrollArea: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n footer: {\n paddingBlockEnd: '32',\n paddingBlockStart: '24',\n paddingInline: '32',\n },\n closeTrigger: {\n insetEnd: '24',\n position: 'absolute',\n top: '24',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: '100%',\n borderWidth: '1',\n bottom: '8',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n stepDescription: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n },\n stepHeader: {\n overflowY: 'auto',\n },\n stepTitle: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n stepTitleGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n },\n scrollGradient: {\n background: '
|
|
1
|
+
{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n className: 'dialog',\n slots: [\n ...dialogAnatomy.keys(),\n 'label',\n 'scrollArea',\n 'scrollBody',\n 'scrollButton',\n 'scrollGradient',\n 'stepDescription',\n 'stepHeader',\n 'stepTitle',\n 'stepTitleGroup',\n ] as const,\n base: {\n backdrop: {\n background: 'utilities/overlay',\n position: 'fixed',\n inset: 0,\n zIndex: 'calc({zIndex.dialogOverlay} + var(--layer-index, 0))',\n _open: {\n animationStyle: 'fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: { base: 'flex-start', tablet: 'center' },\n display: 'flex',\n height: '100dvh',\n justifyContent: 'center',\n left: 0,\n position: 'fixed',\n top: 0,\n width: '100dvw',\n zIndex: 'calc({zIndex.dialog} + var(--layer-index, 0))',\n },\n content: {\n background: 'background/primary',\n borderRadius: { base: 0, tablet: '8' },\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n position: 'relative',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n display: 'flex',\n flexDirection: 'column',\n gap: '48',\n paddingBlock: '24',\n paddingInline: '32',\n position: 'relative',\n },\n title: {\n color: 'text/primary',\n paddingInlineEnd: '48',\n textStyle: 'heading/h2',\n },\n description: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n label: {\n color: 'text/secondary',\n textStyle: 'comp/dialog/label',\n },\n body: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n gap: '24',\n paddingInline: '32',\n _last: {\n paddingBlockEnd: '48',\n },\n },\n scrollBody: {\n display: 'flex',\n flexDirection: 'column',\n minHeight: 0,\n _last: {\n paddingBlockEnd: '48',\n },\n },\n // Hugs the body exactly, so the gradient and the scroll button anchor to the end of the\n // scrollable content. They can't hang off `scrollBody`: that carries the trailing padding,\n // which only applies when no footer follows.\n scrollArea: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n footer: {\n paddingBlockEnd: '32',\n paddingBlockStart: '24',\n paddingInline: '32',\n },\n closeTrigger: {\n insetEnd: '24',\n position: 'absolute',\n top: '24',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: '100%',\n borderWidth: '1',\n bottom: '8',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n stepDescription: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n },\n stepHeader: {\n overflowY: 'auto',\n },\n stepTitle: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n stepTitleGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n },\n scrollGradient: {\n background: 'gradient/overflow/bottom',\n bottom: 0,\n height: '32',\n pointerEvents: 'none',\n position: 'absolute',\n width: '100%',\n },\n },\n variants: {\n scrollBehavior: {\n inside: {\n body: {\n overflowY: 'auto',\n _last: {\n paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n },\n },\n content: {\n maxHeight: 'calc(100dvh - 96px)',\n overflow: 'hidden',\n },\n },\n outside: {\n positioner: {\n overflow: 'auto',\n paddingBlock: { base: 0, tablet: '10vh' },\n },\n content: {\n marginBlock: { base: 0, tablet: 'auto' },\n },\n },\n },\n size: {\n full: {\n body: {\n minHeight: 0,\n overflowY: 'auto',\n },\n content: {\n borderRadius: '8',\n height: '100%',\n maxHeight: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n width: '100%',\n },\n positioner: {\n padding: '32',\n },\n },\n lg: {\n content: {\n width: { base: '100%', tablet: rem(800) },\n },\n },\n md: {\n content: {\n width: { base: '100%', tablet: rem(640) },\n },\n },\n sm: {\n content: {\n width: { base: '100%', tablet: rem(480) },\n },\n },\n },\n variant: {\n overflowContent: {\n content: {\n maxHeight: 'calc(100dvh - 48px)',\n overflow: 'hidden',\n },\n header: {\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n paddingInlineEnd: '32',\n textStyle: 'heading/h4',\n },\n body: {\n overflowY: 'auto',\n paddingBlockEnd: '8',\n paddingInline: '16',\n _last: {\n paddingBlockEnd: 0,\n },\n },\n scrollBody: {\n _last: {\n paddingBlockEnd: '16',\n },\n },\n footer: {\n paddingBlockEnd: '16',\n paddingBlockStart: 0,\n paddingInline: '16',\n },\n closeTrigger: {\n insetEnd: '12',\n top: '12',\n },\n },\n },\n },\n defaultVariants: {\n scrollBehavior: 'outside',\n size: 'md',\n },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
|
|
|
33
33
|
position: "relative"
|
|
34
34
|
},
|
|
35
35
|
gradient: {
|
|
36
|
-
background: "
|
|
36
|
+
background: "gradient/overflow/bottom",
|
|
37
37
|
bottom: 0,
|
|
38
38
|
height: "128",
|
|
39
39
|
insetInline: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n className: 'markdown-card',\n slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n base: {\n root: {\n backgroundColor: 'background/primary',\n overflow: 'hidden',\n },\n iconBar: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n paddingInline: '8',\n paddingBlock: '12',\n flexShrink: 0,\n borderInlineEnd: '1px solid',\n },\n content: {\n flex: 1,\n paddingInlineStart: '16',\n paddingInlineEnd: '24',\n paddingBlockStart: '24',\n minWidth: 0,\n position: 'relative',\n },\n gradient: {\n background: '
|
|
1
|
+
{"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n className: 'markdown-card',\n slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n base: {\n root: {\n backgroundColor: 'background/primary',\n overflow: 'hidden',\n },\n iconBar: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n paddingInline: '8',\n paddingBlock: '12',\n flexShrink: 0,\n borderInlineEnd: '1px solid',\n },\n content: {\n flex: 1,\n paddingInlineStart: '16',\n paddingInlineEnd: '24',\n paddingBlockStart: '24',\n minWidth: 0,\n position: 'relative',\n },\n gradient: {\n background: 'gradient/overflow/bottom',\n bottom: 0,\n height: '128',\n insetInline: 0,\n pointerEvents: 'none',\n position: 'absolute',\n },\n footerButtons: {\n justifyContent: 'flex-end',\n paddingBlockEnd: '16',\n paddingBlockStart: '16',\n paddingInlineEnd: '8',\n },\n },\n variants: {\n status: {\n info: {\n iconBar: {\n backgroundColor: 'background/secondary',\n borderColor: 'border/regular',\n color: 'icon/secondary',\n },\n root: {\n borderColor: 'border/regular',\n },\n },\n success: {\n iconBar: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n color: 'color/green/base',\n },\n root: {\n borderColor: 'status/success/border',\n },\n },\n warning: {\n iconBar: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n color: 'color/yellow/base',\n },\n root: {\n borderColor: 'status/warning/border',\n },\n },\n critical: {\n iconBar: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n color: 'color/red/base',\n },\n root: {\n borderColor: 'status/critical/border',\n },\n },\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default markdownCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAW;EAAW;EAAY;CAAe;CAChF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY;GACZ,iBAAiB;EACnB;EACA,SAAS;GACP,MAAM;GACN,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,aAAa;GACb,eAAe;GACf,UAAU;EACZ;EACA,eAAe;GACb,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;EACpB;CACF;CACA,UAAU,EACR,QAAQ;EACN,MAAM;GACJ,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,iBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,wBACf;EACF;EACA,UAAU;GACR,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT;GACA,MAAM,EACJ,aAAa,yBACf;EACF;CACF,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}
|
|
@@ -22,7 +22,7 @@ var overflowContentSlotRecipe = defineSlotRecipe({
|
|
|
22
22
|
textStyle: "body/md/regular",
|
|
23
23
|
whiteSpace: "nowrap",
|
|
24
24
|
_after: {
|
|
25
|
-
background: "
|
|
25
|
+
background: "gradient/overflow/right",
|
|
26
26
|
content: "\"\"",
|
|
27
27
|
height: "100%",
|
|
28
28
|
pointerEvents: "none",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n className: 'overflowContent',\n slots: ['root', 'preview', 'action'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n gap: '4',\n },\n preview: {\n flex: '1',\n minWidth: 0,\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n _after: {\n background: '
|
|
1
|
+
{"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n className: 'overflowContent',\n slots: ['root', 'preview', 'action'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n gap: '4',\n },\n preview: {\n flex: '1',\n minWidth: 0,\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n _after: {\n background: 'gradient/overflow/right',\n content: '\"\"',\n height: '100%',\n pointerEvents: 'none',\n position: 'absolute',\n right: 0,\n top: 0,\n width: '32',\n },\n },\n action: {\n flexShrink: '0',\n },\n },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAQ;CACnC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;EACP;EACA,SAAS;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;GACT;EACF;EACA,QAAQ,EACN,YAAY,IACd;CACF;AACF,CAAC"}
|
|
@@ -76,7 +76,7 @@ var popoverSlotRecipe = defineSlotRecipe({
|
|
|
76
76
|
paddingInline: "16"
|
|
77
77
|
},
|
|
78
78
|
scrollGradient: {
|
|
79
|
-
background: "
|
|
79
|
+
background: "gradient/overflow/bottom",
|
|
80
80
|
bottom: 0,
|
|
81
81
|
height: "32",
|
|
82
82
|
pointerEvents: "none",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n className: 'popover',\n slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n base: {\n content: {\n background: 'background/primary',\n borderRadius: '8',\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '60vh',\n outline: 'none',\n overflow: 'hidden',\n position: 'relative',\n transformOrigin: 'var(--transform-origin)',\n width: rem(360),\n zIndex: 'popover',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n color: 'text/primary',\n flex: '1',\n minWidth: 0,\n textStyle: 'heading/h4',\n wordBreak: 'break-word',\n },\n closeTrigger: {\n flexShrink: 0,\n },\n scrollBody: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n body: {\n flex: '1',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlockEnd: '16',\n paddingBlockStart: '8',\n paddingInline: '16',\n },\n footer: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n justifyContent: 'space-between',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '16',\n },\n scrollGradient: {\n background: '
|
|
1
|
+
{"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n className: 'popover',\n slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n base: {\n content: {\n background: 'background/primary',\n borderRadius: '8',\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '60vh',\n outline: 'none',\n overflow: 'hidden',\n position: 'relative',\n transformOrigin: 'var(--transform-origin)',\n width: rem(360),\n zIndex: 'popover',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n color: 'text/primary',\n flex: '1',\n minWidth: 0,\n textStyle: 'heading/h4',\n wordBreak: 'break-word',\n },\n closeTrigger: {\n flexShrink: 0,\n },\n scrollBody: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n },\n body: {\n flex: '1',\n minHeight: 0,\n overflowY: 'auto',\n paddingBlockEnd: '16',\n paddingBlockStart: '8',\n paddingInline: '16',\n },\n footer: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n gap: '8',\n justifyContent: 'space-between',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '16',\n },\n scrollGradient: {\n background: 'gradient/overflow/bottom',\n bottom: 0,\n height: '32',\n pointerEvents: 'none',\n position: 'absolute',\n width: '100%',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: 'full',\n borderWidth: '1',\n bottom: '8',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n },\n});\n\nexport default popoverSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EAAC,GAAG,eAAe,KAAK;EAAG;EAAc;EAAgB;CAAgB;CAChF,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,UAAU;GACV,iBAAiB;GACjB,OAAO,IAAI,GAAG;GACd,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,WAAW;EACb;EACA,cAAc,EACZ,YAAY,EACd;EACA,YAAY;GACV,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;CACF;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.492",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -73,31 +73,31 @@
|
|
|
73
73
|
"@figma-export/cli": "^6.4.1",
|
|
74
74
|
"@figma-export/output-components-as-svg": "^6.4.1",
|
|
75
75
|
"@figma-export/transform-svg-with-svgo": "^6.4.1",
|
|
76
|
-
"@google-cloud/storage": "^8.
|
|
77
|
-
"@storybook/addon-docs": "10.6.
|
|
78
|
-
"@storybook/addon-mcp": "10.6.
|
|
79
|
-
"@storybook/addon-themes": "10.6.
|
|
80
|
-
"@storybook/react-vite": "10.6.
|
|
76
|
+
"@google-cloud/storage": "^8.4.0",
|
|
77
|
+
"@storybook/addon-docs": "10.6.2",
|
|
78
|
+
"@storybook/addon-mcp": "10.6.2",
|
|
79
|
+
"@storybook/addon-themes": "10.6.2",
|
|
80
|
+
"@storybook/react-vite": "10.6.2",
|
|
81
81
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
82
|
-
"@types/node": "^26.6.
|
|
82
|
+
"@types/node": "^26.6.5",
|
|
83
83
|
"@types/react": "^18.3.31",
|
|
84
84
|
"@types/react-dom": "^18.3.7",
|
|
85
85
|
"@vitejs/plugin-react": "^6.1.2",
|
|
86
86
|
"react": "^18.3.1",
|
|
87
87
|
"react-dom": "^18.3.1",
|
|
88
|
-
"release-it": "^21.1.
|
|
89
|
-
"storybook": "10.6.
|
|
90
|
-
"svgo": "
|
|
88
|
+
"release-it": "^21.1.1",
|
|
89
|
+
"storybook": "10.6.2",
|
|
90
|
+
"svgo": "~3.3.4",
|
|
91
91
|
"tsx": "^4.23.15",
|
|
92
92
|
"typescript": "^6.0.3",
|
|
93
|
-
"vite": "^8.3.
|
|
93
|
+
"vite": "^8.3.4",
|
|
94
94
|
"vite-plugin-dts": "^5.1.2",
|
|
95
95
|
"vite-plugin-svgr": "^5.2.0"
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
98
98
|
"@ark-ui/react": "5.39.2",
|
|
99
99
|
"@fontsource-variable/figtree": "^5.3.0",
|
|
100
|
-
"@fontsource-variable/source-code-pro": "^5.3.
|
|
100
|
+
"@fontsource-variable/source-code-pro": "^5.3.1",
|
|
101
101
|
"@zag-js/dom-query": "1.43.3",
|
|
102
102
|
"@zag-js/remove-scroll": "1.43.3",
|
|
103
103
|
"es-toolkit": "^1.52.0",
|