@bitrise/bitkit-v2 0.3.128 → 0.3.129

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 (19) hide show
  1. package/dist/components/BitkitAccordion/BitkitAccordion.d.ts +17 -0
  2. package/dist/components/BitkitAccordion/BitkitAccordion.js +36 -0
  3. package/dist/components/index.d.ts +1 -0
  4. package/dist/main.js +1132 -1130
  5. package/dist/theme/slot-recipes/Accordion.recipe.d.ts +2 -0
  6. package/dist/theme/slot-recipes/Accordion.recipe.js +78 -0
  7. package/dist/theme/slot-recipes/Alert.recipe.d.ts +1 -1
  8. package/dist/theme/slot-recipes/Card.recipe.d.ts +1 -1
  9. package/dist/theme/slot-recipes/DatePicker.recipe.d.ts +1 -1
  10. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +1 -1
  11. package/dist/theme/slot-recipes/EmptyState.recipe.d.ts +1 -1
  12. package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts +1 -1
  13. package/dist/theme/slot-recipes/RadioGroup.recipe.d.ts +1 -1
  14. package/dist/theme/slot-recipes/Select.recipe.d.ts +1 -1
  15. package/dist/theme/slot-recipes/Tabs.recipe.d.ts +1 -1
  16. package/dist/theme/slot-recipes/Tag.recipe.d.ts +1 -1
  17. package/dist/theme/slot-recipes/index.d.ts +11 -10
  18. package/dist/theme/slot-recipes/index.js +36 -34
  19. package/package.json +1 -1
