@bitrise/bitkit 13.30.0 → 13.32.0
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/package.json +1 -1
- package/src/Components/Dropdown/DropdownOption.tsx +2 -11
- package/src/Components/Icons/16x16/ArrowNorthEast.tsx +12 -0
- package/src/Components/Icons/16x16/index.ts +1 -0
- package/src/Components/Icons/24x24/ArrowNorthEast.tsx +9 -0
- package/src/Components/Icons/24x24/index.ts +1 -0
package/package.json
CHANGED
|
@@ -3,7 +3,6 @@ import { chakra } from '@chakra-ui/react';
|
|
|
3
3
|
import { cx } from '@chakra-ui/utils';
|
|
4
4
|
import Text, { TextProps } from '../Text/Text';
|
|
5
5
|
import Divider from '../Divider/Divider';
|
|
6
|
-
import Tooltip from '../Tooltip/Tooltip';
|
|
7
6
|
import { useDropdownContext, useDropdownStyles } from './Dropdown.context';
|
|
8
7
|
|
|
9
8
|
export type DropdownOptionProps<T> = {
|
|
@@ -12,12 +11,10 @@ export type DropdownOptionProps<T> = {
|
|
|
12
11
|
'aria-label'?: string;
|
|
13
12
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
14
13
|
isDisabled?: boolean;
|
|
15
|
-
disabledText?: string;
|
|
16
14
|
};
|
|
17
15
|
const DropdownOption = <T = string,>({
|
|
18
16
|
children,
|
|
19
17
|
isDisabled,
|
|
20
|
-
disabledText,
|
|
21
18
|
onClick,
|
|
22
19
|
value = null,
|
|
23
20
|
...rest
|
|
@@ -55,9 +52,7 @@ const DropdownOption = <T = string,>({
|
|
|
55
52
|
},
|
|
56
53
|
)}
|
|
57
54
|
>
|
|
58
|
-
|
|
59
|
-
{children}
|
|
60
|
-
</Tooltip>
|
|
55
|
+
{children}
|
|
61
56
|
</chakra.div>
|
|
62
57
|
);
|
|
63
58
|
};
|
|
@@ -90,7 +85,6 @@ type DropdownDetailedOptionProps<T> = DropdownOptionProps<T> & {
|
|
|
90
85
|
icon: ReactNode;
|
|
91
86
|
title: string;
|
|
92
87
|
subtitle: string;
|
|
93
|
-
disabledText?: string;
|
|
94
88
|
};
|
|
95
89
|
|
|
96
90
|
const DropdownDetailedOption = <T = string,>({
|
|
@@ -98,7 +92,6 @@ const DropdownDetailedOption = <T = string,>({
|
|
|
98
92
|
title,
|
|
99
93
|
subtitle,
|
|
100
94
|
isDisabled,
|
|
101
|
-
disabledText,
|
|
102
95
|
...rest
|
|
103
96
|
}: DropdownDetailedOptionProps<T>) => {
|
|
104
97
|
return (
|
|
@@ -106,9 +99,7 @@ const DropdownDetailedOption = <T = string,>({
|
|
|
106
99
|
<chakra.div alignItems="center" display="flex" flexDir="row" gap="12">
|
|
107
100
|
<chakra.div opacity={isDisabled ? '0.5' : '1'}>{icon}</chakra.div>
|
|
108
101
|
<chakra.div>
|
|
109
|
-
|
|
110
|
-
{title}
|
|
111
|
-
</Tooltip>
|
|
102
|
+
{title}
|
|
112
103
|
<Text color={isDisabled ? 'text/disabled' : 'input/text/helper'} size="2">
|
|
113
104
|
{subtitle}
|
|
114
105
|
</Text>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
const ArrowNorthEast = forwardRef<IconProps, 'svg'>((props, ref) => (
|
|
4
|
+
<Icon ref={ref} viewBox="0 0 16 16" {...props}>
|
|
5
|
+
<path
|
|
6
|
+
d="M12.9999 3H5V4.5H10.4394L2.46973 12.4697L3.53039 13.5303L11.4999 5.56078V11H12.9999V3Z"
|
|
7
|
+
fill="currentColor"
|
|
8
|
+
/>
|
|
9
|
+
</Icon>
|
|
10
|
+
));
|
|
11
|
+
|
|
12
|
+
export default ArrowNorthEast;
|
|
@@ -14,6 +14,7 @@ export { default as ArrowMoveLeft } from './ArrowMoveLeft';
|
|
|
14
14
|
export { default as ArrowMoveDown } from './ArrowMoveDown';
|
|
15
15
|
export { default as ArrowMoveUp } from './ArrowMoveUp';
|
|
16
16
|
export { default as ArrowMoveRight } from './ArrowMoveRight';
|
|
17
|
+
export { default as ArrowNorthEast } from './ArrowNorthEast';
|
|
17
18
|
export { default as ArrowQuit } from './ArrowQuit';
|
|
18
19
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
19
20
|
export { default as ArrowRight } from './ArrowRight';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
const ArrowNorthEast = forwardRef<IconProps, 'svg'>((props, ref) => (
|
|
4
|
+
<Icon ref={ref} viewBox="0 0 24 24" {...props}>
|
|
5
|
+
<path d="M13.5859 9H8V7H17V16H15V10.4143L6.70718 18.7071L5.29297 17.2929L13.5859 9Z" fill="currentColor" />
|
|
6
|
+
</Icon>
|
|
7
|
+
));
|
|
8
|
+
|
|
9
|
+
export default ArrowNorthEast;
|
|
@@ -14,6 +14,7 @@ export { default as ArrowMoveLeft } from './ArrowMoveLeft';
|
|
|
14
14
|
export { default as ArrowMoveDown } from './ArrowMoveDown';
|
|
15
15
|
export { default as ArrowMoveUp } from './ArrowMoveUp';
|
|
16
16
|
export { default as ArrowMoveRight } from './ArrowMoveRight';
|
|
17
|
+
export { default as ArrowNorthEast } from './ArrowNorthEast';
|
|
17
18
|
export { default as ArrowQuit } from './ArrowQuit';
|
|
18
19
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
19
20
|
export { default as ArrowRight } from './ArrowRight';
|