@wireapp/react-ui-kit 9.46.1 → 9.48.0

package/lib/Form/Button.d.ts

@@ -9,6 +9,7 @@ export declare enum ButtonVariant {
 }
 export interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {
     variant?: ButtonVariant;
+    group?: boolean;
     backgroundColor?: string;
     loadingColor?: string;
     noCapital?: boolean;

package/lib/Form/Button.d.ts.map

@@ -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"}
+{"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"}

package/lib/Form/Button.styles.d.ts.map

@@ -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"}
+{"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"}

package/lib/Form/Button.styles.js

@@ -176,7 +176,7 @@ const buttonSendStyles = ({ backgroundColor, disabled, isActive }) => {
         }),
     };
 };
-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 }) => {
+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 }) => {
     return {
         ...(0, Text_1.textStyle)(theme, {
             block,
@@ -219,6 +219,15 @@ const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block =
         ...(variant === Button_1.ButtonVariant.QUATERNARY && buttonQuaternaryStyles(props)),
         ...(variant === Button_1.ButtonVariant.CANCEL && buttonCancelStyles(props)),
         ...(variant === Button_1.ButtonVariant.SEND && buttonSendStyles(props)),
+        ...(group && {
+            borderRadius: '0',
+            '&:first-of-type': {
+                borderRadius: '12px 0 0 12px',
+            },
+            '&:last-of-type': {
+                borderRadius: '0 12px 12px 0',
+            },
+        }),
     };
 };
 exports.buttonStyle = buttonStyle;

package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IconButtonProps } from '../../Misc/IconButton';
+import { ButtonProps } from '../Button';
+interface ButtonsGroupProps {
+    children: ReactNode;
+}
+export declare const ButtonsGroup: {
+    ({ children }: ButtonsGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Button: (props: Omit<ButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    IconButton: (props: Omit<IconButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=ButtonsGroup.d.ts.map

package/lib/Form/ButtonsGroup/ButtonsGroup.d.ts.map

@@ -0,0 +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"}

package/lib/Form/ButtonsGroup/ButtonsGroup.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const ButtonsGroup_styles_1 = require("./ButtonsGroup.styles");
+const IconButton_1 = require("../../Misc/IconButton");
+const Button_1 = require("../Button");
+const ButtonsGroup = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("div", { css: ButtonsGroup_styles_1.wrapperStyles, children: children });
+};
+exports.ButtonsGroup = ButtonsGroup;
+const Button = (props) => {
+    return (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.TERTIARY, group: true, ...props });
+};
+const IconButton = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.PRIMARY, group: true, ...props });
+};
+exports.ButtonsGroup.Button = Button;
+exports.ButtonsGroup.IconButton = IconButton;

package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonsGroup } from './ButtonsGroup';
+declare const meta: Meta<typeof ButtonsGroup>;
+export default meta;
+type Story = StoryObj<typeof ButtonsGroup>;
+export declare const TwoButtons: Story;
+export declare const MultipleButtons: Story;
+export declare const TwoIconButtons: Story;
+export declare const MultipleIconButtons: Story;
+//# sourceMappingURL=ButtonsGroup.stories.d.ts.map

package/lib/Form/ButtonsGroup/ButtonsGroup.stories.d.ts.map

@@ -0,0 +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"}

package/lib/Form/ButtonsGroup/ButtonsGroup.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleIconButtons = exports.TwoIconButtons = exports.MultipleButtons = exports.TwoButtons = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const ButtonsGroup_1 = require("./ButtonsGroup");
+const Icon_1 = require("../../Icon");
+const meta = {
+    title: 'Form/ButtonsGroup',
+    component: ButtonsGroup_1.ButtonsGroup,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.TwoButtons = {
+    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" })] })),
+};
+exports.MultipleButtons = {
+    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" })] })),
+};
+exports.TwoIconButtons = {
+    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, {}) })] })),
+};
+exports.MultipleIconButtons = {
+    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, {}) })] })),
+};

package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSObject } from '@emotion/react';
+export declare const wrapperStyles: CSSObject;
+//# sourceMappingURL=ButtonsGroup.styles.d.ts.map

package/lib/Form/ButtonsGroup/ButtonsGroup.styles.d.ts.map

@@ -0,0 +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"}

package/lib/Form/ButtonsGroup/ButtonsGroup.styles.js

@@ -0,0 +1,25 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapperStyles = void 0;
+exports.wrapperStyles = {
+    display: 'flex',
+    alignItems: 'center',
+};

