@bitrise/bitkit-v2 0.3.265 → 0.3.266
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/Drawer.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js +1 -1
- package/dist/theme/slot-recipes/Drawer.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/dist/theme/slot-recipes/SplitButton.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/SplitButton.recipe.js +1 -1
- package/dist/theme/slot-recipes/SplitButton.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Table.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Table.recipe.js +3 -3
- package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +5 -5
- package/dist/theme/tokens/{border-widths.js → borderWidths.js} +2 -2
- package/dist/theme/tokens/borderWidths.js.map +1 -0
- package/dist/theme/tokens/index.js +1 -1
- package/dist/theme/tokens/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/theme/tokens/border-widths.js.map +0 -1
- /package/dist/theme/tokens/{border-widths.d.ts → borderWidths.d.ts} +0 -0
|
@@ -35,7 +35,7 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
|
|
|
35
35
|
};
|
|
36
36
|
footer: {
|
|
37
37
|
borderBlockStartColor: "transparent";
|
|
38
|
-
borderBlockStartWidth:
|
|
38
|
+
borderBlockStartWidth: number;
|
|
39
39
|
paddingBlockEnd: "24";
|
|
40
40
|
paddingBlockStart: "32";
|
|
41
41
|
paddingInline: "24";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n className: 'drawer',\n slots: drawerAnatomy.keys(),\n base: {\n backdrop: {\n background: 'utilities/overlay-light',\n inset: 0,\n position: 'fixed',\n zIndex: 'dialogOverlay',\n _open: {\n animationName: 'fade-in',\n animationDuration: 'slow',\n },\n _closed: {\n animationName: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: 'stretch',\n display: 'flex',\n inset: 0,\n justifyContent: 'flex-end',\n overscrollBehaviorY: 'none',\n position: 'fixed',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '100dvh',\n outline: 'none',\n position: 'relative',\n _open: {\n animationDuration: 'slowest',\n animationName: {\n base: 'slide-from-right-full, fade-in',\n _rtl: 'slide-from-left-full, fade-in',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n _closed: {\n animationDuration: 'slower',\n animationName: {\n base: 'slide-to-right-full, fade-out',\n _rtl: 'slide-to-left-full, fade-out',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n },\n header: {\n paddingBlockEnd: '8',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n body: {\n flex: '1',\n overflow: 'auto',\n },\n footer: {\n borderBlockStartColor: 'border/regular',\n borderBlockStartWidth: '1',\n paddingBlock: '12',\n },\n title: {\n color: 'text/tertiary',\n flex: '1',\n textStyle: 'heading/h6',\n },\n description: {},\n closeTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n display: 'inline-flex',\n height: '40',\n justifyContent: 'center',\n position: 'absolute',\n width: '40',\n _hover: {\n backgroundColor: 'color/neutral/subtle',\n },\n _active: {\n backgroundColor: 'color/neutral/moderate',\n },\n },\n },\n variants: {\n variant: {\n docked: {\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n },\n floating: {\n body: {\n paddingInline: '24',\n },\n closeTrigger: {\n insetEnd: '24',\n top: '24',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700),\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth:
|
|
1
|
+
{"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n className: 'drawer',\n slots: drawerAnatomy.keys(),\n base: {\n backdrop: {\n background: 'utilities/overlay-light',\n inset: 0,\n position: 'fixed',\n zIndex: 'dialogOverlay',\n _open: {\n animationName: 'fade-in',\n animationDuration: 'slow',\n },\n _closed: {\n animationName: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: 'stretch',\n display: 'flex',\n inset: 0,\n justifyContent: 'flex-end',\n overscrollBehaviorY: 'none',\n position: 'fixed',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '100dvh',\n outline: 'none',\n position: 'relative',\n _open: {\n animationDuration: 'slowest',\n animationName: {\n base: 'slide-from-right-full, fade-in',\n _rtl: 'slide-from-left-full, fade-in',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n _closed: {\n animationDuration: 'slower',\n animationName: {\n base: 'slide-to-right-full, fade-out',\n _rtl: 'slide-to-left-full, fade-out',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n },\n header: {\n paddingBlockEnd: '8',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n body: {\n flex: '1',\n overflow: 'auto',\n },\n footer: {\n borderBlockStartColor: 'border/regular',\n borderBlockStartWidth: '1',\n paddingBlock: '12',\n },\n title: {\n color: 'text/tertiary',\n flex: '1',\n textStyle: 'heading/h6',\n },\n description: {},\n closeTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n display: 'inline-flex',\n height: '40',\n justifyContent: 'center',\n position: 'absolute',\n width: '40',\n _hover: {\n backgroundColor: 'color/neutral/subtle',\n },\n _active: {\n backgroundColor: 'color/neutral/moderate',\n },\n },\n },\n variants: {\n variant: {\n docked: {\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n },\n floating: {\n body: {\n paddingInline: '24',\n },\n closeTrigger: {\n insetEnd: '24',\n top: '24',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700),\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth: 0,\n paddingBlockEnd: '24',\n paddingBlockStart: '32',\n paddingInline: '24',\n },\n title: {\n color: 'text/primary',\n textStyle: 'comp/dialog/title',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'docked',\n },\n});\n\nexport default drawerSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;GACA,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;EACF;EACA,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,MAAM;GACJ,MAAM;GACN,UAAU;EACZ;EACA,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;EAChB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;EACb;EACA,aAAa,CAAC;EACd,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,uBACnB;GACA,SAAS,EACP,iBAAiB,yBACnB;EACF;CACF;CACA,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,EAAE;IAChB,KAAK;GACP;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,GAAG;GAAE,EAC3C;EACF;EACA,UAAU;GACR,MAAM,EACJ,eAAe,KACjB;GACA,cAAc;IACZ,UAAU;IACV,KAAK;GACP;GACA,YAAY,EACV,SAAS,KACX;GACA,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,GAAG;GACnB;GACA,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,OAAO;IACL,OAAO;IACP,WAAW;GACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,SACX;AACF,CAAC"}
|
|
@@ -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: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\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
|
+
{"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: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n slots: ['root', 'action', 'trigger'],\n className: 'split-button',\n base: {\n action: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0,\n },\n trigger: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0,\n },\n },\n variants: {\n variant: {\n primary: {\n trigger: {\n borderWidth:
|
|
1
|
+
{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n slots: ['root', 'action', 'trigger'],\n className: 'split-button',\n base: {\n action: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0,\n },\n trigger: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0,\n },\n },\n variants: {\n variant: {\n primary: {\n trigger: {\n borderWidth: 0,\n borderInlineStartWidth: '1',\n borderInlineStartColor: 'border/on-contrast',\n _hover: {\n borderInlineStartColor: 'border/on-contrast',\n _active: {\n borderInlineStartColor: 'border/on-contrast',\n },\n },\n _active: {\n borderInlineStartColor: 'border/on-contrast',\n },\n _disabled: {\n borderInlineStartColor: 'border/on-contrast',\n },\n _open: {\n backgroundColor: 'button/primary/bg-active',\n },\n },\n },\n secondary: {\n trigger: {\n _open: {\n backgroundColor: 'button/secondary/bg-active',\n borderColor: 'button/secondary/border-active',\n color: 'button/secondary/text-active',\n _icon: { color: 'button/secondary/icon-active' },\n },\n },\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n});\n\nexport default splitButtonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,OAAO;EAAC;EAAQ;EAAU;CAAS;CACnC,WAAW;CACX,MAAM;EACJ,QAAQ;GACN,sBAAsB;GACtB,oBAAoB;EACtB;EACA,SAAS;GACP,wBAAwB;GACxB,sBAAsB;EACxB;CACF;CACA,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS;GACP,aAAa;GACb,wBAAwB;GACxB,wBAAwB;GACxB,QAAQ;IACN,wBAAwB;IACxB,SAAS,EACP,wBAAwB,qBAC1B;GACF;GACA,SAAS,EACP,wBAAwB,qBAC1B;GACA,WAAW,EACT,wBAAwB,qBAC1B;GACA,OAAO,EACL,iBAAiB,2BACnB;EACF,EACF;EACA,WAAW,EACT,SAAS,EACP,OAAO;GACL,iBAAiB;GACjB,aAAa;GACb,OAAO;GACP,OAAO,EAAE,OAAO,+BAA+B;EACjD,EACF,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}
|
|
@@ -87,7 +87,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
87
87
|
};
|
|
88
88
|
};
|
|
89
89
|
'& :where(tr:last-child) td': {
|
|
90
|
-
borderBottomWidth:
|
|
90
|
+
borderBottomWidth: number;
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
93
|
};
|
|
@@ -104,7 +104,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
104
104
|
borderBottomWidth: "1";
|
|
105
105
|
};
|
|
106
106
|
header: {
|
|
107
|
-
borderWidth:
|
|
107
|
+
borderWidth: number;
|
|
108
108
|
clip: "rect(0, 0, 0, 0)";
|
|
109
109
|
height: "1";
|
|
110
110
|
margin: "-1px";
|
|
@@ -124,7 +124,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
124
124
|
display: "block";
|
|
125
125
|
paddingBlock: "12";
|
|
126
126
|
'&:last-child': {
|
|
127
|
-
borderBottomWidth:
|
|
127
|
+
borderBottomWidth: number;
|
|
128
128
|
};
|
|
129
129
|
};
|
|
130
130
|
cell: {
|
|
@@ -87,7 +87,7 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
87
87
|
},
|
|
88
88
|
body: {
|
|
89
89
|
"& :where(tr)": { _hover: { backgroundColor: "background/hover" } },
|
|
90
|
-
"& :where(tr:last-child) td": { borderBottomWidth:
|
|
90
|
+
"& :where(tr:last-child) td": { borderBottomWidth: 0 }
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
93
|
stacked: {
|
|
@@ -101,7 +101,7 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
101
101
|
borderBottomWidth: "1"
|
|
102
102
|
},
|
|
103
103
|
header: {
|
|
104
|
-
borderWidth:
|
|
104
|
+
borderWidth: 0,
|
|
105
105
|
clip: "rect(0, 0, 0, 0)",
|
|
106
106
|
height: "1",
|
|
107
107
|
margin: "-1px",
|
|
@@ -118,7 +118,7 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
118
118
|
borderBottomWidth: "1",
|
|
119
119
|
display: "block",
|
|
120
120
|
paddingBlock: "12",
|
|
121
|
-
"&:last-child": { borderBottomWidth:
|
|
121
|
+
"&:last-child": { borderBottomWidth: 0 }
|
|
122
122
|
},
|
|
123
123
|
cell: {
|
|
124
124
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth:
|
|
1
|
+
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,EACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,EACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
|
|
@@ -899,7 +899,7 @@ declare const slotRecipes: {
|
|
|
899
899
|
};
|
|
900
900
|
footer: {
|
|
901
901
|
borderBlockStartColor: "transparent";
|
|
902
|
-
borderBlockStartWidth:
|
|
902
|
+
borderBlockStartWidth: number;
|
|
903
903
|
paddingBlockEnd: "24";
|
|
904
904
|
paddingBlockStart: "32";
|
|
905
905
|
paddingInline: "24";
|
|
@@ -1773,7 +1773,7 @@ declare const slotRecipes: {
|
|
|
1773
1773
|
variant: {
|
|
1774
1774
|
primary: {
|
|
1775
1775
|
trigger: {
|
|
1776
|
-
borderWidth:
|
|
1776
|
+
borderWidth: number;
|
|
1777
1777
|
borderInlineStartWidth: "1";
|
|
1778
1778
|
borderInlineStartColor: "border/on-contrast";
|
|
1779
1779
|
_hover: {
|
|
@@ -2030,7 +2030,7 @@ declare const slotRecipes: {
|
|
|
2030
2030
|
};
|
|
2031
2031
|
};
|
|
2032
2032
|
'& :where(tr:last-child) td': {
|
|
2033
|
-
borderBottomWidth:
|
|
2033
|
+
borderBottomWidth: number;
|
|
2034
2034
|
};
|
|
2035
2035
|
};
|
|
2036
2036
|
};
|
|
@@ -2047,7 +2047,7 @@ declare const slotRecipes: {
|
|
|
2047
2047
|
borderBottomWidth: "1";
|
|
2048
2048
|
};
|
|
2049
2049
|
header: {
|
|
2050
|
-
borderWidth:
|
|
2050
|
+
borderWidth: number;
|
|
2051
2051
|
clip: "rect(0, 0, 0, 0)";
|
|
2052
2052
|
height: "1";
|
|
2053
2053
|
margin: "-1px";
|
|
@@ -2067,7 +2067,7 @@ declare const slotRecipes: {
|
|
|
2067
2067
|
display: "block";
|
|
2068
2068
|
paddingBlock: "12";
|
|
2069
2069
|
'&:last-child': {
|
|
2070
|
-
borderBottomWidth:
|
|
2070
|
+
borderBottomWidth: number;
|
|
2071
2071
|
};
|
|
2072
2072
|
};
|
|
2073
2073
|
cell: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineTokens } from "@chakra-ui/react/styled-system";
|
|
2
|
-
//#region lib/theme/tokens/
|
|
2
|
+
//#region lib/theme/tokens/borderWidths.ts
|
|
3
3
|
var borderWidths = defineTokens.borderWidths({
|
|
4
4
|
"1": { value: "1px" },
|
|
5
5
|
"2": { value: "2px" }
|
|
@@ -7,4 +7,4 @@ var borderWidths = defineTokens.borderWidths({
|
|
|
7
7
|
//#endregion
|
|
8
8
|
export { borderWidths as default };
|
|
9
9
|
|
|
10
|
-
//# sourceMappingURL=
|
|
10
|
+
//# sourceMappingURL=borderWidths.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './borderWidths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n animations,\n borderWidths,\n colors,\n durations,\n easings,\n fonts,\n fontSizes,\n fontWeights,\n radii,\n sizes,\n spacing,\n zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"border-widths.js","names":[],"sources":["../../../lib/theme/tokens/border-widths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
File without changes
|