@bitrise/bitkit-v2 0.3.263 → 0.3.264
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/common/InputAndTextarea.common.d.ts +1 -1
- package/dist/theme/common/InputAndTextarea.common.js +1 -1
- package/dist/theme/common/InputAndTextarea.common.js.map +1 -1
- package/dist/theme/recipes/Button.recipe.js +1 -1
- package/dist/theme/recipes/Button.recipe.js.map +1 -1
- package/dist/theme/recipes/Spinner.recipe.js +1 -2
- package/dist/theme/recipes/Spinner.recipe.js.map +1 -1
- package/dist/theme/recipes/ToggleButton.recipe.js +1 -1
- package/dist/theme/recipes/ToggleButton.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/Drawer.recipe.js +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/FileUpload.recipe.js +1 -1
- package/dist/theme/slot-recipes/FileUpload.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/ImageCropper.recipe.js +5 -5
- package/dist/theme/slot-recipes/ImageCropper.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Multiselect.recipe.js +1 -1
- package/dist/theme/slot-recipes/Multiselect.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/NativeSelect.recipe.js +1 -1
- package/dist/theme/slot-recipes/NativeSelect.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Pagination.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Pagination.recipe.js +1 -1
- package/dist/theme/slot-recipes/Pagination.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/PaginationLoadMore.recipe.js +1 -1
- package/dist/theme/slot-recipes/PaginationLoadMore.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Ribbon.recipe.js +1 -1
- package/dist/theme/slot-recipes/Ribbon.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/SegmentGroup.recipe.js +1 -1
- package/dist/theme/slot-recipes/SegmentGroup.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Select.recipe.js +2 -2
- package/dist/theme/slot-recipes/Select.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 -2
- package/dist/theme/slot-recipes/SplitButton.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Steps.recipe.d.ts +2 -2
- package/dist/theme/slot-recipes/Steps.recipe.js +3 -3
- package/dist/theme/slot-recipes/Steps.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Table.recipe.d.ts +5 -5
- package/dist/theme/slot-recipes/Table.recipe.js +6 -6
- package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/TagsInput.recipe.js +2 -2
- package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Tooltip.recipe.js +2 -2
- package/dist/theme/slot-recipes/Tooltip.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +9 -9
- package/dist/theme/tokens/border-widths.d.ts +9 -0
- package/dist/theme/tokens/border-widths.js +10 -0
- package/dist/theme/tokens/border-widths.js.map +1 -0
- package/dist/theme/tokens/index.d.ts +8 -0
- package/dist/theme/tokens/index.js +2 -0
- package/dist/theme/tokens/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputAndTextarea.common.js","names":[],"sources":["../../../lib/theme/common/InputAndTextarea.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base = {\n appearance: 'none',\n background: 'background/primary',\n borderColor: 'border/regular',\n borderRadius: '4',\n borderWidth:
|
|
1
|
+
{"version":3,"file":"InputAndTextarea.common.js","names":[],"sources":["../../../lib/theme/common/InputAndTextarea.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base = {\n appearance: 'none',\n background: 'background/primary',\n borderColor: 'border/regular',\n borderRadius: '4',\n borderWidth: '1',\n color: 'input/text/inputValue',\n textStyle: 'body/lg/regular',\n width: '100%',\n boxShadow: 'inset/field',\n transition: 'border 200ms',\n _placeholder: {\n color: 'input/text/placeholder',\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 _hover: {\n borderColor: 'border/disabled',\n },\n _placeholder: {\n color: 'text/disabled',\n },\n color: 'text/disabled',\n background: 'background/disabled',\n cursor: 'not-allowed',\n },\n _readOnly: {\n _hover: {\n borderColor: 'border/regular',\n },\n background: 'background/disabled',\n },\n} satisfies SystemStyleObject;\n\nexport const variants = {\n size: {\n md: {\n paddingInline: rem(11),\n paddingBlock: rem(9),\n textStyle: 'body/md/regular',\n '--input-height': rem(40),\n },\n lg: {\n paddingInline: rem(15),\n paddingBlock: rem(11),\n textStyle: 'body/lg/regular',\n '--input-height': rem(48),\n },\n },\n} satisfies Record<'size', Record<'md' | 'lg', SystemStyleObject>>;\n\nexport const defaultVariants: Record<'size', 'md' | 'lg'> = {\n size: 'lg',\n};\n\n/**\n * Additional styles for single-line `<input>` elements to opt out of the textStyle's explicit\n * line-height. With this override the caret follows the font's natural metrics (~font-size ×\n * 1.15) instead of the 20/24px line-height, so it no longer visually extends past sibling icons\n * in input groups. Textarea should NOT use this — multi-line text needs the textStyle line-height.\n */\nexport const singleLineInputOverrides = {\n lineHeight: 'normal',\n} satisfies SystemStyleObject;\n"],"mappings":";;AAIA,IAAa,OAAO;CAClB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,cAAc;CACd,aAAa;CACb,OAAO;CACP,WAAW;CACX,OAAO;CACP,WAAW;CACX,YAAY;CACZ,cAAc,EACZ,OAAO,yBACT;CACA,QAAQ,EACN,aAAa,eACf;CACA,UAAU;EACR,aAAa;EACb,QAAQ,EACN,aAAa,eACf;CACF;CACA,WAAW;EACT,QAAQ,EACN,aAAa,kBACf;EACA,cAAc,EACZ,OAAO,gBACT;EACA,OAAO;EACP,YAAY;EACZ,QAAQ;CACV;CACA,WAAW;EACT,QAAQ,EACN,aAAa,iBACf;EACA,YAAY;CACd;AACF;AAEA,IAAa,WAAW,EACtB,MAAM;CACJ,IAAI;EACF,eAAe,IAAI,EAAE;EACrB,cAAc,IAAI,CAAC;EACnB,WAAW;EACX,kBAAkB,IAAI,EAAE;CAC1B;CACA,IAAI;EACF,eAAe,IAAI,EAAE;EACrB,cAAc,IAAI,EAAE;EACpB,WAAW;EACX,kBAAkB,IAAI,EAAE;CAC1B;AACF,EACF;AAEA,IAAa,kBAA+C,EAC1D,MAAM,KACR;;;;;;;AAQA,IAAa,2BAA2B,EACtC,YAAY,SACd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\n// `as const` is load-bearing: without it `(typeof buttonVariants)[number]` widens to `string`,\n// which collapses the recipe's `variant` prop type to `string` — losing TS autocomplete/checking\n// and leaving Storybook/docgen (and the bitkit-storybook MCP) unable to enumerate the variants.\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n] as const;\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary') ? `button/${variant}/border` : `button/${variant}/bg`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `button/${variant}/border-disabled`\n : `button/${variant}/bg-disabled`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n const isSecondary = variant === 'secondary';\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `button/${variant}/bg-hover`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-hover` : `button/${variant}/bg-hover`,\n color: isSecondary ? 'button/secondary/text-hover' : `button/${variant}/fg-hover`,\n _icon: {\n color: isSecondary ? 'button/secondary/icon-hover' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `button/${variant}/bg-active`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-active` : `button/${variant}/bg-active`,\n color: isSecondary ? 'button/secondary/text-active' : `button/${variant}/fg-active`,\n _icon: {\n color: isSecondary ? 'button/secondary/icon-active' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `button/${variant}/bg-disabled!`,\n borderColor: `${disabledBorderColor}!`,\n color: isSecondary ? 'button/secondary/text-disabled!' : `button/${variant}/fg-disabled!`,\n cursor: 'not-allowed',\n _icon: {\n color: isSecondary ? 'button/secondary/icon-disabled' : undefined,\n },\n },\n _icon: {\n color: isSecondary ? 'button/secondary/icon' : undefined,\n },\n backgroundColor: `button/${variant}/bg`,\n borderColor,\n borderStyle: 'solid',\n borderWidth:
|
|
1
|
+
{"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\n// `as const` is load-bearing: without it `(typeof buttonVariants)[number]` widens to `string`,\n// which collapses the recipe's `variant` prop type to `string` — losing TS autocomplete/checking\n// and leaving Storybook/docgen (and the bitkit-storybook MCP) unable to enumerate the variants.\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n] as const;\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary') ? `button/${variant}/border` : `button/${variant}/bg`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `button/${variant}/border-disabled`\n : `button/${variant}/bg-disabled`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n const isSecondary = variant === 'secondary';\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `button/${variant}/bg-hover`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-hover` : `button/${variant}/bg-hover`,\n color: isSecondary ? 'button/secondary/text-hover' : `button/${variant}/fg-hover`,\n _icon: {\n color: isSecondary ? 'button/secondary/icon-hover' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `button/${variant}/bg-active`,\n borderColor: variant?.includes('secondary') ? `button/${variant}/border-active` : `button/${variant}/bg-active`,\n color: isSecondary ? 'button/secondary/text-active' : `button/${variant}/fg-active`,\n _icon: {\n color: isSecondary ? 'button/secondary/icon-active' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `button/${variant}/bg-disabled!`,\n borderColor: `${disabledBorderColor}!`,\n color: isSecondary ? 'button/secondary/text-disabled!' : `button/${variant}/fg-disabled!`,\n cursor: 'not-allowed',\n _icon: {\n color: isSecondary ? 'button/secondary/icon-disabled' : undefined,\n },\n },\n _icon: {\n color: isSecondary ? 'button/secondary/icon' : undefined,\n },\n backgroundColor: `button/${variant}/bg`,\n borderColor,\n borderStyle: 'solid',\n borderWidth: '1',\n color: isSecondary ? 'button/secondary/text' : `button/${variant}/fg`,\n };\n return obj;\n },\n {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n className: 'button',\n base: {\n borderRadius: '4',\n cursor: 'pointer',\n fontWeight: 600,\n border: '1px solid transparent',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '8',\n position: 'relative',\n '--spinner-color': 'currentColor',\n '--spinner-size': 'sizes.16',\n _disabled: {\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: variantStyles,\n size: {\n sm: {\n minWidth: '32',\n height: '32',\n paddingInline: rem(11),\n paddingBlock: rem(5),\n textStyle: 'comp/button/sm',\n },\n md: {\n minWidth: '40',\n height: '40',\n paddingInline: rem(15),\n paddingBlock: rem(7),\n textStyle: 'comp/button/md',\n },\n lg: {\n minWidth: '48',\n height: '48',\n padding: rem(15),\n textStyle: 'comp/button/lg',\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'lg',\n },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AAwEA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,cACV;CACF;CACA,UAAU;EACR,SAtEkB;GAbpB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAKoB,EAAe,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,WAAW,UAAU,QAAQ;GAClG,IAAI,sBAAsB,SAAS,SAAS,WAAW,IACnD,UAAU,QAAQ,oBAClB,UAAU,QAAQ;GACtB,IAAI,SAAS,SAAS,UAAU,GAAG;IACjC,cAAc;IACd,sBAAsB;GACxB;GACA,MAAM,cAAc,YAAY;GAChC,IAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,UAAU,QAAQ;KACnC,aAAa,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,iBAAiB,UAAU,QAAQ;KACnG,OAAO,cAAc,gCAAgC,UAAU,QAAQ;KACvE,OAAO,EACL,OAAO,cAAc,gCAAgC,KAAA,EACvD;IACF;IACA,YAAY;KACV,iBAAiB,UAAU,QAAQ;KACnC,aAAa,SAAS,SAAS,WAAW,IAAI,UAAU,QAAQ,kBAAkB,UAAU,QAAQ;KACpG,OAAO,cAAc,iCAAiC,UAAU,QAAQ;KACxE,OAAO,EACL,OAAO,cAAc,iCAAiC,KAAA,EACxD;IACF;IACA,WAAW;KACT,iBAAiB,UAAU,QAAQ;KACnC,aAAa,GAAG,oBAAoB;KACpC,OAAO,cAAc,oCAAoC,UAAU,QAAQ;KAC3E,QAAQ;KACR,OAAO,EACL,OAAO,cAAc,mCAAmC,KAAA,EAC1D;IACF;IACA,OAAO,EACL,OAAO,cAAc,0BAA0B,KAAA,EACjD;IACA,iBAAiB,UAAU,QAAQ;IACnC;IACA,aAAa;IACb,aAAa;IACb,OAAO,cAAc,0BAA0B,UAAU,QAAQ;GACnE;GACA,OAAO;EACT,GACA,CAAC,CAsBU;EACT,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,EAAE;IACrB,cAAc,IAAI,CAAC;IACnB,WAAW;GACb;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,EAAE;IACf,WAAW;GACb;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { rem } from "../themeUtils.js";
|
|
2
1
|
import { defineRecipe } from "@chakra-ui/react/styled-system";
|
|
3
2
|
//#region lib/theme/recipes/Spinner.recipe.ts
|
|
4
3
|
var spinnerRecipe = defineRecipe({
|
|
@@ -9,7 +8,7 @@ var spinnerRecipe = defineRecipe({
|
|
|
9
8
|
display: "inline-block",
|
|
10
9
|
borderColor: "var(--spinner-color)",
|
|
11
10
|
borderStyle: "solid",
|
|
12
|
-
borderWidth:
|
|
11
|
+
borderWidth: "2",
|
|
13
12
|
borderRadius: "100%",
|
|
14
13
|
width: "var(--spinner-size)",
|
|
15
14
|
height: "var(--spinner-size)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Spinner.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\
|
|
1
|
+
{"version":3,"file":"Spinner.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Spinner.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst spinnerRecipe = defineRecipe({\n className: 'spinner',\n base: {\n '--spinner-color': 'currentColor',\n '--spinner-track-color': 'transparent',\n display: 'inline-block',\n borderColor: 'var(--spinner-color)',\n borderStyle: 'solid',\n borderWidth: '2',\n borderRadius: '100%',\n width: 'var(--spinner-size)',\n height: 'var(--spinner-size)',\n animation: 'spin',\n animationDuration: '500ms',\n borderBottomColor: 'var(--spinner-track-color)',\n borderInlineStartColor: 'var(--spinner-track-color)',\n },\n variants: {\n size: {\n md: { '--spinner-size': 'sizes.12' },\n lg: { '--spinner-size': 'sizes.20' },\n },\n variant: {\n primary: {\n '--spinner-color': 'colors.purple.10',\n },\n purple: {\n '--spinner-color': 'colors.purple.40',\n },\n white: {\n '--spinner-color': 'colors.neutral.100',\n },\n 'on-disabled': {\n '--spinner-color': 'colors.neutral.70',\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default spinnerRecipe;\n"],"mappings":";;AAEA,IAAM,gBAAgB,aAAa;CACjC,WAAW;CACX,MAAM;EACJ,mBAAmB;EACnB,yBAAyB;EACzB,SAAS;EACT,aAAa;EACb,aAAa;EACb,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,WAAW;EACX,mBAAmB;EACnB,mBAAmB;EACnB,wBAAwB;CAC1B;CACA,UAAU;EACR,MAAM;GACJ,IAAI,EAAE,kBAAkB,WAAW;GACnC,IAAI,EAAE,kBAAkB,WAAW;EACrC;EACA,SAAS;GACP,SAAS,EACP,mBAAmB,mBACrB;GACA,QAAQ,EACN,mBAAmB,mBACrB;GACA,OAAO,EACL,mBAAmB,qBACrB;GACA,eAAe,EACb,mBAAmB,oBACrB;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -33,7 +33,7 @@ var toggleButtonRecipe = defineRecipe({
|
|
|
33
33
|
justifyContent: "center",
|
|
34
34
|
borderRadius: "4",
|
|
35
35
|
cursor: "pointer",
|
|
36
|
-
borderWidth: "
|
|
36
|
+
borderWidth: "1",
|
|
37
37
|
background: "button/secondary/bg",
|
|
38
38
|
borderColor: "button/secondary/border",
|
|
39
39
|
color: "button/secondary/icon",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst selectedActive: SystemStyleObject = {\n background: 'background/selected-active',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst active: SystemStyleObject = {\n background: 'button/secondary/bg-active',\n borderColor: 'button/secondary/border-active',\n color: 'button/secondary/icon-active',\n};\n\nconst disabled: SystemStyleObject = {\n background: 'button/secondary/bg-disabled',\n borderColor: 'button/secondary/border-disabled',\n color: 'button/secondary/icon-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n className: 'toggle-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n cursor: 'pointer',\n borderWidth: '
|
|
1
|
+
{"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst selectedActive: SystemStyleObject = {\n background: 'background/selected-active',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst active: SystemStyleObject = {\n background: 'button/secondary/bg-active',\n borderColor: 'button/secondary/border-active',\n color: 'button/secondary/icon-active',\n};\n\nconst disabled: SystemStyleObject = {\n background: 'button/secondary/bg-disabled',\n borderColor: 'button/secondary/border-disabled',\n color: 'button/secondary/icon-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n className: 'toggle-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n cursor: 'pointer',\n borderWidth: '1',\n background: 'button/secondary/bg',\n borderColor: 'button/secondary/border',\n color: 'button/secondary/icon',\n _hover: {\n background: 'button/secondary/bg-hover',\n borderColor: 'button/secondary/border-hover',\n _active: active,\n _pressed: {\n ...selectedHover,\n _active: selectedActive,\n },\n },\n _active: active,\n _pressed: {\n ...selected,\n _active: selectedActive,\n },\n _disabled: {\n cursor: 'not-allowed',\n ...disabled,\n _pressed: disabled,\n },\n },\n variants: {\n size: {\n sm: { padding: '8' },\n md: { padding: '12' },\n lg: { padding: '12' },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default toggleButtonRecipe;\n"],"mappings":";;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;AACT;AAEA,IAAM,gBAAmC;CACvC,YAAY;CACZ,aAAa;CACb,OAAO;AACT;AAEA,IAAM,iBAAoC;CACxC,YAAY;CACZ,aAAa;CACb,OAAO;AACT;AAEA,IAAM,SAA4B;CAChC,YAAY;CACZ,aAAa;CACb,OAAO;AACT;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;AACT;AAEA,IAAM,qBAAqB,aAAa;CACtC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,SAAS;GACT,UAAU;IACR,GAAG;IACH,SAAS;GACX;EACF;EACA,SAAS;EACT,UAAU;GACR,GAAG;GACH,SAAS;EACX;EACA,WAAW;GACT,QAAQ;GACR,GAAG;GACH,UAAU;EACZ;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,IAAI;EACnB,IAAI,EAAE,SAAS,KAAK;EACpB,IAAI,EAAE,SAAS,KAAK;CACtB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -116,7 +116,7 @@ var dialogSlotRecipe = defineSlotRecipe({
|
|
|
116
116
|
background: "background/primary",
|
|
117
117
|
borderColor: "border/minimal",
|
|
118
118
|
borderRadius: "100%",
|
|
119
|
-
borderWidth: "
|
|
119
|
+
borderWidth: "1",
|
|
120
120
|
bottom: "16",
|
|
121
121
|
boxShadow: "elevation/lg",
|
|
122
122
|
cursor: "pointer",
|
|
@@ -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 '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: 'dialogOverlay',\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: 'dialog',\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: 'comp/dialog/title',\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 position: 'relative',\n _last: {\n paddingBlockEnd: '48',\n },\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
|
+
{"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 '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: 'dialogOverlay',\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: 'dialog',\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: 'comp/dialog/title',\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 position: 'relative',\n _last: {\n paddingBlockEnd: '48',\n },\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: '16',\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: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\n bottom: 48,\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 },\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 scrollGradient: {\n bottom: '16',\n },\n scrollButton: {\n bottom: '8',\n },\n },\n },\n },\n defaultVariants: {\n scrollBehavior: 'outside',\n size: 'md',\n },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EACL,GAAG,cAAc,KAAK;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,UAAU;GACV,OAAO;GACP,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,YAAY;IAAE,MAAM;IAAc,QAAQ;GAAS;GACnD,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,MAAM;GACN,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,cAAc;IAAE,MAAM;IAAG,QAAQ;GAAI;GACrC,WAAW;GACX,SAAS;GACT,eAAe;GACf,SAAS;GACT,UAAU;GACV,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;EACZ;EACA,OAAO;GACL,OAAO;GACP,kBAAkB;GAClB,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;EACb;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,eAAe;GACf,OAAO,EACL,iBAAiB,KACnB;EACF;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,UAAU;GACV,OAAO,EACL,iBAAiB,KACnB;EACF;EACA,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,cAAc;GACZ,UAAU;GACV,UAAU;GACV,KAAK;EACP;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;EACA,iBAAiB;GACf,OAAO;GACP,WAAW;EACb;EACA,YAAY,EACV,WAAW,OACb;EACA,WAAW;GACT,OAAO;GACP,WAAW;EACb;EACA,gBAAgB;GACd,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;CACF;CACA,UAAU;EACR,gBAAgB;GACd,QAAQ;IACN,MAAM;KACJ,WAAW;KACX,OAAO,EACL,iBAAiB,EACnB;IACF;IACA,SAAS;KACP,WAAW;KACX,UAAU;IACZ;GACF;GACA,SAAS,CAAC;EACZ;EACA,MAAM;GACJ,MAAM;IACJ,MAAM;KACJ,WAAW;KACX,WAAW;IACb;IACA,SAAS;KACP,cAAc;KACd,QAAQ;KACR,WAAW;KACX,UAAU;KACV,UAAU;KACV,OAAO;IACT;IACA,YAAY,EACV,SAAS,KACX;GACF;GACA,IAAI,EACF,SAAS,EACP,OAAO;IAAE,MAAM;IAAQ,QAAQ,IAAI,GAAG;GAAE,EAC1C,EACF;GACA,IAAI,EACF,SAAS,EACP,OAAO;IAAE,MAAM;IAAQ,QAAQ,IAAI,GAAG;GAAE,EAC1C,EACF;GACA,IAAI,EACF,SAAS,EACP,OAAO;IAAE,MAAM;IAAQ,QAAQ,IAAI,GAAG;GAAE,EAC1C,EACF;EACF;EACA,SAAS,EACP,iBAAiB;GACf,SAAS;IACP,WAAW;IACX,UAAU;GACZ;GACA,QAAQ;IACN,KAAK;IACL,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,OAAO;IACL,kBAAkB;IAClB,WAAW;GACb;GACA,MAAM;IACJ,WAAW;IACX,iBAAiB;IACjB,eAAe;IACf,OAAO,EACL,iBAAiB,EACnB;GACF;GACA,YAAY,EACV,OAAO,EACL,iBAAiB,KACnB,EACF;GACA,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,cAAc;IACZ,UAAU;IACV,KAAK;GACP;GACA,gBAAgB,EACd,QAAQ,KACV;GACA,cAAc,EACZ,QAAQ,IACV;EACF,EACF;CACF;CACA,iBAAiB;EACf,gBAAgB;EAChB,MAAM;CACR;AACF,CAAC"}
|
|
@@ -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
|
+
{"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":"FileUpload.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/FileUpload.recipe.ts"],"sourcesContent":["import { fileUploadAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst fileUploadSlotRecipe = defineSlotRecipe({\n className: 'file-upload',\n slots: fileUploadAnatomy.keys(),\n base: {\n root: {\n gap: '8',\n display: 'flex',\n flexDirection: 'column',\n },\n dropzone: {\n flex: 1,\n padding: '8',\n display: 'flex',\n cursor: 'pointer',\n borderRadius: '8',\n color: 'text/link',\n alignItems: 'stretch',\n borderColor: 'border/selected',\n backgroundColor: 'background/secondary',\n _icon: {\n color: 'icon/interactive',\n },\n _hover: {\n backgroundColor: 'background/selected',\n _active: {\n color: 'text/primary',\n borderColor: 'icon/primary',\n backgroundColor: 'background/selected-hover',\n _icon: {\n color: 'icon/primary',\n },\n },\n },\n _invalid: {\n color: 'input/text/error',\n borderColor: 'border/error',\n _icon: {\n color: 'icon/negative',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n color: 'text/on-disabled',\n borderColor: 'border/strong',\n backgroundColor: 'background/disabled',\n _icon: {\n color: 'icon/on-disabled',\n },\n },\n },\n dropzoneContent: {\n flex: 1,\n gap: '4',\n padding: '24',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderWidth: '
|
|
1
|
+
{"version":3,"file":"FileUpload.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/FileUpload.recipe.ts"],"sourcesContent":["import { fileUploadAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst fileUploadSlotRecipe = defineSlotRecipe({\n className: 'file-upload',\n slots: fileUploadAnatomy.keys(),\n base: {\n root: {\n gap: '8',\n display: 'flex',\n flexDirection: 'column',\n },\n dropzone: {\n flex: 1,\n padding: '8',\n display: 'flex',\n cursor: 'pointer',\n borderRadius: '8',\n color: 'text/link',\n alignItems: 'stretch',\n borderColor: 'border/selected',\n backgroundColor: 'background/secondary',\n _icon: {\n color: 'icon/interactive',\n },\n _hover: {\n backgroundColor: 'background/selected',\n _active: {\n color: 'text/primary',\n borderColor: 'icon/primary',\n backgroundColor: 'background/selected-hover',\n _icon: {\n color: 'icon/primary',\n },\n },\n },\n _invalid: {\n color: 'input/text/error',\n borderColor: 'border/error',\n _icon: {\n color: 'icon/negative',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n color: 'text/on-disabled',\n borderColor: 'border/strong',\n backgroundColor: 'background/disabled',\n _icon: {\n color: 'icon/on-disabled',\n },\n },\n },\n dropzoneContent: {\n flex: 1,\n gap: '4',\n padding: '24',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderWidth: '1',\n borderStyle: 'dashed',\n borderRadius: '4',\n },\n },\n\n variants: {\n variant: {\n image: {\n root: {\n height: rem(256),\n },\n },\n },\n },\n\n defaultVariants: {},\n});\n\nexport default fileUploadSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO,kBAAkB,KAAK;CAC9B,MAAM;EACJ,MAAM;GACJ,KAAK;GACL,SAAS;GACT,eAAe;EACjB;EACA,UAAU;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,QAAQ;GACR,cAAc;GACd,OAAO;GACP,YAAY;GACZ,aAAa;GACb,iBAAiB;GACjB,OAAO,EACL,OAAO,mBACT;GACA,QAAQ;IACN,iBAAiB;IACjB,SAAS;KACP,OAAO;KACP,aAAa;KACb,iBAAiB;KACjB,OAAO,EACL,OAAO,eACT;IACF;GACF;GACA,UAAU;IACR,OAAO;IACP,aAAa;IACb,OAAO,EACL,OAAO,gBACT;GACF;GACA,WAAW;IACT,QAAQ;IACR,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,OAAO,EACL,OAAO,mBACT;GACF;EACF;EACA,iBAAiB;GACf,MAAM;GACN,KAAK;GACL,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,aAAa;GACb,aAAa;GACb,cAAc;EAChB;CACF;CAEA,UAAU,EACR,SAAS,EACP,OAAO,EACL,MAAM,EACJ,QAAQ,IAAI,GAAG,EACjB,EACF,EACF,EACF;CAEA,iBAAiB,CAAC;AACpB,CAAC"}
|
|
@@ -20,7 +20,7 @@ var imageCropperSlotRecipe = defineSlotRecipe({
|
|
|
20
20
|
width: "auto"
|
|
21
21
|
},
|
|
22
22
|
selection: {
|
|
23
|
-
borderWidth: "
|
|
23
|
+
borderWidth: "1",
|
|
24
24
|
borderStyle: "solid",
|
|
25
25
|
borderColor: "border/regular",
|
|
26
26
|
boxSizing: "border-box",
|
|
@@ -39,15 +39,15 @@ var imageCropperSlotRecipe = defineSlotRecipe({
|
|
|
39
39
|
borderColor: "border/regular",
|
|
40
40
|
opacity: .5,
|
|
41
41
|
"&[data-axis=\"horizontal\"]": {
|
|
42
|
-
borderBlockStartWidth: "
|
|
42
|
+
borderBlockStartWidth: "1",
|
|
43
43
|
borderBlockStartStyle: "solid",
|
|
44
|
-
borderBlockEndWidth: "
|
|
44
|
+
borderBlockEndWidth: "1",
|
|
45
45
|
borderBlockEndStyle: "solid"
|
|
46
46
|
},
|
|
47
47
|
"&[data-axis=\"vertical\"]": {
|
|
48
|
-
borderInlineStartWidth: "
|
|
48
|
+
borderInlineStartWidth: "1",
|
|
49
49
|
borderInlineStartStyle: "solid",
|
|
50
|
-
borderInlineEndWidth: "
|
|
50
|
+
borderInlineEndWidth: "1",
|
|
51
51
|
borderInlineEndStyle: "solid"
|
|
52
52
|
}
|
|
53
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageCropper.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ImageCropper.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { anatomy } from '@zag-js/image-cropper';\n\nconst imageCropperSlotRecipe = defineSlotRecipe({\n className: 'image-cropper',\n slots: anatomy.keys(),\n base: {\n root: {\n position: 'relative',\n backgroundColor: 'background/secondary',\n },\n viewport: {\n // position: relative; overflow: hidden set inline by Zag.js\n height: '100%',\n width: 'fit-content',\n },\n image: {\n // position and transform set inline by Zag.js\n userSelect: 'none',\n pointerEvents: 'none',\n height: '100%',\n width: 'auto',\n },\n selection: {\n // position: absolute; top/left/width/height set inline by Zag.js via --crop-* CSS vars\n borderWidth: '
|
|
1
|
+
{"version":3,"file":"ImageCropper.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ImageCropper.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { anatomy } from '@zag-js/image-cropper';\n\nconst imageCropperSlotRecipe = defineSlotRecipe({\n className: 'image-cropper',\n slots: anatomy.keys(),\n base: {\n root: {\n position: 'relative',\n backgroundColor: 'background/secondary',\n },\n viewport: {\n // position: relative; overflow: hidden set inline by Zag.js\n height: '100%',\n width: 'fit-content',\n },\n image: {\n // position and transform set inline by Zag.js\n userSelect: 'none',\n pointerEvents: 'none',\n height: '100%',\n width: 'auto',\n },\n selection: {\n // position: absolute; top/left/width/height set inline by Zag.js via --crop-* CSS vars\n borderWidth: '1',\n borderStyle: 'solid',\n borderColor: 'border/regular',\n boxSizing: 'border-box',\n boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.5)', // overlay outside selection; clipped by viewport overflow:hidden\n _hover: {\n cursor: 'grab',\n _active: {\n cursor: 'grabbing',\n },\n },\n },\n handle: {\n // Structural position, cursor, and edge-handle sizing set inline by Zag.js\n // Corner handles: visible 8×8px squares\n '&[data-position=\"nw\"], &[data-position=\"ne\"], &[data-position=\"sw\"], &[data-position=\"se\"]': {\n width: '8',\n height: '8',\n backgroundColor: 'border/regular',\n },\n },\n grid: {\n // position: absolute; inset set inline by Zag.js\n borderColor: 'border/regular',\n opacity: 0.5,\n '&[data-axis=\"horizontal\"]': {\n borderBlockStartWidth: '1',\n borderBlockStartStyle: 'solid',\n borderBlockEndWidth: '1',\n borderBlockEndStyle: 'solid',\n },\n '&[data-axis=\"vertical\"]': {\n borderInlineStartWidth: '1',\n borderInlineStartStyle: 'solid',\n borderInlineEndWidth: '1',\n borderInlineEndStyle: 'solid',\n },\n },\n },\n});\n\nexport default imageCropperSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,QAAQ,KAAK;CACpB,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,iBAAiB;EACnB;EACA,UAAU;GAER,QAAQ;GACR,OAAO;EACT;EACA,OAAO;GAEL,YAAY;GACZ,eAAe;GACf,QAAQ;GACR,OAAO;EACT;EACA,WAAW;GAET,aAAa;GACb,aAAa;GACb,aAAa;GACb,WAAW;GACX,WAAW;GACX,QAAQ;IACN,QAAQ;IACR,SAAS,EACP,QAAQ,WACV;GACF;EACF;EACA,QAAQ,EAGN,sGAA8F;GAC5F,OAAO;GACP,QAAQ;GACR,iBAAiB;EACnB,EACF;EACA,MAAM;GAEJ,aAAa;GACb,SAAS;GACT,+BAA6B;IAC3B,uBAAuB;IACvB,uBAAuB;IACvB,qBAAqB;IACrB,qBAAqB;GACvB;GACA,6BAA2B;IACzB,wBAAwB;IACxB,wBAAwB;IACxB,sBAAsB;IACtB,sBAAsB;GACxB;EACF;CACF;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Multiselect.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const multiselectSlotRecipe = defineSlotRecipe({\n className: 'multiselect',\n slots: ['control', 'trigger', 'overlay', 'tagsBlock', 'placeholderText', 'indicatorGroup', 'indicator'],\n base: {\n control: {\n position: 'relative',\n width: '100%',\n },\n trigger: {\n position: 'absolute',\n inset: 0,\n display: 'block',\n background: 'background/primary',\n borderWidth:
|
|
1
|
+
{"version":3,"file":"Multiselect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Multiselect.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const multiselectSlotRecipe = defineSlotRecipe({\n className: 'multiselect',\n slots: ['control', 'trigger', 'overlay', 'tagsBlock', 'placeholderText', 'indicatorGroup', 'indicator'],\n base: {\n control: {\n position: 'relative',\n width: '100%',\n },\n trigger: {\n position: 'absolute',\n inset: 0,\n display: 'block',\n background: 'background/primary',\n borderWidth: '1',\n borderColor: 'border/strong',\n borderRadius: '4',\n color: 'input/text/inputValue',\n width: '100%',\n textAlign: 'start',\n userSelect: 'none',\n focusVisibleRing: 'inside',\n _disabled: {\n background: 'background/disabled',\n color: 'text/disabled',\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _readOnly: {\n background: 'background/disabled',\n },\n },\n overlay: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n paddingInlineStart: '12',\n paddingInlineEnd: '48',\n },\n tagsBlock: {\n display: 'flex',\n flex: '1 0 0',\n flexWrap: 'wrap',\n alignItems: 'center',\n alignContent: 'center',\n gap: '8',\n minWidth: 0,\n },\n placeholderText: {\n flex: '1 0 0',\n minWidth: 0,\n height: '24',\n display: 'inline-flex',\n alignItems: 'center',\n color: 'input/text/inputValue',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n '&[data-placeholder]': {\n color: 'text/secondary',\n },\n },\n indicatorGroup: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n position: 'absolute',\n insetInlineEnd: 0,\n top: 0,\n height: '48',\n paddingInlineEnd: '16',\n paddingInlineStart: '8',\n pointerEvents: 'none',\n '& > button': {\n pointerEvents: 'auto',\n },\n },\n indicator: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'icon/secondary',\n _disabled: {\n color: 'icon/disabled',\n },\n _readOnly: {\n color: 'icon/on-disabled',\n },\n },\n },\n\n variants: {\n constrained: {\n true: {\n overlay: {\n overflow: 'hidden',\n },\n tagsBlock: {\n flexWrap: 'nowrap',\n },\n },\n false: {},\n },\n size: {\n lg: {\n overlay: {\n minHeight: '48',\n paddingBlock: rem(11),\n },\n trigger: {\n textStyle: 'body/lg/regular',\n },\n placeholderText: {\n textStyle: 'body/lg/regular',\n lineHeight: rem(24),\n },\n },\n md: {\n indicatorGroup: {\n height: '40',\n },\n overlay: {\n minHeight: '40',\n paddingBlock: rem(7),\n '&:has([data-slot=\"tag\"])': {\n paddingInlineStart: rem(7),\n },\n },\n trigger: {\n textStyle: 'body/md/regular',\n },\n placeholderText: {\n textStyle: 'body/md/regular',\n lineHeight: rem(20),\n },\n },\n },\n },\n compoundVariants: [\n {\n constrained: true,\n size: 'lg',\n css: {\n overlay: {\n height: '48',\n minHeight: '48',\n paddingBlock: '12',\n },\n },\n },\n {\n constrained: true,\n size: 'md',\n css: {\n overlay: {\n height: '40',\n minHeight: '40',\n paddingBlock: '8',\n },\n },\n },\n ],\n defaultVariants: {\n constrained: false,\n size: 'lg',\n },\n});\n\nexport default multiselectSlotRecipe;\n"],"mappings":";;;AAIA,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO;EAAC;EAAW;EAAW;EAAW;EAAa;EAAmB;EAAkB;CAAW;CACtG,MAAM;EACJ,SAAS;GACP,UAAU;GACV,OAAO;EACT;EACA,SAAS;GACP,UAAU;GACV,OAAO;GACP,SAAS;GACT,YAAY;GACZ,aAAa;GACb,aAAa;GACb,cAAc;GACd,OAAO;GACP,OAAO;GACP,WAAW;GACX,YAAY;GACZ,kBAAkB;GAClB,WAAW;IACT,YAAY;IACZ,OAAO;GACT;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW,EACT,YAAY,sBACd;EACF;EACA,SAAS;GACP,UAAU;GACV,SAAS;GACT,YAAY;GACZ,oBAAoB;GACpB,kBAAkB;EACpB;EACA,WAAW;GACT,SAAS;GACT,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACd,KAAK;GACL,UAAU;EACZ;EACA,iBAAiB;GACf,MAAM;GACN,UAAU;GACV,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,OAAO;GACP,UAAU;GACV,cAAc;GACd,YAAY;GACZ,uBAAuB,EACrB,OAAO,iBACT;EACF;EACA,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,gBAAgB;GAChB,KAAK;GACL,QAAQ;GACR,kBAAkB;GAClB,oBAAoB;GACpB,eAAe;GACf,cAAc,EACZ,eAAe,OACjB;EACF;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,gBACT;GACA,WAAW,EACT,OAAO,mBACT;EACF;CACF;CAEA,UAAU;EACR,aAAa;GACX,MAAM;IACJ,SAAS,EACP,UAAU,SACZ;IACA,WAAW,EACT,UAAU,SACZ;GACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,SAAS;KACP,WAAW;KACX,cAAc,IAAI,EAAE;IACtB;IACA,SAAS,EACP,WAAW,kBACb;IACA,iBAAiB;KACf,WAAW;KACX,YAAY,IAAI,EAAE;IACpB;GACF;GACA,IAAI;IACF,gBAAgB,EACd,QAAQ,KACV;IACA,SAAS;KACP,WAAW;KACX,cAAc,IAAI,CAAC;KACnB,8BAA4B,EAC1B,oBAAoB,IAAI,CAAC,EAC3B;IACF;IACA,SAAS,EACP,WAAW,kBACb;IACA,iBAAiB;KACf,WAAW;KACX,YAAY,IAAI,EAAE;IACpB;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,aAAa;EACb,MAAM;EACN,KAAK,EACH,SAAS;GACP,QAAQ;GACR,WAAW;GACX,cAAc;EAChB,EACF;CACF,GACA;EACE,aAAa;EACb,MAAM;EACN,KAAK,EACH,SAAS;GACP,QAAQ;GACR,WAAW;GACX,cAAc;EAChB,EACF;CACF,CACF;CACA,iBAAiB;EACf,aAAa;EACb,MAAM;CACR;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n className: 'native-select',\n slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n base: {\n root: {\n position: 'relative',\n },\n field: {\n width: '100%',\n minWidth: 0,\n appearance: 'none',\n borderRadius: '4',\n borderWidth:
|
|
1
|
+
{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n className: 'native-select',\n slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n base: {\n root: {\n position: 'relative',\n },\n field: {\n width: '100%',\n minWidth: 0,\n appearance: 'none',\n borderRadius: '4',\n borderWidth: '1',\n borderColor: 'border/strong',\n background: 'background/primary',\n transition: '200ms',\n color: 'input/text/inputValue',\n _hover: {\n borderColor: 'border/hover',\n _invalid: {\n borderColor: 'border/error',\n },\n },\n _invalid: {\n borderColor: 'border/error',\n },\n _disabled: {\n _hover: {\n borderColor: 'border/disabled',\n },\n _placeholder: {\n color: 'text/disabled',\n },\n color: 'text/disabled',\n background: 'background/disabled',\n cursor: 'not-allowed',\n },\n _placeholderShown: {\n color: 'input/text/placeholder',\n },\n },\n statusIcon: {\n position: 'absolute',\n top: '50%',\n right: '48',\n transform: 'translateY(-50%)',\n pointerEvents: 'none',\n },\n indicator: {\n position: 'absolute',\n top: '50%',\n right: rem(15),\n transform: 'translateY(-50%)',\n },\n },\n variants: {\n size: {\n md: {\n field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n },\n lg: {\n field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,KAAK,GAAG,YAAY;CACnD,MAAM;EACJ,MAAM,EACJ,UAAU,WACZ;EACA,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,eACf;GACF;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW;IACT,QAAQ,EACN,aAAa,kBACf;IACA,cAAc,EACZ,OAAO,gBACT;IACA,OAAO;IACP,YAAY;IACZ,QAAQ;GACV;GACA,mBAAmB,EACjB,OAAO,yBACT;EACF;EACA,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO;GACP,WAAW;GACX,eAAe;EACjB;EACA,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,EAAE;GACb,WAAW;EACb;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,EAAE;GAAG,cAAc,IAAI,CAAC;GAAG,WAAW;EAAkB,EACtF;EACA,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,EAAE;GAAG,cAAc,IAAI,EAAE;GAAG,WAAW;EAAkB,EACvF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -13,7 +13,7 @@ declare const paginationSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
|
|
|
13
13
|
root: {
|
|
14
14
|
paddingInline: "24";
|
|
15
15
|
paddingBlock: "16";
|
|
16
|
-
borderTopWidth:
|
|
16
|
+
borderTopWidth: "1";
|
|
17
17
|
borderTopStyle: "solid";
|
|
18
18
|
borderTopColor: "border/regular";
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Pagination.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationSlotRecipe = defineSlotRecipe({\n className: 'pagination',\n slots: ['itemsBlock', 'itemsSelect', 'pageBlock', 'pageSelect', 'root', 'text'],\n base: {\n itemsBlock: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flexShrink: 0,\n },\n itemsSelect: {\n width: rem(88),\n },\n pageBlock: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flexShrink: 0,\n },\n pageSelect: {\n width: rem(80),\n },\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n overflow: 'clip',\n width: 'full',\n },\n text: {\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n flexShrink: 0,\n },\n },\n variants: {\n variant: {\n card: {\n root: {\n paddingInline: '24',\n paddingBlock: '8',\n },\n text: {\n color: 'text/tertiary',\n },\n },\n page: {\n root: {\n paddingInline: '24',\n paddingBlock: '16',\n borderTopWidth:
|
|
1
|
+
{"version":3,"file":"Pagination.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Pagination.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationSlotRecipe = defineSlotRecipe({\n className: 'pagination',\n slots: ['itemsBlock', 'itemsSelect', 'pageBlock', 'pageSelect', 'root', 'text'],\n base: {\n itemsBlock: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flexShrink: 0,\n },\n itemsSelect: {\n width: rem(88),\n },\n pageBlock: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flexShrink: 0,\n },\n pageSelect: {\n width: rem(80),\n },\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n overflow: 'clip',\n width: 'full',\n },\n text: {\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n flexShrink: 0,\n },\n },\n variants: {\n variant: {\n card: {\n root: {\n paddingInline: '24',\n paddingBlock: '8',\n },\n text: {\n color: 'text/tertiary',\n },\n },\n page: {\n root: {\n paddingInline: '24',\n paddingBlock: '16',\n borderTopWidth: '1',\n borderTopStyle: 'solid',\n borderTopColor: 'border/regular',\n },\n text: {\n color: 'text/secondary',\n },\n },\n table: {\n root: {\n paddingInline: '16',\n paddingBlock: '8',\n },\n text: {\n color: 'text/secondary',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'table',\n },\n});\n\nexport default paginationSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAc;EAAe;EAAa;EAAc;EAAQ;CAAM;CAC9E,MAAM;EACJ,YAAY;GACV,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,aAAa,EACX,OAAO,IAAI,EAAE,EACf;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,YAAY,EACV,OAAO,IAAI,EAAE,EACf;EACA,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,YAAY;EACd;CACF;CACA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,gBACT;EACF;EACA,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;GAClB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;EACA,OAAO;GACL,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,QACX;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationLoadMore.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PaginationLoadMore.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationLoadMoreRecipe = defineSlotRecipe({\n className: 'pagination-load-more',\n slots: ['root', 'counter'],\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n paddingBlock: '8',\n paddingInline: '16',\n },\n counter: {\n color: 'text/secondary',\n fontVariantNumeric: 'tabular-nums',\n '&:has(+ *)': {\n borderInlineEndColor: 'border/regular',\n borderInlineEndStyle: 'solid',\n borderInlineEndWidth: '
|
|
1
|
+
{"version":3,"file":"PaginationLoadMore.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PaginationLoadMore.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationLoadMoreRecipe = defineSlotRecipe({\n className: 'pagination-load-more',\n slots: ['root', 'counter'],\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n paddingBlock: '8',\n paddingInline: '16',\n },\n counter: {\n color: 'text/secondary',\n fontVariantNumeric: 'tabular-nums',\n '&:has(+ *)': {\n borderInlineEndColor: 'border/regular',\n borderInlineEndStyle: 'solid',\n borderInlineEndWidth: '1',\n },\n },\n },\n variants: {\n size: {\n md: {\n root: {\n gap: '24',\n minHeight: rem(56),\n },\n counter: {\n textStyle: 'body/md/regular',\n '&:has(+ *)': {\n paddingInlineEnd: '24',\n },\n },\n },\n sm: {\n root: {\n gap: '16',\n minHeight: '48',\n },\n counter: {\n textStyle: 'body/md/regular',\n '&:has(+ *)': {\n paddingInlineEnd: '16',\n },\n },\n },\n xs: {\n root: {\n gap: '12',\n minHeight: '32',\n },\n counter: {\n textStyle: 'body/sm/regular',\n '&:has(+ *)': {\n paddingInlineEnd: '12',\n },\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default paginationLoadMoreRecipe;\n"],"mappings":";;;AAIA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO,CAAC,QAAQ,SAAS;CACzB,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,cAAc;GACd,eAAe;EACjB;EACA,SAAS;GACP,OAAO;GACP,oBAAoB;GACpB,cAAc;IACZ,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;GACxB;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW,IAAI,EAAE;GACnB;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n className: 'ribbon',\n slots: ['root', 'content', 'textBlock'],\n base: {\n root: {\n alignItems: 'center',\n borderBlockStyle: 'solid',\n borderBlockWidth: '
|
|
1
|
+
{"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n className: 'ribbon',\n slots: ['root', 'content', 'textBlock'],\n base: {\n root: {\n alignItems: 'center',\n borderBlockStyle: 'solid',\n borderBlockWidth: '1',\n display: 'flex',\n paddingBlock: '12',\n paddingInline: '24',\n width: 'full',\n },\n content: {\n alignItems: 'center',\n display: 'flex',\n flex: '1 0 0',\n gap: '16',\n justifyContent: 'center',\n minHeight: '32',\n minWidth: 0,\n },\n textBlock: {\n alignItems: 'baseline',\n display: 'flex',\n gap: '4',\n minWidth: 0,\n textStyle: 'body/md/regular',\n },\n },\n variants: {\n colorVariant: {\n blue: { root: { background: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' } },\n green: {\n root: { background: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n },\n yellow: {\n root: { background: 'color/yellow/subtle', borderColor: 'color/yellow/muted', color: 'color/yellow/strong' },\n },\n red: { root: { background: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n purple: {\n root: { background: 'color/purple/subtle', borderColor: 'color/purple/muted', color: 'color/purple/strong' },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'blue',\n },\n});\n\nexport default ribbonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAW;CACtC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,kBAAkB;GAClB,kBAAkB;GAClB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,gBAAgB;GAChB,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;EACb;CACF;CACA,UAAU,EACR,cAAc;EACZ,MAAM,EAAE,MAAM;GAAE,YAAY;GAAqB,aAAa;GAAoB,OAAO;EAAoB,EAAE;EAC/G,OAAO,EACL,MAAM;GAAE,YAAY;GAAsB,aAAa;GAAqB,OAAO;EAAqB,EAC1G;EACA,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;EACA,KAAK,EAAE,MAAM;GAAE,YAAY;GAAoB,aAAa;GAAmB,OAAO;EAAmB,EAAE;EAC3G,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;CACF,EACF;CACA,iBAAiB,EACf,cAAc,OAChB;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SegmentGroup.recipe.ts"],"sourcesContent":["import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst segmentGroupSlotRecipe = defineSlotRecipe({\n slots: segmentGroupAnatomy.keys(),\n className: 'segment-group',\n base: {\n root: {\n alignItems: 'center',\n backgroundColor: 'background/secondary',\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '
|
|
1
|
+
{"version":3,"file":"SegmentGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SegmentGroup.recipe.ts"],"sourcesContent":["import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst segmentGroupSlotRecipe = defineSlotRecipe({\n slots: segmentGroupAnatomy.keys(),\n className: 'segment-group',\n base: {\n root: {\n alignItems: 'center',\n backgroundColor: 'background/secondary',\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n display: 'inline-flex',\n gap: '1',\n isolation: 'isolate',\n position: 'relative',\n },\n // Zag.js positions the indicator via inline CSS variables (--width, --height, --top, --left).\n // We must reference them here because our custom recipe replaces the Chakra default entirely.\n indicator: {\n backgroundColor: 'background/primary',\n borderRadius: '4',\n boxShadow: 'small',\n height: 'var(--height)',\n left: 'var(--left)',\n outline: '1px solid',\n outlineColor: 'border/regular',\n position: 'absolute',\n top: 'var(--top)',\n width: 'var(--width)',\n zIndex: -1,\n },\n item: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'text/secondary',\n cursor: 'pointer',\n _icon: {\n color: 'icon/secondary',\n },\n display: 'flex',\n gap: '4',\n justifyContent: 'center',\n paddingInline: '12',\n position: 'relative',\n textStyle: 'body/md/regular',\n // Vertical separator between items\n _before: {\n backgroundColor: 'border/minimal',\n content: '\"\"',\n insetBlock: '8',\n insetInlineStart: '-1px',\n position: 'absolute',\n width: '1',\n },\n // Hide separator on first item, and on both sides of the checked item\n '& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type': {\n _before: { opacity: '0' },\n },\n // Focus ring on item when its hidden input is focused (same as Chakra default)\n '&:has(input:focus-visible)': {\n focusRing: 'outside',\n },\n _hover: {\n backgroundColor: 'background/hover',\n color: 'text/primary',\n _active: {\n backgroundColor: 'background/active',\n },\n },\n _active: {\n backgroundColor: 'background/active',\n color: 'text/primary',\n },\n _checked: {\n backgroundColor: 'transparent',\n color: 'text/primary',\n _active: {\n backgroundColor: 'transparent',\n },\n _hover: {\n backgroundColor: 'transparent',\n _active: {\n backgroundColor: 'transparent',\n },\n },\n },\n _disabled: {\n color: 'text/disabled',\n cursor: 'not-allowed',\n _hover: {\n backgroundColor: 'transparent',\n },\n },\n },\n itemText: {\n paddingInline: '4',\n },\n },\n variants: {\n fullWidth: {\n true: {\n root: {\n display: 'flex',\n width: '100%',\n },\n item: {\n flex: '1',\n },\n },\n },\n size: {\n lg: {\n item: {\n paddingBlock: '12',\n textStyle: 'body/lg/regular',\n },\n },\n md: {\n item: {\n paddingBlock: '8',\n },\n },\n sm: {\n item: {\n paddingBlock: '6',\n },\n },\n },\n },\n defaultVariants: {\n size: 'sm',\n },\n});\n\nexport default segmentGroupSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,OAAO,oBAAoB,KAAK;CAChC,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,SAAS;GACT,KAAK;GACL,WAAW;GACX,UAAU;EACZ;EAGA,WAAW;GACT,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,QAAQ;GACR,MAAM;GACN,SAAS;GACT,cAAc;GACd,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,OAAO,EACL,OAAO,iBACT;GACA,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,UAAU;GACV,WAAW;GAEX,SAAS;IACP,iBAAiB;IACjB,SAAS;IACT,YAAY;IACZ,kBAAkB;IAClB,UAAU;IACV,OAAO;GACT;GAEA,yEAAyE,EACvE,SAAS,EAAE,SAAS,IAAI,EAC1B;GAEA,8BAA8B,EAC5B,WAAW,UACb;GACA,QAAQ;IACN,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,oBACnB;GACF;GACA,SAAS;IACP,iBAAiB;IACjB,OAAO;GACT;GACA,UAAU;IACR,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,cACnB;IACA,QAAQ;KACN,iBAAiB;KACjB,SAAS,EACP,iBAAiB,cACnB;IACF;GACF;GACA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,QAAQ,EACN,iBAAiB,cACnB;GACF;EACF;EACA,UAAU,EACR,eAAe,IACjB;CACF;CACA,UAAU;EACR,WAAW,EACT,MAAM;GACJ,MAAM;IACJ,SAAS;IACT,OAAO;GACT;GACA,MAAM,EACJ,MAAM,IACR;EACF,EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM;IACJ,cAAc;IACd,WAAW;GACb,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -26,7 +26,7 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
26
26
|
trigger: {
|
|
27
27
|
display: "flex",
|
|
28
28
|
alignItems: "center",
|
|
29
|
-
borderWidth:
|
|
29
|
+
borderWidth: "1",
|
|
30
30
|
borderColor: "border/strong",
|
|
31
31
|
background: "bg.muted",
|
|
32
32
|
color: "input/text/inputValue",
|
|
@@ -154,7 +154,7 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
154
154
|
alignItems: "center",
|
|
155
155
|
justifyContent: "center",
|
|
156
156
|
flexShrink: 0,
|
|
157
|
-
borderWidth:
|
|
157
|
+
borderWidth: "1",
|
|
158
158
|
borderColor: "border/regular",
|
|
159
159
|
borderRadius: "4",
|
|
160
160
|
background: "background/primary",
|