@bitrise/bitkit-v2 0.3.404-beta.2616 → 0.3.405-beta.2627

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.
Files changed (5) hide show
  1. package/dist/theme/slot-recipes/Tag.recipe.d.ts +30 -0
  2. package/dist/theme/slot-recipes/Tag.recipe.js +48 -30
  3. package/dist/theme/slot-recipes/Tag.recipe.js.map +1 -1
  4. package/dist/theme/slot-recipes/index.d.ts +30 -0
  5. package/package.json +1 -1
package/dist/theme/slot-recipes/Tag.recipe.d.ts CHANGED
@@ -6,6 +6,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
6
6
  borderColor: "color/neutral/muted";
7
7
  color: "color/neutral/strong";
8
8
  };
9
+ endElement: {
10
+ _hover: {
11
+ backgroundColor: "color/neutral/moderate";
12
+ };
13
+ };
9
14
  };
10
15
  blue: {
11
16
  root: {
@@ -13,6 +18,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
13
18
  borderColor: "color/blue/muted";
14
19
  color: "color/blue/strong";
15
20
  };
21
+ endElement: {
22
+ _hover: {
23
+ backgroundColor: "color/blue/moderate";
24
+ };
25
+ };
16
26
  };
17
27
  green: {
18
28
  root: {
@@ -20,6 +30,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
20
30
  borderColor: "color/green/muted";
21
31
  color: "color/green/strong";
22
32
  };
33
+ endElement: {
34
+ _hover: {
35
+ backgroundColor: "color/green/moderate";
36
+ };
37
+ };
23
38
  };
24
39
  red: {
25
40
  root: {
@@ -27,6 +42,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
27
42
  borderColor: "color/red/muted";
28
43
  color: "color/red/strong";
29
44
  };
45
+ endElement: {
46
+ _hover: {
47
+ backgroundColor: "color/red/moderate";
48
+ };
49
+ };
30
50
  };
31
51
  yellow: {
32
52
  root: {
@@ -34,6 +54,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
34
54
  borderColor: "color/yellow/muted";
35
55
  color: "color/yellow/strong";
36
56
  };
57
+ endElement: {
58
+ _hover: {
59
+ backgroundColor: "color/yellow/moderate";
60
+ };
61
+ };
37
62
  };
38
63
  purple: {
39
64
  root: {
@@ -41,6 +66,11 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
41
66
  borderColor: "color/purple/muted";
42
67
  color: "color/purple/strong";
43
68
  };
69
+ endElement: {
70
+ _hover: {
71
+ backgroundColor: "color/purple/moderate";
72
+ };
73
+ };
44
74
  };
45
75
  };
