@bitrise/bitkit-v2 0.3.281-beta.1872 → 0.3.282
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QrCode.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/QrCode.recipe.ts"],"sourcesContent":["import { qrCodeAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\n// The size is driven by the `--qr-code-size` CSS variable that the `frame` slot\n// sizes off. The `size` variant sets that variable to a preset, and\n// `defaultVariants` guarantees a value so the component is never broken when no\n// size is passed. Consumers who need an arbitrary size can still override the\n// variable directly (`<QrCode.Root css={{ '--qr-code-size': '160px' }} />`) —\n// the `css` prop wins over the variant.\nconst qrCodeSlotRecipe = defineSlotRecipe({\n slots: qrCodeAnatomy.keys(),\n className: 'chakra-qr-code',\n base: {\n root: {\n position: 'relative',\n width: 'fit-content',\n
|
|
1
|
+
{"version":3,"file":"QrCode.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/QrCode.recipe.ts"],"sourcesContent":["import { qrCodeAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\n// The size is driven by the `--qr-code-size` CSS variable that the `frame` slot\n// sizes off. The `size` variant sets that variable to a preset, and\n// `defaultVariants` guarantees a value so the component is never broken when no\n// size is passed. Consumers who need an arbitrary size can still override the\n// variable directly (`<QrCode.Root css={{ '--qr-code-size': '160px' }} />`) —\n// the `css` prop wins over the variant.\nconst qrCodeSlotRecipe = defineSlotRecipe({\n slots: qrCodeAnatomy.keys(),\n className: 'chakra-qr-code',\n base: {\n root: {\n position: 'relative',\n width: 'fit-content',\n // A QR must be dark modules on a light surface to scan reliably. Bake the\n // default contrast in (dark foreground + light surface) so consumers get a\n // scannable code from `<QrCode.Root value size>` alone; both are plain\n // style props, so an unusual case can still override them. `icon/primary`\n // (not `text/primary`) because the pattern is a graphic mark, not text.\n // Neither token flips (the theme is light-only), which is what a QR needs.\n color: 'icon/primary',\n backgroundColor: 'background/primary',\n '--qr-code-overlay-size': 'calc(var(--qr-code-size) / 3)',\n },\n frame: {\n // The pattern draws with `currentColor` (the root's `color`), on the\n // root's light `backgroundColor`. The frame itself stays transparent.\n width: 'var(--qr-code-size)',\n height: 'var(--qr-code-size)',\n fill: 'currentColor',\n },\n overlay: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 'var(--qr-code-overlay-size)',\n height: 'var(--qr-code-overlay-size)',\n padding: '1',\n backgroundColor: 'background/primary',\n borderRadius: '4',\n },\n },\n variants: {\n size: {\n '104': { root: { '--qr-code-size': '104px' } },\n '240': { root: { '--qr-code-size': '240px' } },\n },\n },\n defaultVariants: {\n size: '104',\n },\n});\n\nexport default qrCodeSlotRecipe;\n"],"mappings":";;;AASA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,KAAK;CAC1B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,OAAO;GAOP,OAAO;GACP,iBAAiB;GACjB,0BAA0B;EAC5B;EACA,OAAO;GAGL,OAAO;GACP,QAAQ;GACR,MAAM;EACR;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,SAAS;GACT,iBAAiB;GACjB,cAAc;EAChB;CACF;CACA,UAAU,EACR,MAAM;EACJ,OAAO,EAAE,MAAM,EAAE,kBAAkB,QAAQ,EAAE;EAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,QAAQ,EAAE;CAC/C,EACF;CACA,iBAAiB,EACf,MAAM,MACR;AACF,CAAC"}
|