@bitrise/bitkit-v2 0.3.359-beta.2314 → 0.3.359

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 (41) hide show
  1. package/dist/components/BitkitCheckbox/BitkitCheckbox.d.ts +5 -12
  2. package/dist/components/BitkitCheckbox/BitkitCheckbox.js +1 -1
  3. package/dist/components/BitkitCheckbox/BitkitCheckbox.js.map +1 -1
  4. package/dist/components/BitkitControlButton/BitkitControlButton.js +1 -0
  5. package/dist/components/BitkitControlButton/BitkitControlButton.js.map +1 -1
  6. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.d.ts +2 -0
  7. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js +15 -11
  8. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
  9. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.d.ts +74 -0
  10. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.js +244 -0
  11. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.js.map +1 -0
  12. package/dist/components/BitkitRadio/BitkitRadio.d.ts +11 -23
  13. package/dist/components/BitkitRadio/BitkitRadio.js +3 -7
  14. package/dist/components/BitkitRadio/BitkitRadio.js.map +1 -1
  15. package/dist/components/BitkitRadioItem/BitkitRadioItem.d.ts +30 -0
  16. package/dist/components/BitkitRadioItem/BitkitRadioItem.js +29 -0
  17. package/dist/components/BitkitRadioItem/BitkitRadioItem.js.map +1 -0
  18. package/dist/components/index.d.ts +2 -1
  19. package/dist/main.js +3 -2
  20. package/dist/theme/slot-recipes/GroupHeading.recipe.js +4 -1
  21. package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
  22. package/dist/theme/slot-recipes/PageSidebar.recipe.d.ts +82 -0
  23. package/dist/theme/slot-recipes/PageSidebar.recipe.js +230 -0
  24. package/dist/theme/slot-recipes/PageSidebar.recipe.js.map +1 -0
  25. package/dist/theme/slot-recipes/index.d.ts +81 -21
  26. package/dist/theme/slot-recipes/index.js +2 -2
  27. package/dist/theme/slot-recipes/index.js.map +1 -1
  28. package/dist/utilities/useIsTruncated.d.ts +27 -0
  29. package/dist/utilities/useIsTruncated.js +51 -0
  30. package/dist/utilities/useIsTruncated.js.map +1 -0
  31. package/docs/v1-to-v2-migration-guide.md +9 -6
  32. package/package.json +1 -1
  33. package/dist/components/BitkitSidebar/BitkitSidebar.d.ts +0 -45
  34. package/dist/components/BitkitSidebar/BitkitSidebar.js +0 -147
  35. package/dist/components/BitkitSidebar/BitkitSidebar.js.map +0 -1
  36. package/dist/theme/slot-recipes/Sidebar.recipe.d.ts +0 -22
  37. package/dist/theme/slot-recipes/Sidebar.recipe.js +0 -143
  38. package/dist/theme/slot-recipes/Sidebar.recipe.js.map +0 -1
  39. package/dist/utilities/isEmptyNode.d.ts +0 -6
  40. package/dist/utilities/isEmptyNode.js +0 -10
  41. package/dist/utilities/isEmptyNode.js.map +0 -1
