@bitrise/bitkit-v2 0.3.278 → 0.3.279
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.
|
@@ -19,7 +19,8 @@ var avatarSlotRecipe = defineSlotRecipe({
|
|
|
19
19
|
justifyContent: "center",
|
|
20
20
|
position: "relative",
|
|
21
21
|
userSelect: "none",
|
|
22
|
-
verticalAlign: "top"
|
|
22
|
+
verticalAlign: "top",
|
|
23
|
+
"&:has([data-part=image][data-state=visible])": { backgroundColor: "transparent" }
|
|
23
24
|
},
|
|
24
25
|
image: {
|
|
25
26
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Avatar.recipe.ts"],"sourcesContent":["import { avatarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst avatarSlotRecipe = defineSlotRecipe({\n slots: [...avatarAnatomy.keys(), 'icon', 'badge', 'badgeContainer'],\n className: 'avatar',\n base: {\n root: {\n alignItems: 'center',\n border: '1px solid',\n borderColor: 'border/minimal',\n display: 'inline-flex',\n flexShrink: '0',\n justifyContent: 'center',\n position: 'relative',\n userSelect: 'none',\n verticalAlign: 'top',\n },\n image: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n fallback: {},\n icon: {},\n badge: {\n width: 16,\n height: 16,\n },\n badgeContainer: {\n display: 'flex',\n boxShadow: 'elevation/sm',\n position: 'absolute',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'text/secondary',\n backgroundColor: 'background/primary',\n },\n },\n\n variants: {\n size: {\n '24': {\n root: { width: 24, height: 24, borderRadius: 4 },\n image: { borderRadius: 4 },\n fallback: { textStyle: 'comp/avatar/24', borderRadius: 4 },\n icon: { width: 16, height: 16 },\n badgeContainer: { display: 'none' },\n },\n '32': {\n root: { width: 32, height: 32, borderRadius: 6 },\n image: { borderRadius: 6 },\n fallback: { textStyle: 'comp/avatar/32', borderRadius: 6 },\n icon: { width: 20, height: 20 },\n badgeContainer: { width: 16, height: 16, bottom: -5, right: -5, borderRadius: 4 },\n },\n '40': {\n root: { width: 40, height: 40, borderRadius: 8 },\n image: { borderRadius: 8 },\n fallback: { textStyle: 'comp/avatar/40', borderRadius: 8 },\n icon: { width: 24, height: 24 },\n badgeContainer: { width: 16, height: 16, bottom: -2, right: -2, borderRadius: 4 },\n },\n '48': {\n root: { width: 48, height: 48, borderRadius: '10' },\n image: { borderRadius: '10' },\n fallback: { textStyle: 'comp/avatar/48', borderRadius: '10' },\n icon: { width: 32, height: 32 },\n badgeContainer: { width: 24, height: 24, bottom: -7, right: -7, borderRadius: '50%' },\n },\n '64': {\n root: { width: 64, height: 64, borderRadius: 12 },\n image: { borderRadius: 12 },\n fallback: { textStyle: 'comp/avatar/64', borderRadius: 12 },\n icon: { width: 48, height: 48 },\n badgeContainer: { width: 24, height: 24, bottom: -5, right: -5, borderRadius: '50%' },\n },\n '128': {\n root: { width: 128, height: 128, borderRadius: 16 },\n image: { borderRadius: 16 },\n fallback: { textStyle: 'comp/avatar/128', borderRadius: 16 },\n icon: { width: 96, height: 96 },\n badgeContainer: { display: 'none' },\n },\n },\n\n variant: {\n circle: {\n root: { borderRadius: '50%' },\n image: { borderRadius: '50%' },\n fallback: { borderRadius: '50%' },\n },\n rounded: {},\n },\n\n colorVariant: {\n neutral: { root: { color: 'color/neutral/strong', backgroundColor: 'color/neutral/subtle' } },\n purple: { root: { color: 'color/purple/strong', backgroundColor: 'color/purple/subtle' } },\n indigo: { root: { color: 'color/indigo/strong', backgroundColor: 'color/indigo/subtle' } },\n blue: { root: { color: 'color/blue/strong', backgroundColor: 'color/blue/subtle' } },\n green: { root: { color: 'color/green/strong', backgroundColor: 'color/green/subtle' } },\n yellow: { root: { color: 'color/yellow/strong', backgroundColor: 'color/yellow/subtle' } },\n red: { root: { color: 'color/red/strong', backgroundColor: 'color/red/subtle' } },\n orange: { root: { color: 'color/orange/strong', backgroundColor: 'color/orange/subtle' } },\n turquoise: { root: { color: 'color/turquoise/strong', backgroundColor: 'color/turquoise/subtle' } },\n },\n },\n\n defaultVariants: {\n colorVariant: 'neutral',\n size: '32',\n variant: 'circle',\n },\n});\n\nexport default avatarSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO;EAAC,GAAG,cAAc,KAAK;EAAG;EAAQ;EAAS;CAAgB;CAClE,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,aAAa;GACb,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,YAAY;GACZ,eAAe;
|
|
1
|
+
{"version":3,"file":"Avatar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Avatar.recipe.ts"],"sourcesContent":["import { avatarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst avatarSlotRecipe = defineSlotRecipe({\n slots: [...avatarAnatomy.keys(), 'icon', 'badge', 'badgeContainer'],\n className: 'avatar',\n base: {\n root: {\n alignItems: 'center',\n border: '1px solid',\n borderColor: 'border/minimal',\n display: 'inline-flex',\n flexShrink: '0',\n justifyContent: 'center',\n position: 'relative',\n userSelect: 'none',\n verticalAlign: 'top',\n '&:has([data-part=image][data-state=visible])': {\n backgroundColor: 'transparent',\n },\n },\n image: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n fallback: {},\n icon: {},\n badge: {\n width: 16,\n height: 16,\n },\n badgeContainer: {\n display: 'flex',\n boxShadow: 'elevation/sm',\n position: 'absolute',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'text/secondary',\n backgroundColor: 'background/primary',\n },\n },\n\n variants: {\n size: {\n '24': {\n root: { width: 24, height: 24, borderRadius: 4 },\n image: { borderRadius: 4 },\n fallback: { textStyle: 'comp/avatar/24', borderRadius: 4 },\n icon: { width: 16, height: 16 },\n badgeContainer: { display: 'none' },\n },\n '32': {\n root: { width: 32, height: 32, borderRadius: 6 },\n image: { borderRadius: 6 },\n fallback: { textStyle: 'comp/avatar/32', borderRadius: 6 },\n icon: { width: 20, height: 20 },\n badgeContainer: { width: 16, height: 16, bottom: -5, right: -5, borderRadius: 4 },\n },\n '40': {\n root: { width: 40, height: 40, borderRadius: 8 },\n image: { borderRadius: 8 },\n fallback: { textStyle: 'comp/avatar/40', borderRadius: 8 },\n icon: { width: 24, height: 24 },\n badgeContainer: { width: 16, height: 16, bottom: -2, right: -2, borderRadius: 4 },\n },\n '48': {\n root: { width: 48, height: 48, borderRadius: '10' },\n image: { borderRadius: '10' },\n fallback: { textStyle: 'comp/avatar/48', borderRadius: '10' },\n icon: { width: 32, height: 32 },\n badgeContainer: { width: 24, height: 24, bottom: -7, right: -7, borderRadius: '50%' },\n },\n '64': {\n root: { width: 64, height: 64, borderRadius: 12 },\n image: { borderRadius: 12 },\n fallback: { textStyle: 'comp/avatar/64', borderRadius: 12 },\n icon: { width: 48, height: 48 },\n badgeContainer: { width: 24, height: 24, bottom: -5, right: -5, borderRadius: '50%' },\n },\n '128': {\n root: { width: 128, height: 128, borderRadius: 16 },\n image: { borderRadius: 16 },\n fallback: { textStyle: 'comp/avatar/128', borderRadius: 16 },\n icon: { width: 96, height: 96 },\n badgeContainer: { display: 'none' },\n },\n },\n\n variant: {\n circle: {\n root: { borderRadius: '50%' },\n image: { borderRadius: '50%' },\n fallback: { borderRadius: '50%' },\n },\n rounded: {},\n },\n\n colorVariant: {\n neutral: { root: { color: 'color/neutral/strong', backgroundColor: 'color/neutral/subtle' } },\n purple: { root: { color: 'color/purple/strong', backgroundColor: 'color/purple/subtle' } },\n indigo: { root: { color: 'color/indigo/strong', backgroundColor: 'color/indigo/subtle' } },\n blue: { root: { color: 'color/blue/strong', backgroundColor: 'color/blue/subtle' } },\n green: { root: { color: 'color/green/strong', backgroundColor: 'color/green/subtle' } },\n yellow: { root: { color: 'color/yellow/strong', backgroundColor: 'color/yellow/subtle' } },\n red: { root: { color: 'color/red/strong', backgroundColor: 'color/red/subtle' } },\n orange: { root: { color: 'color/orange/strong', backgroundColor: 'color/orange/subtle' } },\n turquoise: { root: { color: 'color/turquoise/strong', backgroundColor: 'color/turquoise/subtle' } },\n },\n },\n\n defaultVariants: {\n colorVariant: 'neutral',\n size: '32',\n variant: 'circle',\n },\n});\n\nexport default avatarSlotRecipe;\n"],"mappings":"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"}
|