@wireapp/react-ui-kit 9.47.0 → 9.49.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.
Files changed (35) hide show
  1. package/lib/Form/Button.d.ts +1 -0
  2. package/lib/Form/Button.d.ts.map +1 -1
  3. package/lib/Form/Button.styles.d.ts.map +1 -1
  4. package/lib/Form/Button.styles.js +10 -1
  5. package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts +13 -0
  6. package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts.map +1 -0
  7. package/lib/Form/ButtonsGroup/ButtonsGroup.js +19 -0
  8. package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts +10 -0
  9. package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts.map +1 -0
  10. package/lib/Form/ButtonsGroup/ButtonsGroup.stories.js +27 -0
  11. package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts +3 -0
  12. package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts.map +1 -0
  13. package/lib/Form/ButtonsGroup/ButtonsGroup.styles.js +25 -0
  14. package/lib/Form/index.d.ts +1 -0
  15. package/lib/Form/index.d.ts.map +1 -1
  16. package/lib/Form/index.js +1 -0
  17. package/lib/Icon/ChevronDownIcon.d.ts +3 -0
  18. package/lib/Icon/ChevronDownIcon.d.ts.map +1 -0
  19. package/lib/Icon/ChevronDownIcon.js +25 -0
  20. package/lib/Icon/ChevronUpIcon.d.ts +3 -0
  21. package/lib/Icon/ChevronUpIcon.d.ts.map +1 -0
  22. package/lib/Icon/ChevronUpIcon.js +25 -0
  23. package/lib/Icon/ZoomInIcon.d.ts +3 -0
  24. package/lib/Icon/ZoomInIcon.d.ts.map +1 -0
  25. package/lib/Icon/ZoomInIcon.js +25 -0
  26. package/lib/Icon/ZoomOutIcon.d.ts +3 -0
  27. package/lib/Icon/ZoomOutIcon.d.ts.map +1 -0
  28. package/lib/Icon/ZoomOutIcon.js +25 -0
  29. package/lib/Icon/index.d.ts +4 -0
  30. package/lib/Icon/index.d.ts.map +1 -1
  31. package/lib/Icon/index.js +4 -0
  32. package/lib/Misc/IconButton.d.ts +1 -0
  33. package/lib/Misc/IconButton.d.ts.map +1 -1
  34. package/lib/Misc/IconButton.js +10 -1
  35. package/package.json +2 -2
@@ -9,6 +9,7 @@ export declare enum ButtonVariant {
9
9
  }
10
10
  export interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {
11
11
  variant?: ButtonVariant;
12
+ group?: boolean;
12
13
  backgroundColor?: string;
13
14
  loadingColor?: string;
14
15
  noCapital?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Form/Button.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAC,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGnD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,sDAAmE,WAAW,qDAIhG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,WAAW,WAEnD,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Form/Button.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAC,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGnD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,sDAAmE,WAAW,qDAIhG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,WAAW,WAEnD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Form/Button.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAgB,MAAM,UAAU,CAAC;AAKpD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAmLrC,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SA6DrE,CAAC"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Form/Button.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAgB,MAAM,UAAU,CAAC;AAKpD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAmLrC,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAyErE,CAAC"}
@@ -176,7 +176,7 @@ const buttonSendStyles = ({ backgroundColor, disabled, isActive }) => {
176
176
  }),
177
177
  };
178
178
  };
