@wireapp/react-ui-kit 9.69.5 → 9.69.7-beta.11.d0ceefa60

package/lib/Inputs/Select/Select.d.ts

@@ -20,6 +20,7 @@ export interface SelectProps<IsMulti extends boolean, Group extends GroupBase<Op
     selectMenuCSS?: CSSObject;
     selectGroupCSS?: CSSObject;
     selectGroupHeadingCSS?: CSSObject;
+    selectMenuPortalCSS?: CSSObject;
     label?: string;
     helperText?: string;
     error?: ReactElement;
@@ -31,5 +32,5 @@ export interface SelectProps<IsMulti extends boolean, Group extends GroupBase<Op
     menuListHeading?: string;
     hideControl?: boolean;
 }
-export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, selectMenuCSS, selectGroupCSS, selectGroupHeadingCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, hideControl, ...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, selectControlCSS, selectContainerCSS, selectMenuCSS, selectGroupCSS, selectGroupHeadingCSS, selectMenuPortalCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, hideControl, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/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;AAevF,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,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CACnF,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,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,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;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,OAAO,UAAU,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,4SAuBpF,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,qDA2E7B,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/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;AAevF,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,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CACnF,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,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,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;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,OAAO,UAAU,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,iUAwBpF,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,qDA4E7B,CAAC"}

package/lib/Inputs/Select/Select.js

@@ -17,7 +17,7 @@ const SelectOption_1 = require("./SelectOption/SelectOption");
 const SelectValueContainer_1 = require("./SelectValueContainer/SelectValueContainer");
 const enums_1 = require("../../utils/enums");
 const InputLabel_1 = require("../InputLabel");