@@ -1,143 +0,0 @@
1
- import { rem } from "../themeUtils.js";
2
- import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
3
- //#region lib/theme/slot-recipes/Sidebar.recipe.ts
4
- var sidebarSlotRecipe = defineSlotRecipe({
5
- className: "sidebar",
6
- slots: [
7
- "divider",
8
- "suffixIcon",
9
- "footer",
10
- "item",
11
- "itemIcon",
12
- "itemLabel",
13
- "project",
14
- "projectLabel",
15
- "projectValue",
16
- "root",
17
- "selectionMarker",
18
- "title",
19
- "titleWithBack"
20
- ],
21
- base: {
22
- root: {
23
- background: "background/primary",
24
- borderInlineEnd: "1px solid",
25
- borderColor: "border/regular",
26
- display: "flex",
27
- flexDirection: "column",
28
- width: rem(256),
29
- height: "100dvh"
30
- },
31
- item: {
32
- alignItems: "center",
33
- cursor: "pointer",
34
- display: "flex",
35
- gap: "16",
36
- overflow: "clip",
37
- paddingBlock: "12",
38
- paddingInlineEnd: "24",
39
- paddingInlineStart: "32",
40
- position: "relative",
41
- width: "full",
42
- _hover: { background: "background/hover" }
43
- },
44
- itemIcon: {
45
- color: "icon/secondary",
46
- flexShrink: 0
47
- },
48
- itemLabel: {
49
- color: "text/primary",
50
- flex: 1,
51
- minWidth: 0,
52
- overflow: "hidden",
53
- textAlign: "start",
54
- textOverflow: "ellipsis",
55
- textStyle: "body/lg/regular",
56
- whiteSpace: "nowrap"
57
- },
58
- suffixIcon: {
59
- color: "icon/tertiary",
60
- display: "none",
61
- flexShrink: 0,
62
- _groupHover: { display: "block" }
63
- },
64
- selectionMarker: {
65
- background: "border/selected",
66
- borderStartEndRadius: "2",
67
- borderEndEndRadius: "2",
68
- display: "none",
69
- height: "full",
70
- insetBlockStart: 0,
71
- insetInlineEnd: 0,
72
- position: "absolute",
73
- width: "2"
74
- },
75
- footer: {
76
- borderBlockStart: "1px solid",
77
- borderColor: "border/regular",
78
- display: "flex",
79
- flexDirection: "column",
80
- marginBlockStart: "auto",
81
- paddingBlock: "12"
82
- },
83
- project: {
84
- display: "flex",
85
- flexDirection: "column",
86
- gap: "4",
87
- justifyContent: "center",
88
- overflow: "clip",
89
- paddingBlockEnd: "12",
90
- paddingBlockStart: "8",
91
- paddingInlineEnd: "24",
92
- paddingInlineStart: "32",
93
- whiteSpace: "nowrap"
94
- },
95
- projectLabel: {
96
- color: "text/tertiary",
97
- textStyle: "heading/h6"
98
- },
99
- projectValue: {
100
- color: "text/body",
101
- textStyle: "body/lg/semibold"
102
- },
103
- title: {
104
- alignItems: "center",
105
- color: "text/primary",
106
- display: "flex",
107
- gap: "12",
108
- paddingBlock: "16",
109
- paddingInlineEnd: "8",
110
- paddingInlineStart: "32",
111
- textStyle: "heading/h3"
112
- },
113
- titleWithBack: {
114
- alignItems: "center",
115
- color: "text/primary",
116
- display: "flex",
117
- gap: "12",
118
- paddingBlockEnd: "16",
119
- paddingBlockStart: "24",
120
- paddingInlineEnd: "8",
121
- paddingInlineStart: "24",
122
- textStyle: "heading/h3"
123
- },
124
- divider: {
125
- marginInline: "32",
126
- marginBlock: "24",
127
- width: "auto"
128
- }
129
- },
130
- variants: { selected: { true: {
131
- item: {
132
- background: "background/selected",
133
- _hover: { background: "background/selected-hover" }
134
- },
135
- itemIcon: { color: "icon/interactive" },
136
- itemLabel: { textStyle: "body/lg/semibold" },
137
- selectionMarker: { display: "block" }
138
- } } }
139
- });
140
- //#endregion
141
- export { sidebarSlotRecipe as default };
142
-
143
- //# sourceMappingURL=Sidebar.recipe.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sidebar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Sidebar.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst sidebarSlotRecipe = defineSlotRecipe({\n className: 'sidebar',\n slots: [\n 'divider',\n 'suffixIcon',\n 'footer',\n 'item',\n 'itemIcon',\n 'itemLabel',\n 'project',\n 'projectLabel',\n 'projectValue',\n 'root',\n 'selectionMarker',\n 'title',\n 'titleWithBack',\n ],\n base: {\n root: {\n background: 'background/primary',\n borderInlineEnd: '1px solid',\n borderColor: 'border/regular',\n display: 'flex',\n flexDirection: 'column',\n width: rem(256),\n height: '100dvh',\n },\n item: {\n alignItems: 'center',\n cursor: 'pointer',\n display: 'flex',\n gap: '16',\n overflow: 'clip',\n paddingBlock: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '32',\n position: 'relative',\n width: 'full',\n _hover: {\n background: 'background/hover',\n },\n },\n itemIcon: {\n color: 'icon/secondary',\n flexShrink: 0,\n },\n itemLabel: {\n color: 'text/primary',\n flex: 1,\n minWidth: 0,\n overflow: 'hidden',\n textAlign: 'start',\n textOverflow: 'ellipsis',\n textStyle: 'body/lg/regular',\n whiteSpace: 'nowrap',\n },\n suffixIcon: {\n color: 'icon/tertiary',\n display: 'none',\n flexShrink: 0,\n _groupHover: {\n display: 'block',\n },\n },\n selectionMarker: {\n background: 'border/selected',\n borderStartEndRadius: '2',\n borderEndEndRadius: '2',\n display: 'none',\n height: 'full',\n insetBlockStart: 0,\n insetInlineEnd: 0,\n position: 'absolute',\n width: '2',\n },\n footer: {\n borderBlockStart: '1px solid',\n borderColor: 'border/regular',\n display: 'flex',\n flexDirection: 'column',\n marginBlockStart: 'auto',\n paddingBlock: '12',\n },\n project: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n justifyContent: 'center',\n overflow: 'clip',\n paddingBlockEnd: '12',\n paddingBlockStart: '8',\n paddingInlineEnd: '24',\n paddingInlineStart: '32',\n whiteSpace: 'nowrap',\n },\n projectLabel: {\n color: 'text/tertiary',\n textStyle: 'heading/h6',\n },\n projectValue: {\n color: 'text/body',\n textStyle: 'body/lg/semibold',\n },\n title: {\n alignItems: 'center',\n color: 'text/primary',\n display: 'flex',\n gap: '12',\n paddingBlock: '16',\n paddingInlineEnd: '8',\n paddingInlineStart: '32',\n textStyle: 'heading/h3',\n },\n titleWithBack: {\n alignItems: 'center',\n color: 'text/primary',\n display: 'flex',\n gap: '12',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInlineEnd: '8',\n paddingInlineStart: '24',\n textStyle: 'heading/h3',\n },\n divider: {\n marginInline: '32',\n marginBlock: '24',\n width: 'auto',\n },\n },\n variants: {\n selected: {\n true: {\n item: {\n background: 'background/selected',\n _hover: {\n background: 'background/selected-hover',\n },\n },\n itemIcon: {\n color: 'icon/interactive',\n },\n itemLabel: {\n textStyle: 'body/lg/semibold',\n },\n selectionMarker: {\n display: 'block',\n },\n },\n },\n },\n});\n\nexport default sidebarSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,SAAS;GACT,eAAe;GACf,OAAO,IAAI,GAAG;GACd,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,YAAY,mBACd;EACF;EACA,UAAU;GACR,OAAO;GACP,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,WAAW;GACX,cAAc;GACd,WAAW;GACX,YAAY;EACd;EACA,YAAY;GACV,OAAO;GACP,SAAS;GACT,YAAY;GACZ,aAAa,EACX,SAAS,QACX;EACF;EACA,iBAAiB;GACf,YAAY;GACZ,sBAAsB;GACtB,oBAAoB;GACpB,SAAS;GACT,QAAQ;GACR,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,QAAQ;GACN,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,cAAc;EAChB;EACA,SAAS;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,gBAAgB;GAChB,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,YAAY;EACd;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,SAAS;GACP,cAAc;GACd,aAAa;GACb,OAAO;EACT;CACF;CACA,UAAU,EACR,UAAU,EACR,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,QAAQ,EACN,YAAY,4BACd;EACF;EACA,UAAU,EACR,OAAO,mBACT;EACA,WAAW,EACT,WAAW,mBACb;EACA,iBAAiB,EACf,SAAS,QACX;CACF,EACF,EACF;AACF,CAAC"}
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- /**
3
- * True for nodes that render nothing (`null`, `undefined`, `''`, booleans, or an array of those) —
4
- * so an "empty" slot can be left out of the DOM instead of rendering a wrapper that only adds gap.
5
- */
6
- export declare const isEmptyNode: (node: ReactNode) => boolean;
@@ -1,10 +0,0 @@
1
- //#region lib/utilities/isEmptyNode.ts
2
- /**
3
- * True for nodes that render nothing (`null`, `undefined`, `''`, booleans, or an array of those) —
4
- * so an "empty" slot can be left out of the DOM instead of rendering a wrapper that only adds gap.
5
- */
6
- var isEmptyNode = (node) => node == null || node === "" || typeof node === "boolean" || Array.isArray(node) && node.every(isEmptyNode);
7
- //#endregion
8
- export { isEmptyNode };
9
-
10
- //# sourceMappingURL=isEmptyNode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isEmptyNode.js","names":[],"sources":["../../lib/utilities/isEmptyNode.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\n/**\n * True for nodes that render nothing (`null`, `undefined`, `''`, booleans, or an array of those) —\n * so an \"empty\" slot can be left out of the DOM instead of rendering a wrapper that only adds gap.\n */\nexport const isEmptyNode = (node: ReactNode): boolean =>\n node == null || node === '' || typeof node === 'boolean' || (Array.isArray(node) && node.every(isEmptyNode));\n"],"mappings":";;;;;AAMA,IAAa,eAAe,SAC1B,QAAQ,QAAQ,SAAS,MAAM,OAAO,SAAS,aAAc,MAAM,QAAQ,IAAI,KAAK,KAAK,MAAM,WAAW"}