@bitrise/bitkit-v2 0.3.144 → 0.3.146
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/common/ComboboxAndSelect.common.js +1 -1
- package/dist/theme/common/InputAndTextarea.common.js +1 -1
- package/dist/theme/semantic-tokens/index.d.ts +1 -42
- package/dist/theme/semantic-tokens/shadows.d.ts +1 -42
- package/dist/theme/semantic-tokens/shadows.js +35 -43
- package/dist/theme/slot-recipes/ActionBar.recipe.js +3 -3
- package/dist/theme/slot-recipes/Avatar.recipe.js +1 -1
- package/dist/theme/slot-recipes/Breadcrumb.recipe.js +1 -1
- package/dist/theme/slot-recipes/Card.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Card.recipe.js +1 -1
- package/dist/theme/slot-recipes/DatePicker.recipe.js +1 -1
- package/dist/theme/slot-recipes/Menu.recipe.js +3 -3
- package/dist/theme/slot-recipes/Switch.recipe.js +3 -3
- package/dist/theme/slot-recipes/Tooltip.recipe.js +3 -3
- package/dist/theme/slot-recipes/index.d.ts +1 -1
- package/dist/theme/themeUtils.d.ts +1 -1
- package/dist/theme/themeUtils.js +8 -8
- package/package.json +4 -4
|
@@ -1,46 +1,5 @@
|
|
|
1
1
|
declare const semanticTokens: {
|
|
2
2
|
colors: Record<string, any>;
|
|
3
|
-
shadows:
|
|
4
|
-
formFocus: {
|
|
5
|
-
value: {
|
|
6
|
-
_light: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
inner: {
|
|
10
|
-
value: {
|
|
11
|
-
_light: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
innerSmall: {
|
|
15
|
-
value: {
|
|
16
|
-
_light: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
large: {
|
|
20
|
-
value: {
|
|
21
|
-
_light: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
medium: {
|
|
25
|
-
value: {
|
|
26
|
-
_light: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
outline: {
|
|
30
|
-
value: {
|
|
31
|
-
_light: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
small: {
|
|
35
|
-
value: {
|
|
36
|
-
_light: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
tooltip: {
|
|
40
|
-
value: {
|
|
41
|
-
_light: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
};
|
|
3
|
+
shadows: Record<string, any>;
|
|
45
4
|
};
|
|
46
5
|
export default semanticTokens;
|
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
declare const shadows:
|
|
2
|
-
formFocus: {
|
|
3
|
-
value: {
|
|
4
|
-
_light: string;
|
|
5
|
-
};
|
|
6
|
-
};
|
|
7
|
-
inner: {
|
|
8
|
-
value: {
|
|
9
|
-
_light: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
innerSmall: {
|
|
13
|
-
value: {
|
|
14
|
-
_light: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
large: {
|
|
18
|
-
value: {
|
|
19
|
-
_light: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
medium: {
|
|
23
|
-
value: {
|
|
24
|
-
_light: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
outline: {
|
|
28
|
-
value: {
|
|
29
|
-
_light: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
small: {
|
|
33
|
-
value: {
|
|
34
|
-
_light: string;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
tooltip: {
|
|
38
|
-
value: {
|
|
39
|
-
_light: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
};
|
|
1
|
+
declare const shadows: Record<string, any>;
|
|
43
2
|
export default shadows;
|
|
@@ -1,46 +1,38 @@
|
|
|
1
1
|
import { defineSemanticTokens as e } from "@chakra-ui/react/styled-system";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
tooltip: {
|
|
39
|
-
value: {
|
|
40
|
-
_light: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)"
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
});
|
|
2
|
+
import { withSlashes as r } from "../themeUtils.js";
|
|
3
|
+
const t = e.shadows(
|
|
4
|
+
r({
|
|
5
|
+
elevation: {
|
|
6
|
+
lg: {
|
|
7
|
+
value: {
|
|
8
|
+
_light: "0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
md: {
|
|
12
|
+
value: {
|
|
13
|
+
_light: "0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
sm: {
|
|
17
|
+
value: {
|
|
18
|
+
_light: "0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
tooltip: {
|
|
22
|
+
value: {
|
|
23
|
+
_light: "0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.2)"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
inset: {
|
|
28
|
+
field: {
|
|
29
|
+
value: {
|
|
30
|
+
_light: "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
})
|
|
35
|
+
);
|
|
44
36
|
export {
|
|
45
|
-
|
|
37
|
+
t as default
|
|
46
38
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { actionBarAnatomy as t } from "@chakra-ui/react/anatomy";
|
|
2
|
-
import { defineSlotRecipe as
|
|
3
|
-
const o =
|
|
2
|
+
import { defineSlotRecipe as n } from "@chakra-ui/react/styled-system";
|
|
3
|
+
const o = n({
|
|
4
4
|
slots: t.keys(),
|
|
5
5
|
className: "action-bar",
|
|
6
6
|
base: {
|
|
@@ -16,7 +16,7 @@ const o = a({
|
|
|
16
16
|
content: {
|
|
17
17
|
display: "flex",
|
|
18
18
|
alignItems: "center",
|
|
19
|
-
boxShadow: "
|
|
19
|
+
boxShadow: "elevation/lg",
|
|
20
20
|
pointerEvents: "auto",
|
|
21
21
|
border: "1px solid",
|
|
22
22
|
borderColor: "border/minimal",
|
|
@@ -11,7 +11,7 @@ const e = {
|
|
|
11
11
|
_icon: {
|
|
12
12
|
color: "button/danger-secondary/fg-active"
|
|
13
13
|
}
|
|
14
|
-
},
|
|
14
|
+
}, r = a({
|
|
15
15
|
className: "menu",
|
|
16
16
|
slots: [...t.keys(), "itemHelper"],
|
|
17
17
|
variants: {
|
|
@@ -39,7 +39,7 @@ const e = {
|
|
|
39
39
|
border: "1px solid",
|
|
40
40
|
borderColor: "border/minimal",
|
|
41
41
|
_focusVisible: { outline: "none" },
|
|
42
|
-
boxShadow: "
|
|
42
|
+
boxShadow: "elevation/lg",
|
|
43
43
|
background: "background/primary",
|
|
44
44
|
maxHeight: "var(--available-height)",
|
|
45
45
|
_open: {
|
|
@@ -111,5 +111,5 @@ const e = {
|
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
export {
|
|
114
|
-
|
|
114
|
+
r as default
|
|
115
115
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { switchAnatomy as i } from "@chakra-ui/react/anatomy";
|
|
2
2
|
import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
|
|
3
3
|
import { rem as t } from "../themeUtils.js";
|
|
4
|
-
const
|
|
4
|
+
const r = e({
|
|
5
5
|
slots: i.keys(),
|
|
6
6
|
className: "switch",
|
|
7
7
|
base: {
|
|
@@ -60,7 +60,7 @@ const o = e({
|
|
|
60
60
|
width: "var(--switch-height)",
|
|
61
61
|
height: "var(--switch-height)",
|
|
62
62
|
bg: "input/toggle/slideOff",
|
|
63
|
-
boxShadow: "
|
|
63
|
+
boxShadow: "elevation/sm",
|
|
64
64
|
scale: "0.8",
|
|
65
65
|
borderRadius: "inherit",
|
|
66
66
|
transitionProperty: "translate",
|
|
@@ -112,5 +112,5 @@ const o = e({
|
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
export {
|
|
115
|
-
|
|
115
|
+
r as default
|
|
116
116
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tooltipAnatomy as t } from "@chakra-ui/react/anatomy";
|
|
2
|
-
import { defineSlotRecipe as
|
|
2
|
+
import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
|
|
3
3
|
import { rem as o } from "../themeUtils.js";
|
|
4
|
-
const e =
|
|
4
|
+
const e = a({
|
|
5
5
|
className: "tooltip",
|
|
6
6
|
slots: t.keys(),
|
|
7
7
|
base: {
|
|
@@ -12,7 +12,7 @@ const e = r({
|
|
|
12
12
|
"--tooltip-bg": "colors.background.contrast",
|
|
13
13
|
backgroundColor: "var(--tooltip-bg)",
|
|
14
14
|
color: "text/on-contrast",
|
|
15
|
-
boxShadow: "tooltip",
|
|
15
|
+
boxShadow: "elevation/tooltip",
|
|
16
16
|
maxWidth: o(320),
|
|
17
17
|
zIndex: "tooltip",
|
|
18
18
|
transformOrigin: "var(--transform-origin)",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TextProps } from '@chakra-ui/react/text';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const flattenTokens: (object: object, prefix?: string) => Record<string, any>;
|
|
3
3
|
export declare function withSlashes(object: Record<string, any>): Record<string, any>;
|
|
4
4
|
/**
|
|
5
5
|
*
|
package/dist/theme/themeUtils.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { isPlainObject as u } from "es-toolkit";
|
|
2
|
-
const
|
|
3
|
-
const n = {},
|
|
4
|
-
for (let s = 0; s <
|
|
5
|
-
const
|
|
2
|
+
const l = (e, c = "") => {
|
|
3
|
+
const n = {}, o = Object.keys(e);
|
|
4
|
+
for (let s = 0; s < o.length; s++) {
|
|
5
|
+
const r = o[s], t = e[r], i = c ? `${c}/${r}` : r;
|
|
6
6
|
if (u(t) && Object.keys(t).length > 0 && Object.keys(t)[0] !== "value") {
|
|
7
|
-
Object.assign(n,
|
|
7
|
+
Object.assign(n, l(t, i));
|
|
8
8
|
continue;
|
|
9
9
|
}
|
|
10
|
-
n[
|
|
10
|
+
n[i] = t;
|
|
11
11
|
}
|
|
12
12
|
return n;
|
|
13
13
|
};
|
|
14
14
|
function k(e) {
|
|
15
15
|
return {
|
|
16
16
|
...e,
|
|
17
|
-
...
|
|
17
|
+
...l(e)
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
const y = (e) => `${e / 16}rem`;
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
l as flattenTokens,
|
|
23
23
|
y as rem,
|
|
24
24
|
k as withSlashes
|
|
25
25
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.146",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"@figma-export/output-components-as-svg": "^6.4.0",
|
|
61
61
|
"@figma-export/transform-svg-with-svgo": "^6.4.0",
|
|
62
62
|
"@google-cloud/storage": "^7.19.0",
|
|
63
|
-
"@storybook/addon-docs": "10.2.
|
|
64
|
-
"@storybook/react-vite": "10.2.
|
|
63
|
+
"@storybook/addon-docs": "10.2.17",
|
|
64
|
+
"@storybook/react-vite": "10.2.17",
|
|
65
65
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
66
66
|
"@types/node": "^24.12.0",
|
|
67
67
|
"@types/react": "^19.2.14",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"react": "^19.2.4",
|
|
73
73
|
"react-dom": "^19.2.4",
|
|
74
74
|
"release-it": "^19.2.4",
|
|
75
|
-
"storybook": "10.2.
|
|
75
|
+
"storybook": "10.2.17",
|
|
76
76
|
"tsx": "^4.21.0",
|
|
77
77
|
"typescript": "^5.9.3",
|
|
78
78
|
"vite": "^7.3.1",
|