@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.
- package/lib/Form/Button.d.ts +1 -0
- package/lib/Form/Button.d.ts.map +1 -1
- package/lib/Form/Button.styles.d.ts.map +1 -1
- package/lib/Form/Button.styles.js +10 -1
- package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts +13 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts.map +1 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.js +19 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts +10 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts.map +1 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.stories.js +27 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts +3 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts.map +1 -0
- package/lib/Form/ButtonsGroup/ButtonsGroup.styles.js +25 -0
- package/lib/Form/index.d.ts +1 -0
- package/lib/Form/index.d.ts.map +1 -1
- package/lib/Form/index.js +1 -0
- package/lib/Icon/ChevronDownIcon.d.ts +3 -0
- package/lib/Icon/ChevronDownIcon.d.ts.map +1 -0
- package/lib/Icon/ChevronDownIcon.js +25 -0
- package/lib/Icon/ChevronUpIcon.d.ts +3 -0
- package/lib/Icon/ChevronUpIcon.d.ts.map +1 -0
- package/lib/Icon/ChevronUpIcon.js +25 -0
- package/lib/Icon/ZoomInIcon.d.ts +3 -0
- package/lib/Icon/ZoomInIcon.d.ts.map +1 -0
- package/lib/Icon/ZoomInIcon.js +25 -0
- package/lib/Icon/ZoomOutIcon.d.ts +3 -0
- package/lib/Icon/ZoomOutIcon.d.ts.map +1 -0
- package/lib/Icon/ZoomOutIcon.js +25 -0
- package/lib/Icon/index.d.ts +4 -0
- package/lib/Icon/index.d.ts.map +1 -1
- package/lib/Icon/index.js +4 -0
- package/lib/Misc/IconButton.d.ts +1 -0
- package/lib/Misc/IconButton.d.ts.map +1 -1
- package/lib/Misc/IconButton.js +10 -1
- package/package.json +2 -2
package/lib/Form/Button.d.ts
CHANGED
package/lib/Form/Button.d.ts.map
CHANGED
|
@@ -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,
|
|
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 @@
|
|
|
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
|
+
};
|
package/lib/Form/index.d.ts
CHANGED
package/lib/Form/index.d.ts.map
CHANGED
|
@@ -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
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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;
|
package/lib/Icon/index.d.ts
CHANGED
|
@@ -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
|
package/lib/Icon/index.d.ts.map
CHANGED
|
@@ -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);
|
package/lib/Misc/IconButton.d.ts
CHANGED
|
@@ -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,
|
|
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"}
|
package/lib/Misc/IconButton.js
CHANGED
|
@@ -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