@bitrise/bitkit-v2 0.3.511 → 0.3.513
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/recipes/SelectableTag.recipe.js +1 -0
- package/dist/theme/recipes/SelectableTag.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Checkbox.recipe.js +1 -0
- package/dist/theme/slot-recipes/Checkbox.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/FileUpload.recipe.js +2 -1
- package/dist/theme/slot-recipes/FileUpload.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/RadioGroup.recipe.js +1 -0
- package/dist/theme/slot-recipes/RadioGroup.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Switch.recipe.js +1 -0
- package/dist/theme/slot-recipes/Switch.recipe.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive',\n },\n};\n\nconst checkedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive-hover',\n },\n};\n\nconst disabled: SystemStyleObject = {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n cursor: 'not-allowed',\n _icon: {\n color: 'icon/on-disabled',\n },\n};\n\nconst selectableTagRecipe = defineRecipe({\n className: 'selectable-tag',\n base: {\n alignItems: 'center',\n background: 'background/primary',\n border: '1px solid',\n borderColor: 'border/strong',\n borderRadius: '4',\n color: 'text/body',\n cursor: 'pointer',\n display: 'inline-flex',\n gap: '4',\n height: '24',\n paddingBlock: '4',\n paddingInline: '8',\n textStyle: 'comp/tag/sm',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n '&:has(svg)': {\n paddingInlineStart: '4',\n },\n _icon: {\n color: 'icon/secondary',\n },\n _hover: {\n background: 'background/hover',\n color: 'text/primary',\n _checked: checkedHover,\n },\n _checked: checked,\n _disabled: {\n ...disabled,\n _checked: disabled,\n },\n _focusVisible: {\n focusRing: 'outside',\n },\n },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,mBACT;AACF;AAEA,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,yBACT;AACF;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,mBACT;AACF;AAEA,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;
|
|
1
|
+
{"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive',\n },\n};\n\nconst checkedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive-hover',\n },\n};\n\nconst disabled: SystemStyleObject = {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n cursor: 'not-allowed',\n _icon: {\n color: 'icon/on-disabled',\n },\n};\n\nconst selectableTagRecipe = defineRecipe({\n className: 'selectable-tag',\n base: {\n alignItems: 'center',\n background: 'background/primary',\n border: '1px solid',\n borderColor: 'border/strong',\n borderRadius: '4',\n color: 'text/body',\n cursor: 'pointer',\n display: 'inline-flex',\n gap: '4',\n // Zag's hidden input is absolutely positioned. Without a positioned ancestor here it resolves\n // against one further out, and focusing it scrolls that container (a dialog jumps up).\n position: 'relative',\n height: '24',\n paddingBlock: '4',\n paddingInline: '8',\n textStyle: 'comp/tag/sm',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n '&:has(svg)': {\n paddingInlineStart: '4',\n },\n _icon: {\n color: 'icon/secondary',\n },\n _hover: {\n background: 'background/hover',\n color: 'text/primary',\n _checked: checkedHover,\n },\n _checked: checked,\n _disabled: {\n ...disabled,\n _checked: disabled,\n },\n _focusVisible: {\n focusRing: 'outside',\n },\n },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,mBACT;AACF;AAEA,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,yBACT;AACF;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,mBACT;AACF;AAEA,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;EAGL,UAAU;EACV,QAAQ;EACR,cAAc;EACd,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc,EACZ,oBAAoB,IACtB;EACA,OAAO,EACL,OAAO,iBACT;EACA,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,UAAU;EACZ;EACA,UAAU;EACV,WAAW;GACT,GAAG;GACH,UAAU;EACZ;EACA,eAAe,EACb,WAAW,UACb;CACF;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Checkbox.recipe.ts"],"sourcesContent":["import { checkboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst checkboxSlotRecipe = defineSlotRecipe({\n className: 'checkbox',\n slots: checkboxAnatomy.keys(),\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'flex-start',\n gap: '8',\n width: 'fit-content',\n cursor: 'pointer',\n _disabled: {\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n },\n control: {\n position: 'relative',\n borderRadius: '4',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderColor: 'border/regular',\n boxShadow: 'inset/field',\n focusVisibleRing: 'outside',\n '& > svg': {\n position: 'absolute',\n left: '-1px',\n visibility: 'hidden',\n },\n _checked: {\n backgroundColor: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection !important',\n boxShadow: 'none',\n '& > svg': {\n top: 0,\n color: 'icon/on-color',\n visibility: 'visible',\n },\n _disabled: {\n backgroundColor: 'input/checkbox/selection-disabled',\n borderColor: 'input/checkbox/selection-disabled !important',\n },\n _readOnly: {\n '& > svg': {\n color: 'icon/on-disabled',\n },\n },\n },\n _hover: {\n borderColor: 'border/hover',\n },\n _indeterminate: {\n backgroundColor: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection !important',\n boxShadow: 'none',\n '& > svg': {\n top: '-1px',\n color: 'icon/on-color',\n visibility: 'visible',\n },\n _disabled: {\n backgroundColor: 'input/checkbox/selection-disabled',\n borderColor: 'input/checkbox/selection-disabled !important',\n },\n _readOnly: {\n '& > svg': {\n color: 'icon/on-disabled',\n },\n },\n },\n _disabled: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n },\n _readOnly: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/regular !important',\n boxShadow: 'none',\n },\n },\n label: {\n userSelect: 'none',\n color: 'input/text/inputValue',\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n variants: {\n size: {\n md: {\n control: {\n width: '20',\n height: '20',\n '& > svg': {\n width: '20',\n height: '20',\n },\n },\n label: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n control: {\n width: '24',\n height: '24',\n '& > svg': {\n width: '24',\n height: '24',\n },\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default checkboxSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,gBAAgB,KAAK;CAC5B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,OAAO;GACP,QAAQ;
|
|
1
|
+
{"version":3,"file":"Checkbox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Checkbox.recipe.ts"],"sourcesContent":["import { checkboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst checkboxSlotRecipe = defineSlotRecipe({\n className: 'checkbox',\n slots: checkboxAnatomy.keys(),\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'flex-start',\n gap: '8',\n width: 'fit-content',\n cursor: 'pointer',\n // Zag's hidden input is absolutely positioned. Without a positioned ancestor here it resolves\n // against one further out, and focusing it scrolls that container (a dialog jumps up).\n position: 'relative',\n _disabled: {\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n },\n control: {\n position: 'relative',\n borderRadius: '4',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderColor: 'border/regular',\n boxShadow: 'inset/field',\n focusVisibleRing: 'outside',\n '& > svg': {\n position: 'absolute',\n left: '-1px',\n visibility: 'hidden',\n },\n _checked: {\n backgroundColor: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection !important',\n boxShadow: 'none',\n '& > svg': {\n top: 0,\n color: 'icon/on-color',\n visibility: 'visible',\n },\n _disabled: {\n backgroundColor: 'input/checkbox/selection-disabled',\n borderColor: 'input/checkbox/selection-disabled !important',\n },\n _readOnly: {\n '& > svg': {\n color: 'icon/on-disabled',\n },\n },\n },\n _hover: {\n borderColor: 'border/hover',\n },\n _indeterminate: {\n backgroundColor: 'input/checkbox/selection',\n borderColor: 'input/checkbox/selection !important',\n boxShadow: 'none',\n '& > svg': {\n top: '-1px',\n color: 'icon/on-color',\n visibility: 'visible',\n },\n _disabled: {\n backgroundColor: 'input/checkbox/selection-disabled',\n borderColor: 'input/checkbox/selection-disabled !important',\n },\n _readOnly: {\n '& > svg': {\n color: 'icon/on-disabled',\n },\n },\n },\n _disabled: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n },\n _readOnly: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/regular !important',\n boxShadow: 'none',\n },\n },\n label: {\n userSelect: 'none',\n color: 'input/text/inputValue',\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n variants: {\n size: {\n md: {\n control: {\n width: '20',\n height: '20',\n '& > svg': {\n width: '20',\n height: '20',\n },\n },\n label: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n control: {\n width: '24',\n height: '24',\n '& > svg': {\n width: '24',\n height: '24',\n },\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default checkboxSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,gBAAgB,KAAK;CAC5B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,OAAO;GACP,QAAQ;GAGR,UAAU;GACV,WAAW,EACT,QAAQ,cACV;GACA,WAAW,EACT,QAAQ,UACV;EACF;EACA,SAAS;GACP,UAAU;GACV,cAAc;GACd,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,WAAW;GACX,kBAAkB;GAClB,WAAW;IACT,UAAU;IACV,MAAM;IACN,YAAY;GACd;GACA,UAAU;IACR,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,WAAW;KACT,KAAK;KACL,OAAO;KACP,YAAY;IACd;IACA,WAAW;KACT,iBAAiB;KACjB,aAAa;IACf;IACA,WAAW,EACT,WAAW,EACT,OAAO,mBACT,EACF;GACF;GACA,QAAQ,EACN,aAAa,eACf;GACA,gBAAgB;IACd,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,WAAW;KACT,KAAK;KACL,OAAO;KACP,YAAY;IACd;IACA,WAAW;KACT,iBAAiB;KACjB,aAAa;IACf;IACA,WAAW,EACT,WAAW,EACT,OAAO,mBACT,EACF;GACF;GACA,WAAW;IACT,iBAAiB;IACjB,aAAa;IACb,WAAW;GACb;GACA,WAAW;IACT,iBAAiB;IACjB,aAAa;IACb,WAAW;GACb;EACF;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS;IACP,OAAO;IACP,QAAQ;IACR,WAAW;KACT,OAAO;KACP,QAAQ;IACV;GACF;GACA,OAAO,EACL,WAAW,kBACb;EACF;EACA,IAAI;GACF,SAAS;IACP,OAAO;IACP,QAAQ;IACR,WAAW;KACT,OAAO;KACP,QAAQ;IACV;GACF;GACA,OAAO,EACL,WAAW,kBACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;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',\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;
|
|
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 // Zag's hidden input is absolutely positioned. Without a positioned ancestor here it resolves\n // against one further out, and focusing it scrolls that container (a dialog jumps up).\n position: 'relative',\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;GAGf,UAAU;EACZ;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/RadioGroup.recipe.ts"],"sourcesContent":["import { radioGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst radioGroupSlotRecipe = defineSlotRecipe({\n className: 'radio-group',\n slots: [...radioGroupAnatomy.keys(), 'badge'],\n base: {\n root: {\n display: 'flex',\n },\n item: {\n display: 'inline-flex',\n gap: '8',\n alignItems: 'flex-start',\n justifyContent: 'center',\n cursor: 'pointer',\n _disabled: {\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n },\n itemControl: {\n border: '1px solid',\n borderColor: 'border/regular',\n backgroundColor: 'background/primary',\n borderRadius: '50%',\n boxShadow: 'inset/field',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n focusVisibleRing: 'outside',\n '& > .dot': {\n width: '12',\n height: '12',\n borderRadius: '50%',\n backgroundColor: 'icon/interactive',\n },\n _hover: {\n borderColor: 'border/hover',\n _disabled: {\n borderColor: 'border/disabled',\n },\n _readOnly: {\n borderColor: 'border/disabled',\n },\n },\n _disabled: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n '& > .dot': {\n backgroundColor: 'icon/disabled',\n },\n },\n _readOnly: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n '& > .dot': {\n backgroundColor: 'icon/on-disabled',\n },\n },\n },\n itemText: {\n color: 'input/text/inputValue',\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n variants: {\n orientation: {\n horizontal: {\n root: {\n flexDirection: 'row',\n gap: '24',\n },\n },\n vertical: {\n root: {\n alignItems: 'flex-start',\n flexDirection: 'column',\n gap: '12',\n },\n },\n },\n size: {\n md: {\n badge: {\n paddingBlock: '2',\n width: rem(36),\n },\n itemControl: {\n width: '20',\n height: '20',\n },\n itemText: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n badge: {\n paddingBlock: '4',\n width: '40',\n },\n itemControl: {\n width: '24',\n height: '24',\n },\n itemText: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n size: 'lg',\n },\n});\n\nexport default radioGroupSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO,CAAC,GAAG,kBAAkB,KAAK,GAAG,OAAO;CAC5C,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,YAAY;GACZ,gBAAgB;GAChB,QAAQ;
|
|
1
|
+
{"version":3,"file":"RadioGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/RadioGroup.recipe.ts"],"sourcesContent":["import { radioGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst radioGroupSlotRecipe = defineSlotRecipe({\n className: 'radio-group',\n slots: [...radioGroupAnatomy.keys(), 'badge'],\n base: {\n root: {\n display: 'flex',\n },\n item: {\n display: 'inline-flex',\n gap: '8',\n alignItems: 'flex-start',\n justifyContent: 'center',\n cursor: 'pointer',\n // Zag's hidden input is absolutely positioned. Without a positioned ancestor here it resolves\n // against one further out, and focusing it scrolls that container (a dialog jumps up).\n position: 'relative',\n _disabled: {\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n },\n itemControl: {\n border: '1px solid',\n borderColor: 'border/regular',\n backgroundColor: 'background/primary',\n borderRadius: '50%',\n boxShadow: 'inset/field',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n focusVisibleRing: 'outside',\n '& > .dot': {\n width: '12',\n height: '12',\n borderRadius: '50%',\n backgroundColor: 'icon/interactive',\n },\n _hover: {\n borderColor: 'border/hover',\n _disabled: {\n borderColor: 'border/disabled',\n },\n _readOnly: {\n borderColor: 'border/disabled',\n },\n },\n _disabled: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n '& > .dot': {\n backgroundColor: 'icon/disabled',\n },\n },\n _readOnly: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n boxShadow: 'none',\n '& > .dot': {\n backgroundColor: 'icon/on-disabled',\n },\n },\n },\n itemText: {\n color: 'input/text/inputValue',\n _disabled: {\n color: 'text/disabled',\n },\n },\n },\n variants: {\n orientation: {\n horizontal: {\n root: {\n flexDirection: 'row',\n gap: '24',\n },\n },\n vertical: {\n root: {\n alignItems: 'flex-start',\n flexDirection: 'column',\n gap: '12',\n },\n },\n },\n size: {\n md: {\n badge: {\n paddingBlock: '2',\n width: rem(36),\n },\n itemControl: {\n width: '20',\n height: '20',\n },\n itemText: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n badge: {\n paddingBlock: '4',\n width: '40',\n },\n itemControl: {\n width: '24',\n height: '24',\n },\n itemText: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n size: 'lg',\n },\n});\n\nexport default radioGroupSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO,CAAC,GAAG,kBAAkB,KAAK,GAAG,OAAO;CAC5C,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GAGR,UAAU;GACV,WAAW,EACT,QAAQ,cACV;GACA,WAAW,EACT,QAAQ,UACV;EACF;EACA,aAAa;GACX,QAAQ;GACR,aAAa;GACb,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV,OAAO;IACP,QAAQ;IACR,cAAc;IACd,iBAAiB;GACnB;GACA,QAAQ;IACN,aAAa;IACb,WAAW,EACT,aAAa,kBACf;IACA,WAAW,EACT,aAAa,kBACf;GACF;GACA,WAAW;IACT,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY,EACV,iBAAiB,gBACnB;GACF;GACA,WAAW;IACT,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY,EACV,iBAAiB,mBACnB;GACF;EACF;EACA,UAAU;GACR,OAAO;GACP,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU;EACR,aAAa;GACX,YAAY,EACV,MAAM;IACJ,eAAe;IACf,KAAK;GACP,EACF;GACA,UAAU,EACR,MAAM;IACJ,YAAY;IACZ,eAAe;IACf,KAAK;GACP,EACF;EACF;EACA,MAAM;GACJ,IAAI;IACF,OAAO;KACL,cAAc;KACd,OAAO,IAAI,EAAE;IACf;IACA,aAAa;KACX,OAAO;KACP,QAAQ;IACV;IACA,UAAU,EACR,WAAW,kBACb;GACF;GACA,IAAI;IACF,OAAO;KACL,cAAc;KACd,OAAO;IACT;IACA,aAAa;KACX,OAAO;KACP,QAAQ;IACV;IACA,UAAU,EACR,WAAW,kBACb;GACF;EACF;CACF;CACA,iBAAiB;EACf,aAAa;EACb,MAAM;CACR;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n slots: switchAnatomy.keys(),\n className: 'switch',\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '8',\n '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n '--switch-x': {\n base: 'var(--switch-diff)',\n _rtl: 'calc(var(--switch-diff) * -1)',\n },\n },\n\n label: {\n _disabled: {\n color: 'text/disabled',\n },\n },\n\n indicator: {\n color: 'icon/on-color',\n position: 'absolute',\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n display: 'grid',\n placeContent: 'center',\n userSelect: 'none',\n insetInlineStart: 'calc(var(--switch-x) - 2px)',\n _checked: {\n insetInlineStart: '2',\n },\n },\n\n control: {\n position: 'relative',\n display: 'inline-flex',\n width: 'var(--switch-width)',\n height: 'var(--switch-height)',\n bg: 'input/switch/off/track',\n cursor: 'pointer',\n transition: 'backgrounds',\n _checked: {\n bg: 'input/switch/on/track',\n _disabled: {\n bg: 'input/switch/on/track-disabled',\n },\n },\n _disabled: {\n bg: 'input/switch/off/track-disabled',\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n focusVisibleRing: 'outside',\n },\n\n thumb: {\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n bg: 'input/switch/off/thumb',\n boxShadow: 'elevation/sm',\n scale: '0.8',\n borderRadius: 'inherit',\n transitionProperty: 'translate',\n transitionDuration: 'fast',\n _checked: {\n bg: 'input/switch/on/thumb',\n translate: 'var(--switch-x) 0',\n },\n _disabled: {\n bg: 'input/switch/off/thumb-disabled',\n _checked: {\n bg: 'input/switch/on/thumb-disabled',\n },\n },\n },\n },\n\n variants: {\n size: {\n md: {\n root: {\n '--switch-width': rem(32),\n '--switch-height': rem(16),\n '--switch-indicator-font-size': rem(12),\n },\n control: {\n borderRadius: '8',\n },\n label: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n root: {\n '--switch-width': rem(48),\n '--switch-height': rem(24),\n '--switch-indicator-font-size': rem(16),\n },\n control: {\n borderRadius: '12',\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,KAAK;CAC1B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;
|
|
1
|
+
{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n slots: switchAnatomy.keys(),\n className: 'switch',\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '8',\n // Zag's hidden input is absolutely positioned. Without a positioned ancestor here it resolves\n // against one further out, and focusing it scrolls that container (a dialog jumps up).\n position: 'relative',\n '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n '--switch-x': {\n base: 'var(--switch-diff)',\n _rtl: 'calc(var(--switch-diff) * -1)',\n },\n },\n\n label: {\n _disabled: {\n color: 'text/disabled',\n },\n },\n\n indicator: {\n color: 'icon/on-color',\n position: 'absolute',\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n display: 'grid',\n placeContent: 'center',\n userSelect: 'none',\n insetInlineStart: 'calc(var(--switch-x) - 2px)',\n _checked: {\n insetInlineStart: '2',\n },\n },\n\n control: {\n position: 'relative',\n display: 'inline-flex',\n width: 'var(--switch-width)',\n height: 'var(--switch-height)',\n bg: 'input/switch/off/track',\n cursor: 'pointer',\n transition: 'backgrounds',\n _checked: {\n bg: 'input/switch/on/track',\n _disabled: {\n bg: 'input/switch/on/track-disabled',\n },\n },\n _disabled: {\n bg: 'input/switch/off/track-disabled',\n cursor: 'not-allowed',\n },\n _readOnly: {\n cursor: 'default',\n },\n focusVisibleRing: 'outside',\n },\n\n thumb: {\n width: 'var(--switch-height)',\n height: 'var(--switch-height)',\n bg: 'input/switch/off/thumb',\n boxShadow: 'elevation/sm',\n scale: '0.8',\n borderRadius: 'inherit',\n transitionProperty: 'translate',\n transitionDuration: 'fast',\n _checked: {\n bg: 'input/switch/on/thumb',\n translate: 'var(--switch-x) 0',\n },\n _disabled: {\n bg: 'input/switch/off/thumb-disabled',\n _checked: {\n bg: 'input/switch/on/thumb-disabled',\n },\n },\n },\n },\n\n variants: {\n size: {\n md: {\n root: {\n '--switch-width': rem(32),\n '--switch-height': rem(16),\n '--switch-indicator-font-size': rem(12),\n },\n control: {\n borderRadius: '8',\n },\n label: {\n textStyle: 'body/md/regular',\n },\n },\n lg: {\n root: {\n '--switch-width': rem(48),\n '--switch-height': rem(24),\n '--switch-indicator-font-size': rem(16),\n },\n control: {\n borderRadius: '12',\n },\n label: {\n textStyle: 'body/lg/regular',\n },\n },\n },\n },\n\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,KAAK;CAC1B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GAGL,UAAU;GACV,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;GACR;EACF;EAEA,OAAO,EACL,WAAW,EACT,OAAO,gBACT,EACF;EAEA,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,IACpB;EACF;EAEA,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACN;GACF;GACA,WAAW;IACT,IAAI;IACJ,QAAQ;GACV;GACA,WAAW,EACT,QAAQ,UACV;GACA,kBAAkB;EACpB;EAEA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;GACb;GACA,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACN;GACF;EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,EAAE;IACxB,mBAAmB,IAAI,EAAE;IACzB,gCAAgC,IAAI,EAAE;GACxC;GACA,SAAS,EACP,cAAc,IAChB;GACA,OAAO,EACL,WAAW,kBACb;EACF;EACA,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,EAAE;IACxB,mBAAmB,IAAI,EAAE;IACzB,gCAAgC,IAAI,EAAE;GACxC;GACA,SAAS,EACP,cAAc,KAChB;GACA,OAAO,EACL,WAAW,kBACb;EACF;CACF,EACF;CAEA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|