package/dist/theme/slot-recipes/Accordion.recipe.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const accordionSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText", import('@chakra-ui/react').SlotRecipeVariantRecord<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText">>;
2
+ export default accordionSlotRecipe;
package/dist/theme/slot-recipes/Accordion.recipe.js ADDED
@@ -0,0 +1,78 @@
1
+ import { accordionAnatomy as o } from "@chakra-ui/react/anatomy";
2
+ import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
3
+ const r = e({
4
+ className: "accordion",
5
+ slots: [...o.keys(), "icon", "secdText", "suffix"],
6
+ base: {
7
+ item: {
8
+ borderTop: "1px solid",
9
+ borderTopColor: "border/regular"
10
+ },
11
+ icon: {
12
+ color: "icon/secondary"
13
+ },
14
+ secdText: {
15
+ color: "text/secondary",
16
+ textStyle: "body/lg/regular"
17
+ },
18
+ suffix: {
19
+ color: "text/secondary",
20
+ mx: "16",
21
+ textStyle: "body/md/regular"
22
+ },
23
+ itemContent: {
24
+ _open: {
25
+ animationName: "expand-height, fade-in",
26
+ animationDuration: "moderate"
27
+ },
28
+ _closed: {
29
+ animationName: "collapse-height, fade-out",
30
+ animationDuration: "moderate"
31
+ },
32
+ overflow: "hidden"
33
+ },
34
+ itemBody: {
35
+ paddingX: "16",
36
+ paddingTop: "8",
37
+ paddingBottom: "24",
38
+ _disabled: {
39
+ color: "text/disabled"
40
+ }
41
+ },
42
+ itemIndicator: {
43
+ display: "flex",
44
+ color: "icon/secondary",
45
+ _disabled: {
46
+ color: "icon/disabled"
47
+ }
48
+ },
49
+ itemTrigger: {
50
+ textAlign: "start",
51
+ display: "flex",
52
+ justifyContent: "space-between",
53
+ width: "100%",
54
+ flexDirection: "row",
55
+ padding: "16",
56
+ gap: "16",
57
+ _open: {
58
+ textStyle: "body/lg/semibold"
59
+ },
60
+ _active: {
61
+ background: "background/active"
62
+ },
63
+ _hover: {
64
+ background: "background/hover"
65
+ },
66
+ _disabled: {
67
+ color: "text/disabled"
68
+ }
69
+ },
70
+ root: {
71
+ borderBottom: "1px solid",
72
+ borderBottomColor: "border/regular"
73
+ }
74
+ }
75
+ });
76
+ export {
77
+ r as default
78
+ };
package/dist/theme/slot-recipes/Alert.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
1
+ declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
2
2
  variant: {
3
3
  ai: {
4
4
  root: {
package/dist/theme/slot-recipes/Card.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "description" | "root", {
1
+ declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
2
2
  elevation: {
3
3
  true: {
4
4
  root: {
package/dist/theme/slot-recipes/DatePicker.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const datePickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "trigger" | "positioner" | "root" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
1
+ declare const datePickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
2
2
  layout: {
3
3
  '1-month': {
4
4
  content: {
package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "trigger" | "positioner" | "root" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
1
+ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
2
2
  size: {
3
3
  md: {
4
4
  trigger: {
package/dist/theme/slot-recipes/EmptyState.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
1
+ declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
2
2
  colorScheme: {
3
3
  white: {
4
4
  root: {
package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "description" | "root" | "collapsible" | "secdText" | "suffix", {
1
+ declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "root" | "secdText" | "collapsible" | "description", {
2
2
  size: {
3
3
  md: {
4
4
  header: {
package/dist/theme/slot-recipes/RadioGroup.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const radioGroupSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemText" | "itemIndicator" | "itemControl" | "itemAddon", {
1
+ declare const radioGroupSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
2
2
  orientation: {
3
3
  horizontal: {
4
4
  root: {
package/dist/theme/slot-recipes/Select.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "trigger" | "positioner" | "root" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput", {
1
+ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput", {
2
2
  size: {
3
3
  md: {
4
4
  item: {
package/dist/theme/slot-recipes/Tabs.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "root" | "indicator" | "list" | "contentGroup", {
1
+ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator" | "list" | "contentGroup", {
2
2
  variant: {
3
3
  line: {
4
4
  list: {
package/dist/theme/slot-recipes/Tag.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "closeTrigger" | "root" | "startElement" | "endElement", {
1
+ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
2
2
  disabled: {
3
3
  true: {
4
4
  root: {
package/dist/theme/slot-recipes/index.d.ts CHANGED
@@ -184,7 +184,7 @@ declare const slotRecipes: {
184
184
  rounded: {};
185
185
  };
186
186
  }>;
187
- card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "description" | "root", {
187
+ card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
188
188
  elevation: {
189
189
  true: {
190
190
  root: {
@@ -217,7 +217,7 @@ declare const slotRecipes: {
217
217
  };
218
218
  };
219
219
  }>;
220
- datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "trigger" | "positioner" | "root" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
220
+ datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
221
221
  layout: {
222
222
  '1-month': {
223
223
  content: {
@@ -256,7 +256,7 @@ declare const slotRecipes: {
256
256
  };
257
257
  };
258
258
  }>;
259
- datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "trigger" | "positioner" | "root" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
259
+ datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
260
260
  size: {
261
261
  md: {
262
262
  trigger: {
@@ -324,7 +324,7 @@ declare const slotRecipes: {
324
324
  };
325
325
  };
326
326
  }>;
327
- emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
327
+ emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
328
328
  colorScheme: {
329
329
  white: {
330
330
  root: {
@@ -338,7 +338,7 @@ declare const slotRecipes: {
338
338
  };
339
339
  };
340
340
  }>;
341
- expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "description" | "root" | "collapsible" | "secdText" | "suffix", {
341
+ expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "root" | "secdText" | "collapsible" | "description", {
342
342
  size: {
343
343
  md: {
344
344
  header: {
@@ -381,7 +381,7 @@ declare const slotRecipes: {
381
381
  };
382
382
  };
383
383
  }>;
384
- alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
384
+ alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
385
385
  variant: {
386
386
  ai: {
387
387
  root: {
@@ -461,7 +461,7 @@ declare const slotRecipes: {
461
461
  };
462
462
  };
463
463
  }>;
464
- radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemText" | "itemIndicator" | "itemControl" | "itemAddon", {
464
+ radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
465
465
  orientation: {
466
466
  horizontal: {
467
467
  root: {
@@ -498,7 +498,7 @@ declare const slotRecipes: {
498
498
  };
499
499
  };
500
500
  }>;
501
- select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "trigger" | "positioner" | "root" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput", {
501
+ select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput", {
502
502
  size: {
503
503
  md: {
504
504
  item: {
@@ -560,7 +560,7 @@ declare const slotRecipes: {
560
560
  };
561
561
  };
562
562
  }>;
563
- tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "root" | "indicator" | "list" | "contentGroup", {
563
+ tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator" | "list" | "contentGroup", {
564
564
  variant: {
565
565
  line: {
566
566
  list: {
@@ -613,7 +613,7 @@ declare const slotRecipes: {
613
613
  };
614
614
  };
615
615
  }>;
616
- tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "closeTrigger" | "root" | "startElement" | "endElement", {
616
+ tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
617
617
  disabled: {
618
618
  true: {
619
619
  root: {
@@ -683,5 +683,6 @@ declare const slotRecipes: {
683
683
  };
684
684
  };
685
685
  }>;
686
+ accordion: import('@chakra-ui/react').SlotRecipeDefinition<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText", import('@chakra-ui/react').SlotRecipeVariantRecord<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText">>;
686
687
  };
687
688
  export default slotRecipes;
package/dist/theme/slot-recipes/index.js CHANGED
@@ -1,43 +1,45 @@
1
- import e from "./ActionBar.recipe.js";
2
- import t from "./Alert.recipe.js";
3
- import o from "./Avatar.recipe.js";
4
- import r from "./Card.recipe.js";
5
- import i from "./Checkbox.recipe.js";
6
- import p from "./DatePicker.recipe.js";
1
+ import e from "./Accordion.recipe.js";
2
+ import t from "./ActionBar.recipe.js";
3
+ import o from "./Alert.recipe.js";
4
+ import r from "./Avatar.recipe.js";
5
+ import i from "./Card.recipe.js";
6
+ import p from "./Checkbox.recipe.js";
7
+ import c from "./DatePicker.recipe.js";
7
8
  import m from "./DatePickerSelect.recipe.js";
8
- import c from "./EmptyState.recipe.js";
9
+ import a from "./EmptyState.recipe.js";
9
10
  import l from "./ExpandableCard.recipe.js";
10
- import a from "./Field.recipe.js";
11
- import S from "./Fieldset.recipe.js";
12
- import f from "./NativeSelect.recipe.js";
13
- import R from "./NumberInput.recipe.js";
14
- import d from "./RadioGroup.recipe.js";
11
+ import S from "./Field.recipe.js";
12
+ import f from "./Fieldset.recipe.js";
13
+ import R from "./NativeSelect.recipe.js";
14
+ import d from "./NumberInput.recipe.js";
15
+ import n from "./RadioGroup.recipe.js";
15
16
  import { selectSlotRecipe as s } from "./Select.recipe.js";
16
- import n from "./Switch.recipe.js";
17
- import b from "./Tabs.recipe.js";
18
- import u from "./Tag.recipe.js";
19
- import k from "./Tooltip.recipe.js";
20
- const J = {
21
- actionBar: e,
22
- avatar: o,
23
- card: r,
24
- datePicker: p,
17
+ import b from "./Switch.recipe.js";
18
+ import u from "./Tabs.recipe.js";
19
+ import k from "./Tag.recipe.js";
20
+ import x from "./Tooltip.recipe.js";
21
+ const L = {
22
+ actionBar: t,
23
+ avatar: r,
24
+ card: i,
25
+ datePicker: c,
25
26
  datePickerSelect: m,
26
- checkbox: i,
27
- emptyState: c,
27
+ checkbox: p,
28
+ emptyState: a,
28
29
  expandableCard: l,
29
- field: a,
30
- fieldset: S,
31
- nativeSelect: f,
32
- alert: t,
33
- numberInput: R,
34
- radioGroup: d,
30
+ field: S,
31
+ fieldset: f,
32
+ nativeSelect: R,
33
+ alert: o,
34
+ numberInput: d,
35
+ radioGroup: n,
35
36
  select: s,
36
- switch: n,
37
- tabs: b,
38
- tag: u,
39
- tooltip: k
37
+ switch: b,
38
+ tabs: u,
39
+ tag: k,
40
+ tooltip: x,
41
+ accordion: e
40
42
  };
41
43
  export {
42
- J as default
44
+ L as default
43
45
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.128",
4
+ "version": "0.3.129",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",