@bitrise/bitkit-v2 0.3.472 → 0.3.474
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.
|
@@ -38,6 +38,7 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
|
|
|
38
38
|
};
|
|
39
39
|
floating: {
|
|
40
40
|
body: {
|
|
41
|
+
paddingBlockEnd: "24";
|
|
41
42
|
paddingBlockStart: "8";
|
|
42
43
|
paddingInline: "24";
|
|
43
44
|
'.chakra-drawer__header:has([role=tablist]) ~ &': {
|
|
@@ -56,7 +57,7 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
|
|
|
56
57
|
content: {
|
|
57
58
|
borderRadius: "12";
|
|
58
59
|
boxShadow: "elevation/lg";
|
|
59
|
-
maxWidth:
|
|
60
|
+
maxWidth: `var(--drawer-floating-max-width, ${number}rem)`;
|
|
60
61
|
minWidth: `min(100%, ${number}rem)`;
|
|
61
62
|
};
|
|
62
63
|
header: {
|
|
@@ -71,7 +72,7 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
|
|
|
71
72
|
borderBlockStartColor: "transparent";
|
|
72
73
|
borderBlockStartWidth: number;
|
|
73
74
|
paddingBlockEnd: "24";
|
|
74
|
-
paddingBlockStart: "
|
|
75
|
+
paddingBlockStart: "8";
|
|
75
76
|
paddingInline: "24";
|
|
76
77
|
};
|
|
77
78
|
title: {
|
|
@@ -81,11 +82,46 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
|
|
|
81
82
|
};
|
|
82
83
|
};
|
|
83
84
|
size: {
|
|
84
|
-
xxs: {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
xxs: {
|
|
86
|
+
content: {
|
|
87
|
+
'--drawer-floating-max-width': "100%";
|
|
88
|
+
width: {
|
|
89
|
+
tablet: `${number}rem`;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
xs: {
|
|
94
|
+
content: {
|
|
95
|
+
'--drawer-floating-max-width': "100%";
|
|
96
|
+
width: {
|
|
97
|
+
tablet: `${number}rem`;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
sm: {
|
|
102
|
+
content: {
|
|
103
|
+
'--drawer-floating-max-width': "100%";
|
|
104
|
+
width: {
|
|
105
|
+
tablet: `${number}rem`;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
md: {
|
|
110
|
+
content: {
|
|
111
|
+
'--drawer-floating-max-width': "100%";
|
|
112
|
+
width: {
|
|
113
|
+
tablet: `${number}rem`;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
lg: {
|
|
118
|
+
content: {
|
|
119
|
+
'--drawer-floating-max-width': "100%";
|
|
120
|
+
width: {
|
|
121
|
+
tablet: `${number}rem`;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
89
125
|
};
|
|
90
126
|
}>;
|
|
91
127
|
export default drawerSlotRecipe;
|
|
@@ -121,6 +121,7 @@ var drawerSlotRecipe = defineSlotRecipe({
|
|
|
121
121
|
},
|
|
122
122
|
floating: {
|
|
123
123
|
body: {
|
|
124
|
+
paddingBlockEnd: "24",
|
|
124
125
|
paddingBlockStart: "8",
|
|
125
126
|
paddingInline: "24",
|
|
126
127
|
".chakra-drawer__header:has([role=tablist]) ~ &": { paddingBlockStart: "24" }
|
|
@@ -135,7 +136,7 @@ var drawerSlotRecipe = defineSlotRecipe({
|
|
|
135
136
|
content: {
|
|
136
137
|
borderRadius: "12",
|
|
137
138
|
boxShadow: "elevation/lg",
|
|
138
|
-
maxWidth: rem(700)
|
|
139
|
+
maxWidth: `var(--drawer-floating-max-width, ${rem(700)})`,
|
|
139
140
|
minWidth: `min(100%, ${rem(480)})`
|
|
140
141
|
},
|
|
141
142
|
header: {
|
|
@@ -148,7 +149,7 @@ var drawerSlotRecipe = defineSlotRecipe({
|
|
|
148
149
|
borderBlockStartColor: "transparent",
|
|
149
150
|
borderBlockStartWidth: 0,
|
|
150
151
|
paddingBlockEnd: "24",
|
|
151
|
-
paddingBlockStart: "
|
|
152
|
+
paddingBlockStart: "8",
|
|
152
153
|
paddingInline: "24"
|
|
153
154
|
},
|
|
154
155
|
title: {
|
|
@@ -158,40 +159,28 @@ var drawerSlotRecipe = defineSlotRecipe({
|
|
|
158
159
|
}
|
|
159
160
|
},
|
|
160
161
|
size: {
|
|
161
|
-
xxs: {
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
162
|
+
xxs: { content: {
|
|
163
|
+
"--drawer-floating-max-width": "100%",
|
|
164
|
+
width: { tablet: rem(320) }
|
|
165
|
+
} },
|
|
166
|
+
xs: { content: {
|
|
167
|
+
"--drawer-floating-max-width": "100%",
|
|
168
|
+
width: { tablet: rem(360) }
|
|
169
|
+
} },
|
|
170
|
+
sm: { content: {
|
|
171
|
+
"--drawer-floating-max-width": "100%",
|
|
172
|
+
width: { tablet: rem(480) }
|
|
173
|
+
} },
|
|
174
|
+
md: { content: {
|
|
175
|
+
"--drawer-floating-max-width": "100%",
|
|
176
|
+
width: { tablet: rem(640) }
|
|
177
|
+
} },
|
|
178
|
+
lg: { content: {
|
|
179
|
+
"--drawer-floating-max-width": "100%",
|
|
180
|
+
width: { tablet: rem(800) }
|
|
181
|
+
} }
|
|
166
182
|
}
|
|
167
183
|
},
|
|
168
|
-
compoundVariants: [...[
|
|
169
|
-
["xxs", 320],
|
|
170
|
-
["xs", 360],
|
|
171
|
-
["sm", 480],
|
|
172
|
-
["md", 640],
|
|
173
|
-
["lg", 800]
|
|
174
|
-
].map(([size, width]) => ({
|
|
175
|
-
css: { content: { width: {
|
|
176
|
-
base: "100vw",
|
|
177
|
-
tablet: rem(width)
|
|
178
|
-
} } },
|
|
179
|
-
size,
|
|
180
|
-
variant: "docked"
|
|
181
|
-
})), ...[
|
|
182
|
-
["xxs", 480],
|
|
183
|
-
["xs", 480],
|
|
184
|
-
["sm", 480],
|
|
185
|
-
["md", 640],
|
|
186
|
-
["lg", 800]
|
|
187
|
-
].map(([size, width]) => ({
|
|
188
|
-
css: { content: {
|
|
189
|
-
maxWidth: "100%",
|
|
190
|
-
width: rem(width)
|
|
191
|
-
} },
|
|
192
|
-
size,
|
|
193
|
-
variant: "floating"
|
|
194
|
-
}))],
|
|
195
184
|
defaultVariants: { variant: "docked" }
|
|
196
185
|
});
|
|
197
186
|
//#endregion
|
|
@@ -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: 'calc({zIndex.dialogOverlay} + var(--layer-index, 0))',\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: 'calc({zIndex.dialog} + var(--layer-index, 0))',\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 // A tab list in the header closes it off with its own baseline.\n '&:has([role=tablist])': {\n paddingBlockEnd: 0,\n },\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 // The close button is absolutely positioned, so the title keeps clear of it.\n paddingInlineEnd: '48',\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 // One inline padding for header, body and footer, so their content lines up: 16 on mobile, 24 from tablet.\n docked: {\n body: {\n padding: { base: '16', tablet: '24' },\n },\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n footer: {\n paddingInline: { base: '16', tablet: '24' },\n },\n header: {\n paddingInline: { base: '16', tablet: '24' },\n // Tabs sit 8px from the edge, so their baseline runs nearly full width.\n '& :has(> [role=tablist])': {\n marginInline: { base: '-8', tablet: '-16' },\n },\n },\n },\n floating: {\n body: {\n paddingBlockStart: '8',\n paddingInline: '24',\n '.chakra-drawer__header:has([role=tablist]) ~ &': {\n paddingBlockStart: '24',\n },\n },\n closeTrigger: {\n height: '32',\n insetEnd: '20',\n top: '20',\n width: '32',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700)
|
|
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: 'calc({zIndex.dialogOverlay} + var(--layer-index, 0))',\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: 'calc({zIndex.dialog} + var(--layer-index, 0))',\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 // A tab list in the header closes it off with its own baseline.\n '&:has([role=tablist])': {\n paddingBlockEnd: 0,\n },\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 // The close button is absolutely positioned, so the title keeps clear of it.\n paddingInlineEnd: '48',\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 // One inline padding for header, body and footer, so their content lines up: 16 on mobile, 24 from tablet.\n docked: {\n body: {\n padding: { base: '16', tablet: '24' },\n },\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n footer: {\n paddingInline: { base: '16', tablet: '24' },\n },\n header: {\n paddingInline: { base: '16', tablet: '24' },\n // Tabs sit 8px from the edge, so their baseline runs nearly full width.\n '& :has(> [role=tablist])': {\n marginInline: { base: '-8', tablet: '-16' },\n },\n },\n },\n floating: {\n body: {\n // The bottom 24 is the body's, not the footer's, so a drawer without a footer still ends on it.\n paddingBlockEnd: '24',\n paddingBlockStart: '8',\n paddingInline: '24',\n '.chakra-drawer__header:has([role=tablist]) ~ &': {\n paddingBlockStart: '24',\n },\n },\n closeTrigger: {\n height: '32',\n insetEnd: '20',\n top: '20',\n width: '32',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n // A size lifts this cap through the variable, which also reaches a responsive `variant`'s tablet-scoped rule.\n maxWidth: `var(--drawer-floating-max-width, ${rem(700)})`,\n // 480 is the floating drawer's smallest step, so xxs and xs land on it too; on narrow screens it gives way to the viewport.\n minWidth: `min(100%, ${rem(480)})`,\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n '& :has(> [role=tablist])': {\n marginInline: '-16',\n },\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth: 0,\n paddingBlockEnd: '24',\n // With the body's bottom 24, the gap above the footer stays 32.\n paddingBlockStart: '8',\n paddingInline: '24',\n },\n title: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n },\n },\n // Plain variants rather than compounds, so a size also works with a responsive `variant`, which compound variants\n // never match. Widths apply from tablet up; below that the variant's own width stays (docked: full width,\n // floating: sized to content).\n size: {\n xxs: { content: { '--drawer-floating-max-width': '100%', width: { tablet: rem(320) } } },\n xs: { content: { '--drawer-floating-max-width': '100%', width: { tablet: rem(360) } } },\n sm: { content: { '--drawer-floating-max-width': '100%', width: { tablet: rem(480) } } },\n md: { content: { '--drawer-floating-max-width': '100%', width: { tablet: rem(640) } } },\n lg: { content: { '--drawer-floating-max-width': '100%', width: { tablet: rem(800) } } },\n },\n },\n defaultVariants: {\n variant: 'docked',\n },\n});\n\nexport default drawerSlotRecipe;\n"],"mappings":"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"}
|
|
@@ -941,6 +941,7 @@ declare const slotRecipes: {
|
|
|
941
941
|
};
|
|
942
942
|
floating: {
|
|
943
943
|
body: {
|
|
944
|
+
paddingBlockEnd: "24";
|
|
944
945
|
paddingBlockStart: "8";
|
|
945
946
|
paddingInline: "24";
|
|
946
947
|
'.chakra-drawer__header:has([role=tablist]) ~ &': {
|
|
@@ -959,7 +960,7 @@ declare const slotRecipes: {
|
|
|
959
960
|
content: {
|
|
960
961
|
borderRadius: "12";
|
|
961
962
|
boxShadow: "elevation/lg";
|
|
962
|
-
maxWidth:
|
|
963
|
+
maxWidth: `var(--drawer-floating-max-width, ${number}rem)`;
|
|
963
964
|
minWidth: `min(100%, ${number}rem)`;
|
|
964
965
|
};
|
|
965
966
|
header: {
|
|
@@ -974,7 +975,7 @@ declare const slotRecipes: {
|
|
|
974
975
|
borderBlockStartColor: "transparent";
|
|
975
976
|
borderBlockStartWidth: number;
|
|
976
977
|
paddingBlockEnd: "24";
|
|
977
|
-
paddingBlockStart: "
|
|
978
|
+
paddingBlockStart: "8";
|
|
978
979
|
paddingInline: "24";
|
|
979
980
|
};
|
|
980
981
|
title: {
|
|
@@ -984,11 +985,46 @@ declare const slotRecipes: {
|
|
|
984
985
|
};
|
|
985
986
|
};
|
|
986
987
|
size: {
|
|
987
|
-
xxs: {
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
988
|
+
xxs: {
|
|
989
|
+
content: {
|
|
990
|
+
'--drawer-floating-max-width': "100%";
|
|
991
|
+
width: {
|
|
992
|
+
tablet: `${number}rem`;
|
|
993
|
+
};
|
|
994
|
+
};
|
|
995
|
+
};
|
|
996
|
+
xs: {
|
|
997
|
+
content: {
|
|
998
|
+
'--drawer-floating-max-width': "100%";
|
|
999
|
+
width: {
|
|
1000
|
+
tablet: `${number}rem`;
|
|
1001
|
+
};
|
|
1002
|
+
};
|
|
1003
|
+
};
|
|
1004
|
+
sm: {
|
|
1005
|
+
content: {
|
|
1006
|
+
'--drawer-floating-max-width': "100%";
|
|
1007
|
+
width: {
|
|
1008
|
+
tablet: `${number}rem`;
|
|
1009
|
+
};
|
|
1010
|
+
};
|
|
1011
|
+
};
|
|
1012
|
+
md: {
|
|
1013
|
+
content: {
|
|
1014
|
+
'--drawer-floating-max-width': "100%";
|
|
1015
|
+
width: {
|
|
1016
|
+
tablet: `${number}rem`;
|
|
1017
|
+
};
|
|
1018
|
+
};
|
|
1019
|
+
};
|
|
1020
|
+
lg: {
|
|
1021
|
+
content: {
|
|
1022
|
+
'--drawer-floating-max-width': "100%";
|
|
1023
|
+
width: {
|
|
1024
|
+
tablet: `${number}rem`;
|
|
1025
|
+
};
|
|
1026
|
+
};
|
|
1027
|
+
};
|
|
992
1028
|
};
|
|
993
1029
|
}>;
|
|
994
1030
|
emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
|