@bitrise/bitkit-v2 0.3.445-beta.2820 → 0.3.446-beta.2823
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/global-css.js +2 -1
- package/dist/theme/global-css.js.map +1 -1
- package/dist/theme/slot-recipes/Card.recipe.d.ts +17 -0
- package/dist/theme/slot-recipes/Card.recipe.js +16 -1
- package/dist/theme/slot-recipes/Card.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +11 -0
- package/package.json +1 -1
package/dist/theme/global-css.js
CHANGED
|
@@ -17,7 +17,8 @@ var globalCss = defineGlobalStyles({
|
|
|
17
17
|
"a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])": {
|
|
18
18
|
outline: "none",
|
|
19
19
|
focusVisibleRing: "outside"
|
|
20
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"button, [role='button'], summary": { "&:not(:disabled, [aria-disabled=true], [data-disabled])": { cursor: "pointer" } }
|
|
21
22
|
});
|
|
22
23
|
//#endregion
|
|
23
24
|
export { globalCss as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global-css.js","names":[],"sources":["../../lib/theme/global-css.ts"],"sourcesContent":["import { defineGlobalStyles } from '@chakra-ui/react/styled-system';\n\nimport { rem } from './themeUtils';\n\nconst globalCss = defineGlobalStyles({\n '*': {\n '--global-font-mono': 'fonts.mono',\n '--global-font-body': 'fonts.body',\n '--focus-ring-width': rem(3),\n '--focus-ring-offset': '0',\n '--focus-ring-style': 'solid',\n '--focus-ring-color': 'colors.border/focus',\n },\n body: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n \"a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])\": {\n outline: 'none',\n focusVisibleRing: 'outside',\n },\n});\n\nexport default globalCss;\n"],"mappings":";;;AAIA,IAAM,YAAY,mBAAmB;CACnC,KAAK;EACH,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB,IAAI,CAAC;EAC3B,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;CACxB;CACA,MAAM;EACJ,OAAO;EACP,WAAW;CACb;CACA,gFAAgF;EAC9E,SAAS;EACT,kBAAkB;CACpB;AACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"global-css.js","names":[],"sources":["../../lib/theme/global-css.ts"],"sourcesContent":["import { defineGlobalStyles } from '@chakra-ui/react/styled-system';\n\nimport { rem } from './themeUtils';\n\nconst globalCss = defineGlobalStyles({\n '*': {\n '--global-font-mono': 'fonts.mono',\n '--global-font-body': 'fonts.body',\n '--focus-ring-width': rem(3),\n '--focus-ring-offset': '0',\n '--focus-ring-style': 'solid',\n '--focus-ring-color': 'colors.border/focus',\n },\n body: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n \"a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])\": {\n outline: 'none',\n focusVisibleRing: 'outside',\n },\n // Anything you can activate shows it, and nothing disabled does -- `:disabled` only covers native\n // controls, so the ARIA and Zag disabled markers are excluded too. Recipes that style a disabled\n // state (`not-allowed`) still win: they sit in a later cascade layer than these global styles.\n \"button, [role='button'], summary\": {\n '&:not(:disabled, [aria-disabled=true], [data-disabled])': {\n cursor: 'pointer',\n },\n },\n});\n\nexport default globalCss;\n"],"mappings":";;;AAIA,IAAM,YAAY,mBAAmB;CACnC,KAAK;EACH,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB,IAAI,CAAC;EAC3B,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;CACxB;CACA,MAAM;EACJ,OAAO;EACP,WAAW;CACb;CACA,gFAAgF;EAC9E,SAAS;EACT,kBAAkB;CACpB;CAIA,oCAAoC,EAClC,2DAA2D,EACzD,QAAQ,UACV,EACF;AACF,CAAC"}
|
|
@@ -12,6 +12,23 @@ declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"b
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
+
/**
|
|
16
|
+
* For a card that is itself the target -- a link or a button, like a list of apps or projects. It
|
|
17
|
+
* answers hover with a tinted background and a stronger border; the elevation stays as it is.
|
|
18
|
+
* Render the card as that element (`asChild`, or a `LinkOverlay` inside), so the hover belongs to
|
|
19
|
+
* something you can actually activate.
|
|
20
|
+
*/
|
|
21
|
+
interactive: {
|
|
22
|
+
true: {
|
|
23
|
+
root: {
|
|
24
|
+
_hover: {
|
|
25
|
+
backgroundColor: "background/secondary";
|
|
26
|
+
borderColor: "border/hover";
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
false: {};
|
|
31
|
+
};
|
|
15
32
|
paddingSize: {
|
|
16
33
|
sm: {
|
|
17
34
|
body: {
|
|
@@ -8,7 +8,8 @@ var cardSlotRecipe = defineSlotRecipe({
|
|
|
8
8
|
root: {
|
|
9
9
|
backgroundColor: "background/primary",
|
|
10
10
|
border: "1px solid",
|
|
11
|
-
borderRadius: "8"
|
|
11
|
+
borderRadius: "8",
|
|
12
|
+
display: "block"
|
|
12
13
|
},
|
|
13
14
|
footer: {
|
|
14
15
|
borderTop: "1px solid",
|
|
@@ -23,6 +24,19 @@ var cardSlotRecipe = defineSlotRecipe({
|
|
|
23
24
|
} },
|
|
24
25
|
false: { root: { borderColor: "border/regular" } }
|
|
25
26
|
},
|
|
27
|
+
/**
|
|
28
|
+
* For a card that is itself the target -- a link or a button, like a list of apps or projects. It
|
|
29
|
+
* answers hover with a tinted background and a stronger border; the elevation stays as it is.
|
|
30
|
+
* Render the card as that element (`asChild`, or a `LinkOverlay` inside), so the hover belongs to
|
|
31
|
+
* something you can actually activate.
|
|
32
|
+
*/
|
|
33
|
+
interactive: {
|
|
34
|
+
true: { root: { _hover: {
|
|
35
|
+
backgroundColor: "background/secondary",
|
|
36
|
+
borderColor: "border/hover"
|
|
37
|
+
} } },
|
|
38
|
+
false: {}
|
|
39
|
+
},
|
|
26
40
|
paddingSize: {
|
|
27
41
|
sm: {
|
|
28
42
|
body: { padding: "16" },
|
|
@@ -52,6 +66,7 @@ var cardSlotRecipe = defineSlotRecipe({
|
|
|
52
66
|
},
|
|
53
67
|
defaultVariants: {
|
|
54
68
|
elevation: true,
|
|
69
|
+
interactive: false,
|
|
55
70
|
paddingSize: "lg"
|
|
56
71
|
}
|
|
57
72
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n },\n footer: {\n borderTop: '1px solid',\n borderTopColor: 'border/minimal',\n },\n },\n variants: {\n elevation: {\n true: {\n root: {\n borderColor: 'border/minimal',\n boxShadow: 'elevation/sm',\n },\n },\n false: {\n root: {\n borderColor: 'border/regular',\n },\n },\n },\n paddingSize: {\n sm: {\n body: {\n padding: '16',\n },\n footer: {\n paddingInline: '16',\n paddingBlock: '8',\n },\n },\n md: {\n body: {\n paddingInline: '24',\n paddingBlock: '16',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '8',\n },\n },\n lg: {\n body: {\n padding: '24',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '12',\n },\n },\n },\n },\n defaultVariants: {\n elevation: true,\n paddingSize: 'lg',\n },\n});\n\nexport default cardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,cAAc;
|
|
1
|
+
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n // A card rendered as an inline element -- a link, via `asChild` -- would otherwise draw its\n // border in fragments around its block children instead of as one box.\n display: 'block',\n },\n footer: {\n borderTop: '1px solid',\n borderTopColor: 'border/minimal',\n },\n },\n variants: {\n elevation: {\n true: {\n root: {\n borderColor: 'border/minimal',\n boxShadow: 'elevation/sm',\n },\n },\n false: {\n root: {\n borderColor: 'border/regular',\n },\n },\n },\n /**\n * For a card that is itself the target -- a link or a button, like a list of apps or projects. It\n * answers hover with a tinted background and a stronger border; the elevation stays as it is.\n * Render the card as that element (`asChild`, or a `LinkOverlay` inside), so the hover belongs to\n * something you can actually activate.\n */\n interactive: {\n true: {\n root: {\n _hover: {\n backgroundColor: 'background/secondary',\n borderColor: 'border/hover',\n },\n },\n },\n false: {},\n },\n paddingSize: {\n sm: {\n body: {\n padding: '16',\n },\n footer: {\n paddingInline: '16',\n paddingBlock: '8',\n },\n },\n md: {\n body: {\n paddingInline: '24',\n paddingBlock: '16',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '8',\n },\n },\n lg: {\n body: {\n padding: '24',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '12',\n },\n },\n },\n },\n defaultVariants: {\n elevation: true,\n interactive: false,\n paddingSize: 'lg',\n },\n});\n\nexport default cardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GAGd,SAAS;EACX;EACA,QAAQ;GACN,WAAW;GACX,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,WAAW;GACT,MAAM,EACJ,MAAM;IACJ,aAAa;IACb,WAAW;GACb,EACF;GACA,OAAO,EACL,MAAM,EACJ,aAAa,iBACf,EACF;EACF;;;;;;;EAOA,aAAa;GACX,MAAM,EACJ,MAAM,EACJ,QAAQ;IACN,iBAAiB;IACjB,aAAa;GACf,EACF,EACF;GACA,OAAO,CAAC;EACV;EACA,aAAa;GACX,IAAI;IACF,MAAM,EACJ,SAAS,KACX;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;GACA,IAAI;IACF,MAAM;KACJ,eAAe;KACf,cAAc;IAChB;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;GACA,IAAI;IACF,MAAM,EACJ,SAAS,KACX;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;EACb,aAAa;CACf;AACF,CAAC"}
|
|
@@ -290,6 +290,17 @@ declare const slotRecipes: {
|
|
|
290
290
|
};
|
|
291
291
|
};
|
|
292
292
|
};
|
|
293
|
+
interactive: {
|
|
294
|
+
true: {
|
|
295
|
+
root: {
|
|
296
|
+
_hover: {
|
|
297
|
+
backgroundColor: "background/secondary";
|
|
298
|
+
borderColor: "border/hover";
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
};
|
|
302
|
+
false: {};
|
|
303
|
+
};
|
|
293
304
|
paddingSize: {
|
|
294
305
|
sm: {
|
|
295
306
|
body: {
|