46
76
  disabled: {
package/dist/theme/slot-recipes/Tag.recipe.js CHANGED
@@ -19,36 +19,54 @@ var tagSlotRecipe = defineSlotRecipe({
19
19
  }],
20
20
  variants: {
21
21
  colorVariant: {
22
- neutral: { root: {
23
- backgroundColor: "color/neutral/subtle",
24
- borderColor: "color/neutral/muted",
25
- color: "color/neutral/strong"
26
- } },
27
- blue: { root: {
28
- backgroundColor: "color/blue/subtle",
29
- borderColor: "color/blue/muted",
30
- color: "color/blue/strong"
31
- } },
32
- green: { root: {
33
- backgroundColor: "color/green/subtle",
34
- borderColor: "color/green/muted",
35
- color: "color/green/strong"
36
- } },
37
- red: { root: {
38
- backgroundColor: "color/red/subtle",
39
- borderColor: "color/red/muted",
40
- color: "color/red/strong"
41
- } },
42
- yellow: { root: {
43
- backgroundColor: "color/yellow/subtle",
44
- borderColor: "color/yellow/muted",
45
- color: "color/yellow/strong"
46
- } },
47
- purple: { root: {
48
- backgroundColor: "color/purple/subtle",
49
- borderColor: "color/purple/muted",
50
- color: "color/purple/strong"
51
- } }
22
+ neutral: {
23
+ root: {
24
+ backgroundColor: "color/neutral/subtle",
25
+ borderColor: "color/neutral/muted",
26
+ color: "color/neutral/strong"
27
+ },
28
+ endElement: { _hover: { backgroundColor: "color/neutral/moderate" } }
29
+ },
30
+ blue: {
31
+ root: {
32
+ backgroundColor: "color/blue/subtle",
33
+ borderColor: "color/blue/muted",
34
+ color: "color/blue/strong"
35
+ },
36
+ endElement: { _hover: { backgroundColor: "color/blue/moderate" } }
37
+ },
38
+ green: {
39
+ root: {
40
+ backgroundColor: "color/green/subtle",
41
+ borderColor: "color/green/muted",
42
+ color: "color/green/strong"
43
+ },
44
+ endElement: { _hover: { backgroundColor: "color/green/moderate" } }
45
+ },
46
+ red: {
47
+ root: {
48
+ backgroundColor: "color/red/subtle",
49
+ borderColor: "color/red/muted",
50
+ color: "color/red/strong"
51
+ },
52
+ endElement: { _hover: { backgroundColor: "color/red/moderate" } }
53
+ },
54
+ yellow: {
55
+ root: {
56
+ backgroundColor: "color/yellow/subtle",
57
+ borderColor: "color/yellow/muted",
58
+ color: "color/yellow/strong"
59
+ },
60
+ endElement: { _hover: { backgroundColor: "color/yellow/moderate" } }
61
+ },
62
+ purple: {
63
+ root: {
64
+ backgroundColor: "color/purple/subtle",
65
+ borderColor: "color/purple/muted",
66
+ color: "color/purple/strong"
67
+ },
68
+ endElement: { _hover: { backgroundColor: "color/purple/moderate" } }
69
+ }
52
70
  },
53
71
  disabled: {
54
72
  true: { root: {
package/dist/theme/slot-recipes/Tag.recipe.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tag.recipe.ts"],"sourcesContent":["import { tagAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tagSlotRecipe = defineSlotRecipe({\n className: 'tag',\n slots: tagAnatomy.keys(),\n base: {\n root: {\n borderRadius: '4',\n border: '1px solid',\n display: 'inline-flex',\n alignItems: 'center',\n overflow: 'hidden',\n },\n },\n compoundVariants: [\n {\n colorVariant: 'neutral',\n disabled: false,\n css: {\n root: {\n color: 'text/primary',\n },\n },\n },\n ],\n variants: {\n colorVariant: {\n neutral: {\n root: {\n backgroundColor: 'color/neutral/subtle',\n borderColor: 'color/neutral/muted',\n color: 'color/neutral/strong',\n },\n },\n blue: {\n root: { backgroundColor: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' },\n },\n green: {\n root: { backgroundColor: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n },\n red: { root: { backgroundColor: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n yellow: {\n root: {\n backgroundColor: 'color/yellow/subtle',\n borderColor: 'color/yellow/muted',\n color: 'color/yellow/strong',\n },\n },\n purple: {\n root: {\n backgroundColor: 'color/purple/subtle',\n borderColor: 'color/purple/muted',\n color: 'color/purple/strong',\n },\n },\n },\n disabled: {\n true: {\n root: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n },\n false: {},\n },\n size: {\n sm: {\n root: {\n height: '24',\n paddingInline: '4',\n '&:has(button)': {\n paddingInlineEnd: '1',\n },\n },\n label: {\n paddingInline: '4',\n textStyle: 'comp/tag/sm',\n },\n endElement: {\n width: '20',\n height: '20',\n },\n },\n md: {\n root: {\n height: '32',\n paddingInline: '6',\n '&:has(button)': {\n paddingInlineEnd: rem(3),\n },\n },\n startElement: {\n marginInlineEnd: '-2px',\n },\n label: {\n paddingInline: '6',\n textStyle: 'comp/tag/md',\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'md',\n },\n});\n\nexport default tagSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,iBAAiB;CACrC,WAAW;CACX,OAAO,WAAW,KAAK;CACvB,MAAM,EACJ,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,UAAU;CACZ,EACF;CACA,kBAAkB,CAChB;EACE,cAAc;EACd,UAAU;EACV,KAAK,EACH,MAAM,EACJ,OAAO,eACT,EACF;CACF,CACF;CACA,UAAU;EACR,cAAc;GACZ,SAAS,EACP,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,MAAM,EACJ,MAAM;IAAE,iBAAiB;IAAqB,aAAa;IAAoB,OAAO;GAAoB,EAC5G;GACA,OAAO,EACL,MAAM;IAAE,iBAAiB;IAAsB,aAAa;IAAqB,OAAO;GAAqB,EAC/G;GACA,KAAK,EAAE,MAAM;IAAE,iBAAiB;IAAoB,aAAa;IAAmB,OAAO;GAAmB,EAAE;GAChH,QAAQ,EACN,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,QAAQ,EACN,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;EACF;EACA,UAAU;GACR,MAAM,EACJ,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IACpB;IACF;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;IACA,YAAY;KACV,OAAO;KACP,QAAQ;IACV;GACF;GACA,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IAAI,CAAC,EACzB;IACF;IACA,cAAc,EACZ,iBAAiB,OACnB;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}
1
+ {"version":3,"file":"Tag.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tag.recipe.ts"],"sourcesContent":["import { tagAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tagSlotRecipe = defineSlotRecipe({\n className: 'tag',\n slots: tagAnatomy.keys(),\n base: {\n root: {\n borderRadius: '4',\n border: '1px solid',\n display: 'inline-flex',\n alignItems: 'center',\n overflow: 'hidden',\n },\n },\n compoundVariants: [\n {\n colorVariant: 'neutral',\n disabled: false,\n css: {\n root: {\n color: 'text/primary',\n },\n },\n },\n ],\n variants: {\n // The close button in endElement hovers to `subtle` in its own recipe, which is exactly the\n // tag's background, so each palette re-points its hover one step darker.\n colorVariant: {\n neutral: {\n root: {\n backgroundColor: 'color/neutral/subtle',\n borderColor: 'color/neutral/muted',\n color: 'color/neutral/strong',\n },\n endElement: { _hover: { backgroundColor: 'color/neutral/moderate' } },\n },\n blue: {\n root: { backgroundColor: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' },\n endElement: { _hover: { backgroundColor: 'color/blue/moderate' } },\n },\n green: {\n root: { backgroundColor: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n endElement: { _hover: { backgroundColor: 'color/green/moderate' } },\n },\n red: {\n root: { backgroundColor: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' },\n endElement: { _hover: { backgroundColor: 'color/red/moderate' } },\n },\n yellow: {\n root: {\n backgroundColor: 'color/yellow/subtle',\n borderColor: 'color/yellow/muted',\n color: 'color/yellow/strong',\n },\n endElement: { _hover: { backgroundColor: 'color/yellow/moderate' } },\n },\n purple: {\n root: {\n backgroundColor: 'color/purple/subtle',\n borderColor: 'color/purple/muted',\n color: 'color/purple/strong',\n },\n endElement: { _hover: { backgroundColor: 'color/purple/moderate' } },\n },\n },\n disabled: {\n true: {\n root: {\n backgroundColor: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n },\n },\n false: {},\n },\n size: {\n sm: {\n root: {\n height: '24',\n paddingInline: '4',\n '&:has(button)': {\n paddingInlineEnd: '1',\n },\n },\n label: {\n paddingInline: '4',\n textStyle: 'comp/tag/sm',\n },\n endElement: {\n width: '20',\n height: '20',\n },\n },\n md: {\n root: {\n height: '32',\n paddingInline: '6',\n '&:has(button)': {\n paddingInlineEnd: rem(3),\n },\n },\n startElement: {\n marginInlineEnd: '-2px',\n },\n label: {\n paddingInline: '6',\n textStyle: 'comp/tag/md',\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'neutral',\n size: 'md',\n },\n});\n\nexport default tagSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,iBAAiB;CACrC,WAAW;CACX,OAAO,WAAW,KAAK;CACvB,MAAM,EACJ,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,UAAU;CACZ,EACF;CACA,kBAAkB,CAChB;EACE,cAAc;EACd,UAAU;EACV,KAAK,EACH,MAAM,EACJ,OAAO,eACT,EACF;CACF,CACF;CACA,UAAU;EAGR,cAAc;GACZ,SAAS;IACP,MAAM;KACJ,iBAAiB;KACjB,aAAa;KACb,OAAO;IACT;IACA,YAAY,EAAE,QAAQ,EAAE,iBAAiB,yBAAyB,EAAE;GACtE;GACA,MAAM;IACJ,MAAM;KAAE,iBAAiB;KAAqB,aAAa;KAAoB,OAAO;IAAoB;IAC1G,YAAY,EAAE,QAAQ,EAAE,iBAAiB,sBAAsB,EAAE;GACnE;GACA,OAAO;IACL,MAAM;KAAE,iBAAiB;KAAsB,aAAa;KAAqB,OAAO;IAAqB;IAC7G,YAAY,EAAE,QAAQ,EAAE,iBAAiB,uBAAuB,EAAE;GACpE;GACA,KAAK;IACH,MAAM;KAAE,iBAAiB;KAAoB,aAAa;KAAmB,OAAO;IAAmB;IACvG,YAAY,EAAE,QAAQ,EAAE,iBAAiB,qBAAqB,EAAE;GAClE;GACA,QAAQ;IACN,MAAM;KACJ,iBAAiB;KACjB,aAAa;KACb,OAAO;IACT;IACA,YAAY,EAAE,QAAQ,EAAE,iBAAiB,wBAAwB,EAAE;GACrE;GACA,QAAQ;IACN,MAAM;KACJ,iBAAiB;KACjB,aAAa;KACb,OAAO;IACT;IACA,YAAY,EAAE,QAAQ,EAAE,iBAAiB,wBAAwB,EAAE;GACrE;EACF;EACA,UAAU;GACR,MAAM,EACJ,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;GACT,EACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IACpB;IACF;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;IACA,YAAY;KACV,OAAO;KACP,QAAQ;IACV;GACF;GACA,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IAAI,CAAC,EACzB;IACF;IACA,cAAc,EACZ,iBAAiB,OACnB;IACA,OAAO;KACL,eAAe;KACf,WAAW;IACb;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;CACR;AACF,CAAC"}
package/dist/theme/slot-recipes/index.d.ts CHANGED
@@ -2487,6 +2487,11 @@ declare const slotRecipes: {
2487
2487
  borderColor: "color/neutral/muted";
2488
2488
  color: "color/neutral/strong";
2489
2489
  };
2490
+ endElement: {
2491
+ _hover: {
2492
+ backgroundColor: "color/neutral/moderate";
2493
+ };
2494
+ };
2490
2495
  };
2491
2496
  blue: {
2492
2497
  root: {
@@ -2494,6 +2499,11 @@ declare const slotRecipes: {
2494
2499
  borderColor: "color/blue/muted";
2495
2500
  color: "color/blue/strong";
2496
2501
  };
2502
+ endElement: {
2503
+ _hover: {
2504
+ backgroundColor: "color/blue/moderate";
2505
+ };
2506
+ };
2497
2507
  };
2498
2508
  green: {
2499
2509
  root: {
@@ -2501,6 +2511,11 @@ declare const slotRecipes: {
2501
2511
  borderColor: "color/green/muted";
2502
2512
  color: "color/green/strong";
2503
2513
  };
2514
+ endElement: {
2515
+ _hover: {
2516
+ backgroundColor: "color/green/moderate";
2517
+ };
2518
+ };
2504
2519
  };
2505
2520
  red: {
2506
2521
  root: {
@@ -2508,6 +2523,11 @@ declare const slotRecipes: {
2508
2523
  borderColor: "color/red/muted";
2509
2524
  color: "color/red/strong";
2510
2525
  };
2526
+ endElement: {
2527
+ _hover: {
2528
+ backgroundColor: "color/red/moderate";
2529
+ };
2530
+ };
2511
2531
  };
2512
2532
  yellow: {
2513
2533
  root: {
@@ -2515,6 +2535,11 @@ declare const slotRecipes: {
2515
2535
  borderColor: "color/yellow/muted";
2516
2536
  color: "color/yellow/strong";
2517
2537
  };
2538
+ endElement: {
2539
+ _hover: {
2540
+ backgroundColor: "color/yellow/moderate";
2541
+ };
2542
+ };
2518
2543
  };
2519
2544
  purple: {
2520
2545
  root: {
@@ -2522,6 +2547,11 @@ declare const slotRecipes: {
2522
2547
  borderColor: "color/purple/muted";
2523
2548
  color: "color/purple/strong";
2524
2549
  };
2550
+ endElement: {
2551
+ _hover: {
2552
+ backgroundColor: "color/purple/moderate";
2553
+ };
2554
+ };
2525
2555
  };
2526
2556
  };
2527
2557
  disabled: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.404-beta.2616",
4
+ "version": "0.3.405-beta.2627",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",