package/lib/Form/index.d.ts

@@ -17,4 +17,5 @@ export * from './Switch';
 export * from './TextArea';
 export * from './Tooltip';
 export * from './InputLabel';
+export * from './ButtonsGroup/ButtonsGroup';
 //# sourceMappingURL=index.d.ts.map

package/lib/Form/index.d.ts.map

@@ -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"}
+{"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

@@ -51,3 +51,4 @@ __exportStar(require("./Switch"), exports);
 __exportStar(require("./TextArea"), exports);
 __exportStar(require("./Tooltip"), exports);
 __exportStar(require("./InputLabel"), exports);
+__exportStar(require("./ButtonsGroup/ButtonsGroup"), exports);

package/lib/Icon/SidebarActiveIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGIconProps } from './SVGIcon';
+export declare const SidebarActiveIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarActiveIcon.d.ts.map

package/lib/Icon/SidebarActiveIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarActiveIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/SidebarActiveIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,iBAAiB,UAAW,YAAY,qDASpD,CAAC"}

package/lib/Icon/SidebarActiveIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarActiveIcon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const SVGIcon_1 = require("./SVGIcon");
+const SidebarActiveIcon = (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: "M14 2H2V14H14V2ZM2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 0H8V16H2V0Z" })] }));
+exports.SidebarActiveIcon = SidebarActiveIcon;

package/lib/Icon/SidebarInactiveIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGIconProps } from './SVGIcon';
+export declare const SidebarInactiveIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarInactiveIcon.d.ts.map

package/lib/Icon/SidebarInactiveIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarInactiveIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/SidebarInactiveIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY,qDAUtD,CAAC"}

package/lib/Icon/SidebarInactiveIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarInactiveIcon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const SVGIcon_1 = require("./SVGIcon");
+const SidebarInactiveIcon = (props) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 2H2V14H14V2ZM2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2Z", fill: "black" }), (0, jsx_runtime_1.jsx)("path", { d: "M7 0H9V16H7V0Z", fill: "black" })] }));
+exports.SidebarInactiveIcon = SidebarInactiveIcon;

package/lib/Icon/index.d.ts

@@ -122,4 +122,6 @@ export * from './AlertIcon';
 export * from './SaveIcon';
 export * from './CollectionIcon';
 export * from './UnavailableFileIcon';
+export * from './SidebarActiveIcon';
+export * from './SidebarInactiveIcon';
 //# sourceMappingURL=index.d.ts.map

package/lib/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"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"}

package/lib/Icon/index.js

@@ -157,3 +157,5 @@ __exportStar(require("./AlertIcon"), exports);
 __exportStar(require("./SaveIcon"), exports);
 __exportStar(require("./CollectionIcon"), exports);
 __exportStar(require("./UnavailableFileIcon"), exports);
+__exportStar(require("./SidebarActiveIcon"), exports);
+__exportStar(require("./SidebarInactiveIcon"), exports);

package/lib/Misc/IconButton.d.ts

@@ -7,6 +7,7 @@ export declare enum IconButtonVariant {
 }
 export interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {
     variant?: IconButtonVariant;
+    group?: boolean;
     backgroundColor?: string;
 }
 export declare const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject;

package/lib/Misc/IconButton.d.ts.map

@@ -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"}
+{"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

@@ -10,7 +10,7 @@ var IconButtonVariant;
     IconButtonVariant["PRIMARY"] = "primary";
     IconButtonVariant["SECONDARY"] = "secondary";
 })(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
-const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false }) => ({
+const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, group = false, backgroundColor, disabled = false }) => ({
     border: 0,
     borderRadius: '12px',
     cursor: disabled ? 'default' : 'pointer',
@@ -80,6 +80,15 @@ const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroun
             },
         }),
     }),
+    ...(group && {
+        borderRadius: '0',
+        '&:first-of-type': {
+            borderRadius: '12px 0 0 12px',
+        },
+        '&:last-of-type': {
+            borderRadius: '0 12px 12px 0',
+        },
+    }),
 });
 exports.iconButtonStyle = iconButtonStyle;
 const IconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("button", { css: (theme) => (0, exports.iconButtonStyle)(theme, props), ...filterButtonProps(props), children: children }));

package/package.json

@@ -77,6 +77,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.46.1",
-  "gitHead": "a07b2a42e08f7e9112e2629bb945d63e617c6a3f"
+  "version": "9.48.0",
+  "gitHead": "cd3d0540c16c459fa94745d610b7259b77adf705"
 }