179
- const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, ...props }) => {
179
+ const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, group = false, ...props }) => {
180
180
  return {
181
181
  ...(0, Text_1.textStyle)(theme, {
182
182
  block,
@@ -219,6 +219,15 @@ const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block =
219
219
  ...(variant === Button_1.ButtonVariant.QUATERNARY && buttonQuaternaryStyles(props)),
220
220
  ...(variant === Button_1.ButtonVariant.CANCEL && buttonCancelStyles(props)),
221
221
  ...(variant === Button_1.ButtonVariant.SEND && buttonSendStyles(props)),
222
+ ...(group && {
223
+ borderRadius: '0',
224
+ '&:first-of-type': {
225
+ borderRadius: '12px 0 0 12px',
226
+ },
227
+ '&:last-of-type': {
228
+ borderRadius: '0 12px 12px 0',
229
+ },
230
+ }),
222
231
  };
223
232
  };
224
233
  exports.buttonStyle = buttonStyle;
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { IconButtonProps } from '../../Misc/IconButton';
3
+ import { ButtonProps } from '../Button';
4
+ interface ButtonsGroupProps {
5
+ children: ReactNode;
6
+ }
7
+ export declare const ButtonsGroup: {
8
+ ({ children }: ButtonsGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
+ Button: (props: Omit<ButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
10
+ IconButton: (props: Omit<IconButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
11
+ };
12
+ export {};
13
+ //# sourceMappingURL=ButtonsGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonsGroup.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonsGroup/ButtonsGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAoC,eAAe,EAAoB,MAAM,uBAAuB,CAAC;AAC5G,OAAO,EAA4B,WAAW,EAAgB,MAAM,WAAW,CAAC;AAEhF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY;mBAAgB,iBAAiB;oBAInC,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;wBAIlC,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC;CANpE,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ButtonsGroup = void 0;
4
+ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
5
+ const ButtonsGroup_styles_1 = require("./ButtonsGroup.styles");
6
+ const IconButton_1 = require("../../Misc/IconButton");
7
+ const Button_1 = require("../Button");
8
+ const ButtonsGroup = ({ children }) => {
9
+ return (0, jsx_runtime_1.jsx)("div", { css: ButtonsGroup_styles_1.wrapperStyles, children: children });
10
+ };
11
+ exports.ButtonsGroup = ButtonsGroup;
12
+ const Button = (props) => {
13
+ return (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.TERTIARY, group: true, ...props });
14
+ };
15
+ const IconButton = (props) => {
16
+ return (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.PRIMARY, group: true, ...props });
17
+ };
18
+ exports.ButtonsGroup.Button = Button;
19
+ exports.ButtonsGroup.IconButton = IconButton;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ButtonsGroup } from './ButtonsGroup';
3
+ declare const meta: Meta<typeof ButtonsGroup>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ButtonsGroup>;
6
+ export declare const TwoButtons: Story;
7
+ export declare const MultipleButtons: Story;
8
+ export declare const TwoIconButtons: Story;
9
+ export declare const MultipleIconButtons: Story;
10
+ //# sourceMappingURL=ButtonsGroup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonsGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonsGroup/ButtonsGroup.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAiBjC,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MultipleIconButtons = exports.TwoIconButtons = exports.MultipleButtons = exports.TwoButtons = void 0;
4
+ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
5
+ const ButtonsGroup_1 = require("./ButtonsGroup");
6
+ const Icon_1 = require("../../Icon");
7
+ const meta = {
8
+ title: 'Form/ButtonsGroup',
9
+ component: ButtonsGroup_1.ButtonsGroup,
10
+ parameters: {
11
+ layout: 'centered',
12
+ },
13
+ tags: ['autodocs'],
14
+ };
15
+ exports.default = meta;
16
+ exports.TwoButtons = {
17
+ render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 1" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 2" })] })),
18
+ };
19
+ exports.MultipleButtons = {
20
+ render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 1" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 2" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 3" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 3" })] })),
21
+ };
22
+ exports.TwoIconButtons = {
23
+ render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.FileIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.DownloadIcon, {}) })] })),
24
+ };
25
+ exports.MultipleIconButtons = {
26
+ render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.FileIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.DownloadIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.MoreIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.GifIcon, {}) })] })),
27
+ };
@@ -0,0 +1,3 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ export declare const wrapperStyles: CSSObject;
3
+ //# sourceMappingURL=ButtonsGroup.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonsGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonsGroup/ButtonsGroup.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ /*
3
+ * Wire
4
+ * Copyright (C) 2025 Wire Swiss GmbH
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU General Public License as published by
8
+ * the Free Software Foundation, either version 3 of the License, or
9
+ * (at your option) any later version.
10
+ *
11
+ * This program is distributed in the hope that it will be useful,
12
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ * GNU General Public License for more details.
15
+ *
16
+ * You should have received a copy of the GNU General Public License
17
+ * along with this program. If not, see http://www.gnu.org/licenses/.
18
+ *
19
+ */
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ exports.wrapperStyles = void 0;
22
+ exports.wrapperStyles = {
23
+ display: 'flex',
24
+ alignItems: 'center',
25
+ };
@@ -17,4 +17,5 @@ export * from './Switch';
17
17
  export * from './TextArea';
