@wireapp/react-ui-kit 9.30.0 → 9.32.0

package/lib/Form/Select.d.ts

@@ -23,7 +23,8 @@ interface SelectProps<IsMulti extends boolean, Group extends GroupBase<Option>>
     isMulti?: IsMulti;
     isSearchable?: boolean;
     overlayMenu?: boolean;
+    menuListHeading?: string;
 }
-export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, markInvalid, required, isSearchable, overlayMenu, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAiBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,OAAO,UAAU,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,kLAgBpF,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,qDAoE7B,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAkBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,OAAO,UAAU,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,mMAiBpF,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,qDAqE7B,CAAC"}

package/lib/Form/Select.js

@@ -11,7 +11,7 @@ const InputLabel_1 = require("./InputLabel");
 const SelectComponents_1 = require("./SelectComponents");
 const SelectStyles_1 = require("./SelectStyles");
 const enums_1 = require("../types/enums");
-const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, ...props }) => {
+const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, menuListHeading, ...props }) => {
     const theme = (0, react_1.useTheme)();
     const hasError = !!error;
     return ((0, jsx_runtime_1.jsxs)("div", { 
@@ -34,6 +34,7 @@ const Select = ({ id, label, error, helperText, disabled = false, dataUieName, o
                     Menu: (0, SelectComponents_1.Menu)(dataUieName, menuCSS),
                     ValueContainer: SelectComponents_1.ValueContainer,
                     IndicatorsContainer: SelectComponents_1.IndicatorsContainer,
+                    ...(menuListHeading && { MenuList: (0, SelectComponents_1.MenuList)(menuListHeading, dataUieName) }),
                 }, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable: isSearchable, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options, ...props }), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
                     fontSize: theme.fontSizes.small,
                     fontWeight: 400,

package/lib/Form/SelectComponents.d.ts

@@ -1,11 +1,15 @@
 import { CSSObject } from '@emotion/react';
-import { ContainerProps, DropdownIndicatorProps, OptionProps, ValueContainerProps, IndicatorsContainerProps, MenuProps, GroupBase, OptionsOrGroups } from 'react-select';
+import { ContainerProps, DropdownIndicatorProps, OptionProps, ValueContainerProps, IndicatorsContainerProps, MenuProps, GroupBase, OptionsOrGroups, MenuListProps } from 'react-select';
 import { Option } from './Select';
 export declare const SelectContainer: (props: ContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const isGroup: (options: OptionsOrGroups<Option, GroupBase<Option>>) => options is GroupBase<Option>[];
 export declare const DropdownIndicator: (props: DropdownIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const CustomOption: (dataUieName: string) => (props: OptionProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Menu: (dataUieName: string, css?: CSSObject) => (props: MenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuList: {
+    (menuListHeading: string, dataUieName: string): (props: MenuListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const renderValue: (value: any) => any;
 export declare const ValueContainer: ({ children, ...restProps }: ValueContainerProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const IndicatorsContainer: ({ children, ...restProps }: IndicatorsContainerProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAOhC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAAG,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,EAEzG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,qDAsD/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,QAAQ,SAAS,aAAa,SAAS,qDAc9E,CAAC;AAEF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,mBAAmB,CAAC,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,wBAAwB,CAAC,MAAM,CAAC,qDAW7F,CAAC"}
+{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAShC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAAG,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,EAEzG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,qDAsD/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,QAAQ,SAAS,aAAa,SAAS,qDAc9E,CAAC;AAGF,eAAO,MAAM,QAAQ;sBAAqB,MAAM,eAAe,MAAM,WAAa,aAAa;;CA0B9F,CAAC;AAGF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,mBAAmB,CAAC,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,wBAAwB,CAAC,MAAM,CAAC,qDAW7F,CAAC"}

package/lib/Form/SelectComponents.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndicatorsContainer = exports.ValueContainer = exports.renderValue = exports.Menu = exports.CustomOption = exports.DropdownIndicator = exports.isGroup = exports.SelectContainer = void 0;
+exports.IndicatorsContainer = exports.ValueContainer = exports.renderValue = exports.MenuList = exports.Menu = exports.CustomOption = exports.DropdownIndicator = exports.isGroup = exports.SelectContainer = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_select_1 = require("react-select");
+const SelectComponents_styles_1 = require("./SelectComponents.styles");
 const Icon_1 = require("../Icon");
 const ArrowDown_1 = require("../Icon/ArrowDown");
 const enums_1 = require("../types/enums");
@@ -53,6 +54,20 @@ const Menu = (dataUieName, css) => (props) => {
             }), children: children }) }));
 };
 exports.Menu = Menu;
+// eslint-disable-next-line react/display-name
+const MenuList = (menuListHeading, dataUieName) => (props) => {
+    const { selectProps, children } = props;
+    const handleClose = () => {
+        if (selectProps && selectProps.onMenuClose) {
+            selectProps.onMenuClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { ...(dataUieName && {
+                'data-uie-name': `menu-list-${dataUieName}`,
+            }), children: [(0, jsx_runtime_1.jsxs)("div", { css: (theme) => (0, SelectComponents_styles_1.menuListHeadingContainerStyles)(theme), children: [menuListHeading, (0, jsx_runtime_1.jsx)("button", { onClick: handleClose, css: SelectComponents_styles_1.menuListCloseButtonStyles, "aria-label": `Close: ${menuListHeading}`, children: (0, jsx_runtime_1.jsx)(Icon_1.CloseIcon, { width: 16, height: 16 }) })] }), children] }) }));
+};
+exports.MenuList = MenuList;
+exports.MenuList.displayName = 'MenuList';
 const renderValue = value => {
     if (Array.isArray(value)) {
         const currentValue = (i) => value[i].props.children;

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

@@ -0,0 +1,5 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../Theme/Theme';
+export declare const menuListHeadingContainerStyles: (theme: Theme) => CSSObject;
+export declare const menuListCloseButtonStyles: CSSObject;
+//# sourceMappingURL=SelectComponents.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectComponents.styles.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAErC,eAAO,MAAM,8BAA8B,UAAW,KAAK,KAAG,SAO5D,CAAC;AAEH,eAAO,MAAM,yBAAyB,EAAE,SAOvC,CAAC"}

package/lib/Form/SelectComponents.styles.js

@@ -0,0 +1,38 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2024 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.menuListCloseButtonStyles = exports.menuListHeadingContainerStyles = void 0;
+const menuListHeadingContainerStyles = (theme) => ({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    fontSize: theme.fontSizes.medium,
+    fontWeight: 600,
+    padding: '8px 16px',
+});
+exports.menuListHeadingContainerStyles = menuListHeadingContainerStyles;
+exports.menuListCloseButtonStyles = {
+    background: 'transparent',
+    border: 'none',
+    cursor: 'pointer',
+    padding: 0,
+    display: 'flex',
+    alignItems: 'center',
+};

package/lib/Icon/Files/FolderIcon.d.ts

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

package/lib/Icon/Files/FolderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderIcon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Files/FolderIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,UAAU,iBAAgB,YAAY,qDAalD,CAAC"}

package/lib/Icon/Files/FolderIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FolderIcon = 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 FolderIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 16, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "var(--folder-icon-bg)", d: "M11.798 12c.318 0 .623-.124.848-.345.225-.22.352-.52.352-.832V4.941c0-.312-.127-.611-.352-.832a1.212 1.212 0 0 0-.848-.344h-4.74a1.22 1.22 0 0 1-.576-.138 1.192 1.192 0 0 1-.438-.392l-.486-.706a1.191 1.191 0 0 0-.433-.388A1.22 1.22 0 0 0 4.555 2H2.199c-.318 0-.624.124-.849.345-.225.22-.351.52-.351.831v7.647c0 .313.126.612.351.832.225.221.53.345.849.345h9.6ZM.998 6.095h12-12Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "var(--folder-icon-stroke)", d: "M.998 6.095h12M11.798 12c.318 0 .623-.124.848-.345.225-.22.352-.52.352-.832V4.941c0-.312-.127-.611-.352-.832a1.212 1.212 0 0 0-.848-.344h-4.74a1.22 1.22 0 0 1-.576-.138 1.192 1.192 0 0 1-.438-.392l-.486-.706a1.191 1.191 0 0 0-.433-.388A1.22 1.22 0 0 0 4.555 2H2.199c-.318 0-.624.124-.849.345-.225.22-.351.52-.351.831v7.647c0 .313.126.612.351.832.225.221.53.345.849.345h9.6Z" })] }));
+};
+exports.FolderIcon = FolderIcon;

package/lib/Icon/Files/MultipleFilesIcon.d.ts

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

package/lib/Icon/Files/MultipleFilesIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFilesIcon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Files/MultipleFilesIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,iBAAiB,iBAAgB,YAAY,qDAezD,CAAC"}

package/lib/Icon/Files/MultipleFilesIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleFilesIcon = 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 MultipleFilesIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 16, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "var(--multiple-file-icon-bg)", stroke: "var(--multiple-file-icon-stroke)", d: "M5.498 2.538c0-.573.465-1.038 1.038-1.038h4.923c.574 0 1.039.465 1.039 1.038v5.543c0 .353-.14.692-.387.944l-.905.92a1.346 1.346 0 0 1-.96.401h-3.71a1.039 1.039 0 0 1-1.038-1.038v-6.77Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "var(--multiple-file-icon-stroke)", d: "M11.998 8.077a1.926 1.926 0 0 0-2 1.923M3.498 4.5v6.461c0 .85.689 1.539 1.538 1.539h4.462" }), (0, jsx_runtime_1.jsx)("path", { stroke: "var(--multiple-file-icon-stroke)", d: "M1.498 7.5v5.461c0 .85.689 1.539 1.538 1.539h4.462" })] }));
+};
+exports.MultipleFilesIcon = MultipleFilesIcon;

package/lib/Icon/Files/TextFileIcon.d.ts

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

package/lib/Icon/Files/TextFileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFileIcon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Files/TextFileIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,YAAY,iBAAgB,YAAY,qDAmBpD,CAAC"}

package/lib/Icon/Files/TextFileIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFileIcon = 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 TextFileIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 16, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M0.5 3.5C0.5 2.39543 1.39543 1.5 2.5 1.5H10.5C11.6046 1.5 12.5 2.39543 12.5 3.5V11.5063C12.5 12.1626 12.2419 12.7926 11.7815 13.2603L10.3108 14.754C9.84094 15.2312 9.19916 15.5 8.52938 15.5H2.5C1.39543 15.5 0.5 14.6046 0.5 13.5V3.5Z", fill: "var(--text-file-icon-bg)", stroke: "var(--text-file-icon-stroke)" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.5 11.5V11.5C10.2909 11.5 8.5 13.2909 8.5 15.5V15.5", stroke: "var(--text-file-icon-stroke)" }), (0, jsx_runtime_1.jsx)("path", { d: "M7 2L7 1", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M11 2L11 1", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M5 2L5 1", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 2L9 1", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 2L3 1", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 5H9", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 8H9", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 11H6", stroke: "var(--text-file-icon-stroke)", strokeLinecap: "round" })] }));
+};
+exports.TextFileIcon = TextFileIcon;

package/lib/Icon/index.d.ts

@@ -106,4 +106,7 @@ export * from './Files/PdfFileIcon';
 export * from './Files/PresentationFileIcon';
 export * from './Files/SpreadsheetFileIcon';
 export * from './Files/VideoFileIcon';
+export * from './Files/TextFileIcon';
+export * from './Files/FolderIcon';
+export * from './Files/MultipleFilesIcon';
 //# 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

@@ -141,3 +141,6 @@ __exportStar(require("./Files/PdfFileIcon"), exports);
 __exportStar(require("./Files/PresentationFileIcon"), exports);
 __exportStar(require("./Files/SpreadsheetFileIcon"), exports);
 __exportStar(require("./Files/VideoFileIcon"), exports);
+__exportStar(require("./Files/TextFileIcon"), exports);
+__exportStar(require("./Files/FolderIcon"), exports);
+__exportStar(require("./Files/MultipleFilesIcon"), exports);

package/lib/Theme/GlobalCssVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalCssVariables.d.ts","sourceRoot":"","sources":["../../src/Theme/GlobalCssVariables.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA0MzC,eAAO,MAAM,kBAAkB;iBAtMZ,SAAS;gBA0FV,SAAS;wBA0FD,SAAS;CAsBlC,CAAC"}
+{"version":3,"file":"GlobalCssVariables.d.ts","sourceRoot":"","sources":["../../src/Theme/GlobalCssVariables.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAkOzC,eAAO,MAAM,kBAAkB;iBA9NZ,SAAS;gBAsGV,SAAS;wBAsGD,SAAS;CAsBlC,CAAC"}

package/lib/Theme/GlobalCssVariables.js

@@ -88,9 +88,18 @@ const light = () => ({
     // Video File Icon
     '--video-file-icon-bg': Identity_1.COLOR_V2.RED_LIGHT_50,
     '--video-file-icon-stroke': Identity_1.COLOR_V2.RED_LIGHT_700,
+    // Text File Icon
+    '--text-file-icon-bg': Identity_1.COLOR_V2.AMBER_LIGHT_50,
+    '--text-file-icon-stroke': Identity_1.COLOR_V2.AMBER_LIGHT_700,
     // Other File Icon
     '--other-file-icon-bg': Identity_1.COLOR_V2.WHITE,
     '--other-file-icon-stroke': Identity_1.COLOR_V2.GRAY_70,
+    // Folder Icon
+    '--folder-icon-bg': Identity_1.COLOR_V2.BLUE_LIGHT_50,
+    '--folder-icon-stroke': Identity_1.COLOR_V2.BLUE_LIGHT_700,
+    // Multiple File Icon
+    '--multiple-file-icon-bg': Identity_1.COLOR_V2.WHITE,
+    '--multiple-file-icon-stroke': Identity_1.COLOR_V2.GRAY_70,
 });
 const dark = () => ({
     // Checkbox
@@ -160,9 +169,18 @@ const dark = () => ({
     // Video File Icon
     '--video-file-icon-bg': Identity_1.COLOR_V2.RED_DARK_50,
     '--video-file-icon-stroke': Identity_1.COLOR_V2.RED_DARK_700,
+    // Text File Icon
+    '--text-file-icon-bg': Identity_1.COLOR_V2.AMBER_DARK_50,
+    '--text-file-icon-stroke': Identity_1.COLOR_V2.AMBER_DARK_700,
     // Other File Icon
-    '--other-file-icon-bg': Identity_1.COLOR_V2.GRAY_10,
+    '--other-file-icon-bg': Identity_1.COLOR_V2.GRAY_95,
     '--other-file-icon-stroke': Identity_1.COLOR_V2.GRAY_60,
+    // Folder Icon
+    '--folder-icon-bg': Identity_1.COLOR_V2.BLUE_DARK_50,
+    '--folder-icon-stroke': Identity_1.COLOR_V2.BLUE_DARK_700,
+    // Multiple File Icon
+    '--multiple-file-icon-bg': Identity_1.COLOR_V2.GRAY_95,
+    '--multiple-file-icon-stroke': Identity_1.COLOR_V2.GRAY_60,
 });
 const accentColors = () => ({
     '--accent-color': Identity_1.COLOR_V2.BLUE_LIGHT_500,

package/package.json

@@ -69,6 +69,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.30.0",
-  "gitHead": "3170c3d31ea194e7b85e4982f5fc7c9375fb1434"
+  "version": "9.32.0",
+  "gitHead": "cc81dc2eb1fd226a538b2025c37e4f9e3dfc6c56"
 }