@wireapp/react-ui-kit 9.64.1 → 9.66.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/lib/DataDisplay/BadgesWithTooltip/BadgesWithTooltip.stories.d.ts +1 -1
- package/lib/DataDisplay/Icon/CalendarIcon.d.ts +3 -0
- package/lib/DataDisplay/Icon/CalendarIcon.d.ts.map +1 -0
- package/lib/DataDisplay/Icon/CalendarIcon.js +25 -0
- package/lib/DataDisplay/Icon/index.d.ts +1 -0
- package/lib/DataDisplay/Icon/index.d.ts.map +1 -1
- package/lib/DataDisplay/Icon/index.js +1 -0
- package/lib/DataDisplay/Tooltip/Tooltip.stories.d.ts +1 -1
- package/lib/Inputs/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/lib/Inputs/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/lib/Inputs/ButtonGroup/ButtonGroup.js +8 -30
- package/lib/Inputs/ComboboxSelect/ComboboxSelect.stories.d.ts +1 -1
- package/lib/Inputs/Select/Select.stories.d.ts +1 -1
- package/lib/Typography/Label/Label.stories.d.ts +1 -1
- package/package.json +7 -7
|
@@ -9,7 +9,7 @@ declare const meta: {
|
|
|
9
9
|
layout: string;
|
|
10
10
|
};
|
|
11
11
|
tags: string[];
|
|
12
|
-
decorators: ((Story: import("
|
|
12
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
13
13
|
items: string[];
|
|
14
14
|
}>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
|
|
15
15
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Icon/CalendarIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,YAAY,UAAW,YAAY,qDAW/C,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CalendarIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
|
+
/*
|
|
6
|
+
* Wire
|
|
7
|
+
* Copyright (C) 2025 Wire Swiss GmbH
|
|
8
|
+
*
|
|
9
|
+
* This program is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
23
|
+
const SVGIcon_1 = require("./SVGIcon");
|
|
24
|
+
const CalendarIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "none", strokeWidth: 2, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5.2 1v2.8M10.8 1v2.8M12.9 2.4H3.1a1.4 1.4 0 0 0-1.4 1.4v9.8A1.4 1.4 0 0 0 3.1 15h9.8a1.4 1.4 0 0 0 1.4-1.4V3.8a1.4 1.4 0 0 0-1.4-1.4M1.7 6.6h12.6" }) }));
|
|
25
|
+
exports.CalendarIcon = CalendarIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Icon/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Icon/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,7 @@ __exportStar(require("./AttachmentIcon"), exports);
|
|
|
40
40
|
__exportStar(require("./AudioVideoIcon"), exports);
|
|
41
41
|
__exportStar(require("./BlockIcon"), exports);
|
|
42
42
|
__exportStar(require("./CopyIcon"), exports);
|
|
43
|
+
__exportStar(require("./CalendarIcon"), exports);
|
|
43
44
|
__exportStar(require("./CallIcon"), exports);
|
|
44
45
|
__exportStar(require("./CameraIcon"), exports);
|
|
45
46
|
__exportStar(require("./CamIcon"), exports);
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
parameters: {
|
|
6
6
|
layout: string;
|
|
7
7
|
};
|
|
8
|
-
decorators: ((Story: import("
|
|
8
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
9
9
|
body: import("react").ReactNode;
|
|
10
10
|
selector?: string;
|
|
11
11
|
accept?: string | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { ButtonVariant } from '../Button';
|
|
2
3
|
interface ButtonGroupProps {
|
|
3
4
|
children: ReactNode;
|
|
4
5
|
}
|
|
@@ -6,6 +7,7 @@ declare const ButtonGroup: {
|
|
|
6
7
|
({ children }: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
8
|
Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
8
9
|
icon?: ReactNode;
|
|
10
|
+
variant?: ButtonVariant;
|
|
9
11
|
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
12
|
};
|
|
11
13
|
export { ButtonGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,oBAAoB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,oBAAoB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAsB,aAAa,EAAC,MAAM,WAAW,CAAC;AAkC7D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,QAAA,MAAM,WAAW;mBAAgB,gBAAgB;;eAPxC,SAAS;kBACN,aAAa;;CAUxB,CAAC;AA2BF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -21,24 +21,19 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
21
21
|
*
|
|
22
22
|
*/
|
|
23
23
|
const react_1 = require("react");
|
|
24
|
-
const
|
|
24
|
+
const Button_1 = require("../Button");
|
|
25
|
+
const Button_styles_1 = require("../Button/Button.styles");
|
|
25
26
|
const buttonGroupStyle = () => ({
|
|
26
27
|
display: 'flex',
|
|
27
28
|
alignItems: 'center',
|
|
28
29
|
});
|
|
29
|
-
const
|
|
30
|
+
const groupedButtonStyle = (theme, props) => ({
|
|
30
31
|
height: '32px',
|
|
31
32
|
borderRadius: '12px',
|
|
32
33
|
padding: '0 12px',
|
|
33
|
-
background: Identity_1.COLOR_V2.WHITE,
|
|
34
|
-
border: `1px solid ${Identity_1.COLOR_V2.GRAY_40}`,
|
|
35
34
|
cursor: 'pointer',
|
|
36
35
|
display: 'flex',
|
|
37
36
|
alignItems: 'center',
|
|
38
|
-
backgroundColor: disabled ? Identity_1.COLOR_V2.GRAY_20 : Identity_1.COLOR_V2.WHITE,
|
|
39
|
-
svg: {
|
|
40
|
-
fill: disabled ? Identity_1.COLOR_V2.GRAY_70 : Identity_1.COLOR_V2.BLACK,
|
|
41
|
-
},
|
|
42
37
|
'&:not(:last-child)': {
|
|
43
38
|
borderTopRightRadius: '0',
|
|
44
39
|
borderBottomRightRadius: '0',
|
|
@@ -50,29 +45,12 @@ const buttonStyle = (_, { disabled = false }) => ({
|
|
|
50
45
|
'&:first-child:last-child': {
|
|
51
46
|
borderRadius: '0',
|
|
52
47
|
},
|
|
53
|
-
...(
|
|
54
|
-
'&:hover, &:focus': {
|
|
55
|
-
backgroundColor: Identity_1.COLOR_V2.GRAY_20,
|
|
56
|
-
},
|
|
57
|
-
'&:hover': {
|
|
58
|
-
borderColor: Identity_1.COLOR_V2.GRAY_50,
|
|
59
|
-
},
|
|
60
|
-
'&:focus': {
|
|
61
|
-
borderColor: Identity_1.COLOR_V2.GRAY_60,
|
|
62
|
-
},
|
|
63
|
-
'&:active': {
|
|
64
|
-
backgroundColor: Identity_1.COLOR_V2.BLUE_LIGHT_50,
|
|
65
|
-
borderColor: Identity_1.COLOR_V2.BLUE_LIGHT_300,
|
|
66
|
-
svg: {
|
|
67
|
-
fill: Identity_1.COLOR_V2.BLUE,
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
|
-
}),
|
|
48
|
+
...(0, Button_styles_1.buttonStyle)(theme, props),
|
|
71
49
|
});
|
|
72
50
|
const ButtonGroup = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => buttonGroupStyle(theme), role: "group", "aria-label": "Button Group", children: children }));
|
|
73
51
|
exports.ButtonGroup = ButtonGroup;
|
|
74
|
-
const
|
|
75
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
52
|
+
const GroupedButton = (0, react_1.forwardRef)(({ children, icon, ...props }, ref) => {
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { ref: ref, css: (theme) => groupedButtonStyle(theme, props), ...props, children: [icon, children && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => ({
|
|
76
54
|
marginLeft: !!icon && '6px',
|
|
77
55
|
fontSize: theme.fontSizes.small,
|
|
78
56
|
fontWeight: 'bold',
|
|
@@ -80,5 +58,5 @@ const Button = (0, react_1.forwardRef)(({ children, icon, ...props }, ref) => {
|
|
|
80
58
|
letterSpacing: '0.25px',
|
|
81
59
|
}), children: children }))] }));
|
|
82
60
|
});
|
|
83
|
-
|
|
84
|
-
ButtonGroup.Button =
|
|
61
|
+
GroupedButton.displayName = 'Button';
|
|
62
|
+
ButtonGroup.Button = GroupedButton;
|
|
@@ -6,7 +6,7 @@ declare const meta: {
|
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
|
9
|
-
decorators: ((Story: import("
|
|
9
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
10
10
|
id: string;
|
|
11
11
|
options: import("./ComboboxSelect").ComboboxSelectOption[];
|
|
12
12
|
value?: import("./ComboboxSelect").ComboboxSelectOption | import("./ComboboxSelect").ComboboxSelectOption[];
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
parameters: {
|
|
6
6
|
layout: string;
|
|
7
7
|
};
|
|
8
|
-
decorators: ((Story: import("
|
|
8
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
9
9
|
id: string;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
dataUieName: string;
|
|
@@ -10,7 +10,7 @@ declare const meta: {
|
|
|
10
10
|
parameters: {
|
|
11
11
|
layout: string;
|
|
12
12
|
};
|
|
13
|
-
decorators: ((Story: import("
|
|
13
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
14
14
|
markInvalid?: boolean;
|
|
15
15
|
block?: boolean;
|
|
16
16
|
bold?: boolean;
|
package/package.json
CHANGED
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"@emotion/react": "^11.10.4",
|
|
29
29
|
"@storybook/addon-essentials": "^8.5.2",
|
|
30
30
|
"@storybook/addon-interactions": "^8.5.2",
|
|
31
|
-
"@storybook/addon-onboarding": "^
|
|
31
|
+
"@storybook/addon-onboarding": "^9.1.8",
|
|
32
32
|
"@storybook/addon-themes": "^8.5.2",
|
|
33
|
-
"@storybook/addon-webpack5-compiler-swc": "^
|
|
33
|
+
"@storybook/addon-webpack5-compiler-swc": "^4.0.1",
|
|
34
34
|
"@storybook/blocks": "^8.5.2",
|
|
35
|
-
"@storybook/react": "^
|
|
35
|
+
"@storybook/react": "^8.5.2",
|
|
36
36
|
"@storybook/react-webpack5": "^8.5.2",
|
|
37
37
|
"@storybook/test": "^8.5.2",
|
|
38
38
|
"@swc/core": "^1.3.10",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@types/react": "^18.0.25",
|
|
46
46
|
"@types/react-dom": "^18.0.8",
|
|
47
47
|
"@types/webpack-env": "1.18.8",
|
|
48
|
-
"babel-jest": "
|
|
48
|
+
"babel-jest": "30.2.0",
|
|
49
49
|
"babel-loader": "10.0.0",
|
|
50
50
|
"jest": "^29.2.1",
|
|
51
51
|
"react": "18.3.1",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"react-helmet": "6.1.0",
|
|
54
54
|
"react-test-renderer": "18.3.1",
|
|
55
55
|
"rimraf": "6.0.1",
|
|
56
|
-
"storybook": "^
|
|
56
|
+
"storybook": "^9.1.8",
|
|
57
57
|
"typescript": "^5.0.4",
|
|
58
58
|
"webpack": "^5.74.0"
|
|
59
59
|
},
|
|
@@ -79,6 +79,6 @@
|
|
|
79
79
|
"test:watch": "jest --watch",
|
|
80
80
|
"test:update": "jest --updateSnapshot"
|
|
81
81
|
},
|
|
82
|
-
"version": "9.
|
|
83
|
-
"gitHead": "
|
|
82
|
+
"version": "9.66.0",
|
|
83
|
+
"gitHead": "5433f593c182f20b2d3aaabacd841a5b2f22e1f3"
|
|
84
84
|
}
|