-const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, selectControlCSS = {}, selectContainerCSS = {}, selectMenuCSS = {}, selectGroupCSS = {}, selectGroupHeadingCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, menuListHeading, hideControl = false, ...props }) => {
+const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, selectControlCSS = {}, selectContainerCSS = {}, selectMenuCSS = {}, selectGroupCSS = {}, selectGroupHeadingCSS = {}, selectMenuPortalCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, menuListHeading, hideControl = false, ...props }) => {
     const theme = (0, react_1.useTheme)();
     const hasError = !!error;
     return ((0, jsx_runtime_1.jsxs)("div", { 
@@ -38,6 +38,7 @@ const Select = ({ id, label, error, helperText, disabled = false, dataUieName, o
                     menuCSS: selectMenuCSS,
                     groupCSS: selectGroupCSS,
                     groupHeadingCSS: selectGroupHeadingCSS,
+                    menuPortalCSS: selectMenuPortalCSS,
                 }), components: {
                     SelectContainer: SelectContainer_1.SelectContainer,
                     DropdownIndicator: BaseSelectDropdownIndicator_1.BaseSelectDropdownIndicator,

package/lib/Inputs/Select/Select.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: <IsMulti extends boolean = false, Group extends import("react-select").GroupBase<import("./Select").Option> = import("react-select").GroupBase<import("./Select").Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, selectMenuCSS, selectGroupCSS, selectGroupHeadingCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, hideControl, ...props }: import("./Select").SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    component: <IsMulti extends boolean = false, Group extends import("react-select").GroupBase<import("./Select").Option> = import("react-select").GroupBase<import("./Select").Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, selectMenuCSS, selectGroupCSS, selectGroupHeadingCSS, selectMenuPortalCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, hideControl, ...props }: import("./Select").SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -17,6 +17,7 @@ declare const meta: {
         selectMenuCSS?: import("@emotion/serialize").CSSObject;
         selectGroupCSS?: import("@emotion/serialize").CSSObject;
         selectGroupHeadingCSS?: import("@emotion/serialize").CSSObject;
+        selectMenuPortalCSS?: import("@emotion/serialize").CSSObject;
         label?: string;
         helperText?: string;
         error?: import("react").ReactElement;

package/lib/Inputs/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/Select.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAUrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/Select.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAUrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC"}

package/lib/Inputs/Select/Select.styles.d.ts

@@ -11,7 +11,8 @@ interface CustomStylesParams {
     menuCSS: CSSObject;
     groupCSS: CSSObject;
     groupHeadingCSS: CSSObject;
+    menuPortalCSS: CSSObject;
 }
-export declare const customStyles: ({ theme, markInvalid, menuPosition, controlCSS, containerCSS, menuCSS, groupCSS, groupHeadingCSS, }: CustomStylesParams) => StylesConfig<Option, false, GroupBase<Option>>;
+export declare const customStyles: ({ theme, markInvalid, menuPosition, controlCSS, containerCSS, menuCSS, groupCSS, groupHeadingCSS, menuPortalCSS, }: CustomStylesParams) => StylesConfig<Option, false, GroupBase<Option>>;
 export {};
 //# sourceMappingURL=Select.styles.d.ts.map

package/lib/Inputs/Select/Select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/Select.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAWrD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGhC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,wGAStB,kBAAkB,KAAG,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAmFnE,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Select/Select.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAWrD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGhC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,SAAS,CAAC;IAC3B,aAAa,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,uHAUtB,kBAAkB,KAAG,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAoFnE,CAAC"}

package/lib/Inputs/Select/Select.styles.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customStyles = void 0;
 const BaseSelect_styles_1 = require("./BaseSelect/BaseSelect.styles");
 const SelectOption_1 = require("./SelectOption/SelectOption");
-const customStyles = ({ theme, markInvalid = false, menuPosition = 'absolute', controlCSS, containerCSS, menuCSS, groupCSS, groupHeadingCSS, }) => ({
+const customStyles = ({ theme, markInvalid = false, menuPosition = 'absolute', controlCSS, containerCSS, menuCSS, groupCSS, groupHeadingCSS, menuPortalCSS, }) => ({
     indicatorSeparator: BaseSelect_styles_1.baseIndicatorSeparatorStyles,
     indicatorsContainer: provided => provided,
     control: (_provided, { isDisabled, selectProps }) => (0, BaseSelect_styles_1.baseControlStyles)({ theme, isDisabled, markInvalid, selectProps, controlCSS }),
@@ -102,5 +102,6 @@ const customStyles = ({ theme, markInvalid = false, menuPosition = 'absolute', c
         backgroundColor: theme.Input.backgroundColor,
         ...groupCSS,
     }),
+    menuPortal: provided => ({ ...provided, ...menuPortalCSS }),
 });
 exports.customStyles = customStyles;

package/lib/Surface/Accordion/Accordion.d.ts

@@ -41,10 +41,10 @@ interface AccordionComponent extends ForwardRefExoticComponent<AccordionProps &
  * ```tsx
  * <Accordion type="multiple">
  *   <Accordion.Item title="What is Wire?" value="item-1">
- *     <Text>Wire is a secure messaging platform...</Text>
+ *     <Text>Wire is a secure messaging platform</Text>
  *   </Accordion.Item>
  *   <Accordion.Item title="Is Wire secure?" value="item-2">
- *     <Text>Yes, Wire uses end-to-end encryption...</Text>
+ *     <Text>Yes, Wire uses end-to-end encryption</Text>
  *   </Accordion.Item>
  * </Accordion>
  * ```

package/lib/Surface/Accordion/Accordion.js

@@ -69,10 +69,10 @@ const AccordionItem_styles_1 = require("./AccordionItem/AccordionItem.styles");
  * ```tsx
  * <Accordion type="multiple">
  *   <Accordion.Item title="What is Wire?" value="item-1">
- *     <Text>Wire is a secure messaging platform...</Text>
+ *     <Text>Wire is a secure messaging platform</Text>
  *   </Accordion.Item>
  *   <Accordion.Item title="Is Wire secure?" value="item-2">
- *     <Text>Yes, Wire uses end-to-end encryption...</Text>
+ *     <Text>Yes, Wire uses end-to-end encryption</Text>
  *   </Accordion.Item>
  * </Accordion>
  * ```

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.69.5",
-  "gitHead": "39f37b0ac19efbea138173ee0f68ffa18a3cde42"
+  "version": "9.69.7-beta.11.d0ceefa60",
+  "gitHead": "d0ceefa60cb84b127fbfccec50959cefd60b1247"
 }