18
18
  export * from './Tooltip';
19
19
  export * from './InputLabel';
20
+ export * from './ButtonsGroup/ButtonsGroup';
20
21
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC"}
package/lib/Form/index.js CHANGED
@@ -51,3 +51,4 @@ __exportStar(require("./Switch"), exports);
51
51
  __exportStar(require("./TextArea"), exports);
52
52
  __exportStar(require("./Tooltip"), exports);
53
53
  __exportStar(require("./InputLabel"), exports);
54
+ __exportStar(require("./ButtonsGroup/ButtonsGroup"), exports);
@@ -0,0 +1,3 @@
1
+ import { SVGIconProps } from './SVGIcon';
2
+ export declare const ChevronDownIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ChevronDownIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChevronDownIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/ChevronDownIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,eAAe,UAAW,YAAY,qDAQlD,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ChevronDownIcon = void 0;
4
+ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
5
+ /*
6
+ * Wire
7
+ * Copyright (C) 2019 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 ChevronDownIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99999 12.5711L15.6568 4.91421L14.2426 3.5L7.99999 9.74264L1.75735 3.5L0.34314 4.91421L7.99999 12.5711Z" }) }));
25
+ exports.ChevronDownIcon = ChevronDownIcon;
@@ -0,0 +1,3 @@
1
+ import { SVGIconProps } from './SVGIcon';
2
+ export declare const ChevronUpIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ChevronUpIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChevronUpIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/ChevronUpIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,aAAa,UAAW,YAAY,qDAQhD,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ChevronUpIcon = void 0;
4
+ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
5
+ /*
6
+ * Wire
7
+ * Copyright (C) 2019 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 ChevronUpIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99999 3.49998L15.6568 11.1568L14.2426 12.571L7.99999 6.3284L1.75735 12.571L0.34314 11.1568L7.99999 3.49998Z" }) }));
25
+ exports.ChevronUpIcon = ChevronUpIcon;
@@ -0,0 +1,3 @@
1
+ import { SVGIconProps } from './SVGIcon';
2
+ export declare const ZoomInIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomInIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomInIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/ZoomInIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,UAAU,UAAW,YAAY,qDAa7C,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ZoomInIcon = 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 ZoomInIcon = (props) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.98711 0C10.846 0 13.9742 3.13096 13.9742 6.9932C13.9742 8.564 13.4568 10.0138 12.5832 11.1813L16 14.5872L14.5884 16L11.1716 12.5941C10.0051 13.4685 8.55655 13.9864 6.98711 13.9864C3.12824 13.9864 0 10.8554 0 6.9932C0 3.13096 3.12824 0 6.98711 0ZM12 7C12 9.76142 9.76142 12 7 12C4.23858 12 2 9.76142 2 7C2 4.23858 4.23858 2 7 2C9.76142 2 12 4.23858 12 7Z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.07202 7.98102V10H8.07202V7.98102H10V5.98102H8.07202V4H6.07202V5.98102H4V7.98102H6.07202Z" })] }));
25
+ exports.ZoomInIcon = ZoomInIcon;
@@ -0,0 +1,3 @@
1
+ import { SVGIconProps } from './SVGIcon';
2
+ export declare const ZoomOutIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomOutIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomOutIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/ZoomOutIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,WAAW,UAAW,YAAY,qDAS9C,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ZoomOutIcon = 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 ZoomOutIcon = (props) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.98711 0C10.846 0 13.9742 3.13096 13.9742 6.9932C13.9742 8.564 13.4568 10.0138 12.5832 11.1813L16 14.5872L14.5884 16L11.1716 12.5941C10.0051 13.4685 8.55655 13.9864 6.98711 13.9864C3.12824 13.9864 0 10.8554 0 6.9932C0 3.13096 3.12824 0 6.98711 0ZM12 7C12 9.76142 9.76142 12 7 12C4.23858 12 2 9.76142 2 7C2 4.23858 4.23858 2 7 2C9.76142 2 12 4.23858 12 7Z" }), (0, jsx_runtime_1.jsx)("rect", { x: "4", y: "6", width: "6", height: "2" })] }));
25
+ exports.ZoomOutIcon = ZoomOutIcon;
@@ -124,4 +124,8 @@ export * from './CollectionIcon';
124
124
  export * from './UnavailableFileIcon';
125
125
  export * from './SidebarActiveIcon';
126
126
  export * from './SidebarInactiveIcon';
127
+ export * from './ChevronDownIcon';
128
+ export * from './ChevronUpIcon';
129
+ export * from './ZoomInIcon';
130
+ export * from './ZoomOutIcon';
127
131
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"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"}
package/lib/Icon/index.js CHANGED
@@ -159,3 +159,7 @@ __exportStar(require("./CollectionIcon"), exports);
159
159
  __exportStar(require("./UnavailableFileIcon"), exports);
160
160
  __exportStar(require("./SidebarActiveIcon"), exports);
161
161
  __exportStar(require("./SidebarInactiveIcon"), exports);
162
+ __exportStar(require("./ChevronDownIcon"), exports);
163
+ __exportStar(require("./ChevronUpIcon"), exports);
164
+ __exportStar(require("./ZoomInIcon"), exports);
165
+ __exportStar(require("./ZoomOutIcon"), exports);
@@ -7,6 +7,7 @@ export declare enum IconButtonVariant {
7
7
  }
8
8
  export interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {
9
9
  variant?: IconButtonVariant;
10
+ group?: boolean;
10
11
  backgroundColor?: string;
11
12
  }
12
13
  export declare const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject;
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/Misc/IconButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAChC,OAAO,EAAC,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGnD,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC1E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAyE5E,CAAC;AAEH,eAAO,MAAM,UAAU,2BAA0B,eAAe,qDAI/D,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/Misc/IconButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAChC,OAAO,EAAC,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGnD,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC1E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAoF5E,CAAC;AAEH,eAAO,MAAM,UAAU,2BAA0B,eAAe,qDAI/D,CAAC"}
@@ -10,7 +10,7 @@ var IconButtonVariant;
10
10
  IconButtonVariant["PRIMARY"] = "primary";
11
11
  IconButtonVariant["SECONDARY"] = "secondary";
12
12
  })(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
13
- const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false }) => ({
13
+ const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, group = false, backgroundColor, disabled = false }) => ({
14
14
  border: 0,
15
15
  borderRadius: '12px',
16
16
  cursor: disabled ? 'default' : 'pointer',
@@ -80,6 +80,15 @@ const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroun
80
80
  },
81
81
  }),
82
82
  }),
83
+ ...(group && {
84
+ borderRadius: '0',
85
+ '&:first-of-type': {
86
+ borderRadius: '12px 0 0 12px',
87
+ },
88
+ '&:last-of-type': {
89
+ borderRadius: '0 12px 12px 0',
90
+ },
91
+ }),
83
92
  });
84
93
  exports.iconButtonStyle = iconButtonStyle;
85
94
  const IconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("button", { css: (theme) => (0, exports.iconButtonStyle)(theme, props), ...filterButtonProps(props), children: children }));
package/package.json CHANGED
@@ -77,6 +77,6 @@
77
77
  "test:watch": "jest --watch",
78
78
  "test:update": "jest --updateSnapshot"
79
79
  },
80
- "version": "9.47.0",
81
- "gitHead": "bf427d07f95caff7c22b4e6fa69d332795ba4674"
80
+ "version": "9.49.0",
81
+ "gitHead": "57428a8e7648e9f2fb27c3d5ea595579237cbd7f"
82
82
  }