@wireapp/react-ui-kit 9.60.0 → 9.60.1

package/lib/DataDisplay/Icon/Files/PdfFileIcon.js

@@ -22,6 +22,6 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
  */
 const SVGIcon_1 = require("../SVGIcon");
 const PdfFileIcon = ({ ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 13, realHeight: 16, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "var(--pdf-file-icon-bg)", stroke: "var(--pdf-file-icon-stroke)", d: "M1 2.5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9.006a2.5 2.5 0 0 1-.719 1.754l-1.47 1.494a2.5 2.5 0 0 1-1.782.746H3a2 2 0 0 1-2-2v-11Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "var(--pdf-file-icon-stroke)", d: "M13 11.5a4 4 0 0 0-4 4" }), (0, jsx_runtime_1.jsx)("path", { fill: "var(--pdf-file-icon-stroke)", d: "M3.231 11.17a.985.985 0 0 0 .746.33 1.88 1.88 0 0 0 1.077-.406c.329-.24.69-.884 1.038-1.756a24.574 24.574 0 0 1 1.705-.415c.57.573 1.293.967 2.082 1.135a1.025 1.025 0 0 0 .962-.433.966.966 0 0 0 .043-.99c-.135-.254-.502-.683-1.458-.69-.467.02-.931.074-1.39.162A5.57 5.57 0 0 1 7.018 6.58c.125-.415.247-.844.368-1.277l.125-.429A2.32 2.32 0 0 0 7.6 3.94c-.099-.696-.546-.967-.933-.937-.49.043-.963.551-.917 1.442.033.74.188 1.47.46 2.159a37.817 37.817 0 0 1-.693 2.092c-.985.307-1.852.66-2.158.99a1.094 1.094 0 0 0-.128 1.485Zm6.191-2.475c.598 0 .76.221.795.287a.195.195 0 0 1 0 .208.272.272 0 0 1-.266.099 2.727 2.727 0 0 1-1.179-.545c.215-.03.43-.046.647-.05h.003Zm-2.69-4.95c.017 0 .09.062.115.264.02.211-.002.424-.065.627l-.125.439c-.016.06-.036.122-.053.184a6.487 6.487 0 0 1-.088-.851c-.033-.445.138-.643.213-.65l.004-.013Zm-.029 3.848c.147.237.31.464.486.68-.256.056-.516.118-.775.184.102-.277.19-.567.289-.864Zm-2.792 2.623a3.815 3.815 0 0 1 1.238-.594 2.344 2.344 0 0 1-.535.845c-.453.33-.736.3-.818.205-.082-.096-.049-.278.115-.46v.004Z" })] }));
+    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(--pdf-file-icon-bg)", stroke: "var(--pdf-file-icon-stroke)", d: "M1 2.5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9.006a2.5 2.5 0 0 1-.719 1.754l-1.47 1.494a2.5 2.5 0 0 1-1.782.746H3a2 2 0 0 1-2-2v-11Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "var(--pdf-file-icon-stroke)", d: "M13 11.5a4 4 0 0 0-4 4" }), (0, jsx_runtime_1.jsx)("path", { fill: "var(--pdf-file-icon-stroke)", d: "M3.231 11.17a.985.985 0 0 0 .746.33 1.88 1.88 0 0 0 1.077-.406c.329-.24.69-.884 1.038-1.756a24.574 24.574 0 0 1 1.705-.415c.57.573 1.293.967 2.082 1.135a1.025 1.025 0 0 0 .962-.433.966.966 0 0 0 .043-.99c-.135-.254-.502-.683-1.458-.69-.467.02-.931.074-1.39.162A5.57 5.57 0 0 1 7.018 6.58c.125-.415.247-.844.368-1.277l.125-.429A2.32 2.32 0 0 0 7.6 3.94c-.099-.696-.546-.967-.933-.937-.49.043-.963.551-.917 1.442.033.74.188 1.47.46 2.159a37.817 37.817 0 0 1-.693 2.092c-.985.307-1.852.66-2.158.99a1.094 1.094 0 0 0-.128 1.485Zm6.191-2.475c.598 0 .76.221.795.287a.195.195 0 0 1 0 .208.272.272 0 0 1-.266.099 2.727 2.727 0 0 1-1.179-.545c.215-.03.43-.046.647-.05h.003Zm-2.69-4.95c.017 0 .09.062.115.264.02.211-.002.424-.065.627l-.125.439c-.016.06-.036.122-.053.184a6.487 6.487 0 0 1-.088-.851c-.033-.445.138-.643.213-.65l.004-.013Zm-.029 3.848c.147.237.31.464.486.68-.256.056-.516.118-.775.184.102-.277.19-.567.289-.864Zm-2.792 2.623a3.815 3.815 0 0 1 1.238-.594 2.344 2.344 0 0 1-.535.845c-.453.33-.736.3-.818.205-.082-.096-.049-.278.115-.46v.004Z" })] }));
 };
 exports.PdfFileIcon = PdfFileIcon;

package/lib/Inputs/ComboboxSelect/ComboboxSelect.d.ts

@@ -17,12 +17,14 @@ export interface ComboboxSelectProps {
     createOptionLabel?: (inputValue: string) => string;
     noOptionsMessage: string;
     label?: string;
+    labelVisuallyHidden?: boolean;
     required?: boolean;
     menuPortalTarget?: HTMLElement;
     menuPosition?: MenuPosition;
     menuListCSS?: CSSObject;
     isLoading?: boolean;
     loadingMessage?: string;
+    closeMenuOnSelect?: boolean;
 }
-export declare const ComboboxSelect: ({ id, options, value, onChange, isDisabled, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, required, menuPortalTarget, menuPosition, menuListCSS, isLoading, loadingMessage, }: ComboboxSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ComboboxSelect: ({ id, options, value, onChange, isDisabled, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, labelVisuallyHidden, required, menuPortalTarget, menuPosition, menuListCSS, isLoading, loadingMessage, closeMenuOnSelect, }: ComboboxSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ComboboxSelect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelect.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAmB,EAAa,YAAY,EAAqC,MAAM,cAAc,CAAC;AAUtG,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,0NAkBxB,mBAAmB,qDA2BrB,CAAC"}
+{"version":3,"file":"ComboboxSelect.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAmB,EAAa,YAAY,EAAqC,MAAM,cAAc,CAAC;AAgBtG,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,kQAoBxB,mBAAmB,qDA4BrB,CAAC"}

package/lib/Inputs/ComboboxSelect/ComboboxSelect.js

@@ -54,11 +54,11 @@ const ComboboxSelect_styles_1 = require("./ComboboxSelect.styles");
 const Icon_1 = require("../../DataDisplay/Icon");
 const InputLabel_1 = require("../InputLabel");
 const BaseSelectDropdownIndicator_1 = require("../Select/BaseSelect/BaseSelectDropdownIndicator");
-const ComboboxSelect = ({ id, options, value, onChange, isDisabled = false, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, required, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { css: ComboboxSelect_styles_1.wrapperStyles, "data-uie-name": dataUieName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, isRequired: required, children: label })), (0, jsx_runtime_1.jsx)(Select, { id: id, options: options, value: value, onChange: onChange, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, createOptionLabel: createOptionLabel, onCreateOption: onCreateOption, creatable: !!onCreateOption, isLoading: isLoading, noOptionsMessage: noOptionsMessage, loadingMessage: loadingMessage, menuListCSS: menuListCSS })] }));
+const ComboboxSelect = ({ id, options, value, onChange, isDisabled = false, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, labelVisuallyHidden = false, required, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, closeMenuOnSelect = true, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { css: ComboboxSelect_styles_1.wrapperStyles, "data-uie-name": dataUieName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, isRequired: required, labelCSS: (0, ComboboxSelect_styles_1.labelCSS)({ isVisuallyHidden: labelVisuallyHidden }), children: label })), (0, jsx_runtime_1.jsx)(Select, { id: id, options: options, value: value, onChange: onChange, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, createOptionLabel: createOptionLabel, onCreateOption: onCreateOption, creatable: !!onCreateOption, isLoading: isLoading, noOptionsMessage: noOptionsMessage, loadingMessage: loadingMessage, menuListCSS: menuListCSS, closeMenuOnSelect: closeMenuOnSelect })] }));
 };
 exports.ComboboxSelect = ComboboxSelect;
-const Select = ({ id, options, value, onChange, isDisabled = false, placeholder, onCreateOption, createOptionLabel, noOptionsMessage, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, creatable = false, }) => {
+const Select = ({ id, options, value, onChange, isDisabled = false, placeholder, onCreateOption, createOptionLabel, noOptionsMessage, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, creatable = false, closeMenuOnSelect = true, }) => {
     const theme = (0, react_2.useTheme)();
     const components = (0, react_1.useMemo)(() => {
         return {
@@ -70,9 +70,9 @@ const Select = ({ id, options, value, onChange, isDisabled = false, placeholder,
         };
     }, [loadingMessage, noOptionsMessage]);
     if (!creatable) {
-        return ((0, jsx_runtime_1.jsx)(react_select_1.default, { id: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", closeMenuOnSelect: false, components: components }));
+        return ((0, jsx_runtime_1.jsx)(react_select_1.default, { id: id, inputId: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", closeMenuOnSelect: closeMenuOnSelect, components: components }));
     }
-    return ((0, jsx_runtime_1.jsx)(creatable_1.default, { id: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", formatCreateLabel: createOptionLabel, onCreateOption: onCreateOption, closeMenuOnSelect: false, isLoading: isLoading, components: components }));
+    return ((0, jsx_runtime_1.jsx)(creatable_1.default, { id: id, inputId: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", formatCreateLabel: createOptionLabel, onCreateOption: onCreateOption, closeMenuOnSelect: closeMenuOnSelect, isLoading: isLoading, components: components }));
 };
 const MultiValueRemove = (props) => ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueRemove, { ...props, children: (0, jsx_runtime_1.jsx)(Icon_1.CloseIcon, { width: 10, height: 10 }) }));
 const NoOptionsMessage = ({ message, ...props }) => ((0, jsx_runtime_1.jsx)(react_select_1.components.NoOptionsMessage, { ...props, children: (0, jsx_runtime_1.jsx)("div", { css: ComboboxSelect_styles_1.noOptionsMessageStyles, children: message }) }));

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { type ComboboxSelectProps } from './ComboboxSelect';
 declare const meta: {
     title: string;
-    component: ({ id, options, value, onChange, isDisabled, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, required, menuPortalTarget, menuPosition, menuListCSS, isLoading, loadingMessage, }: ComboboxSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    component: ({ id, options, value, onChange, isDisabled, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, labelVisuallyHidden, required, menuPortalTarget, menuPosition, menuListCSS, isLoading, loadingMessage, closeMenuOnSelect, }: ComboboxSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -18,12 +18,14 @@ declare const meta: {
         createOptionLabel?: (inputValue: string) => string;
         noOptionsMessage: string;
         label?: string;
+        labelVisuallyHidden?: boolean;
         required?: boolean;
         menuPortalTarget?: HTMLElement;
         menuPosition?: import("react-select").MenuPosition;
         menuListCSS?: import("@emotion/serialize").CSSObject;
         isLoading?: boolean;
         loadingMessage?: string;
+        closeMenuOnSelect?: boolean;
     }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
     tags: string[];
 };
@@ -35,4 +37,5 @@ export declare const Disabled: Story;
 export declare const Creatable: Story;
 export declare const WithLabel: Story;
 export declare const Loading: Story;
+export declare const WithLabelVisuallyHidden: Story;
 //# sourceMappingURL=ComboboxSelect.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAiB,KAAK,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAU1E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAc6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AA8BF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
+{"version":3,"file":"ComboboxSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAiB,KAAK,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAU1E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AA8BF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC"}

package/lib/Inputs/ComboboxSelect/ComboboxSelect.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.WithLabel = exports.Creatable = exports.Disabled = exports.WithValue = exports.Default = void 0;
+exports.WithLabelVisuallyHidden = exports.Loading = exports.WithLabel = exports.Creatable = exports.Disabled = exports.WithValue = exports.Default = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
@@ -112,3 +112,12 @@ exports.Loading = {
         loadingMessage: 'Loading options...',
     },
 };
+exports.WithLabelVisuallyHidden = {
+    args: {
+        id: 'with-label-visually-hidden-select',
+        label: 'Select options',
+        labelVisuallyHidden: true,
+        options: initialOptions,
+        noOptionsMessage: 'No options available',
+    },
+};

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

@@ -17,5 +17,8 @@ export declare const noOptionsMessageStyles: {
 export declare const loadingMessageStyles: {
     padding: string;
 };
+export declare const labelCSS: ({ isVisuallyHidden }: {
+    isVisuallyHidden: boolean;
+}) => CSSObject;
 export {};
 //# sourceMappingURL=ComboboxSelect.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAY3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,mEAMtB,kBAAkB,KAAG,YAqFtB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;CAElC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;CAEhC,CAAC"}
+{"version":3,"file":"ComboboxSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ComboboxSelect/ComboboxSelect.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAa3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,mEAMtB,kBAAkB,KAAG,YAqFtB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;CAElC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAAwB;IAAC,gBAAgB,EAAE,OAAO,CAAA;CAAC,cAA+C,CAAC"}

package/lib/Inputs/ComboboxSelect/ComboboxSelect.styles.js

@@ -18,7 +18,8 @@
  *
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadingMessageStyles = exports.noOptionsMessageStyles = exports.selectStyles = exports.wrapperStyles = void 0;
+exports.labelCSS = exports.loadingMessageStyles = exports.noOptionsMessageStyles = exports.selectStyles = exports.wrapperStyles = void 0;
+const utils_1 = require("../../utils");
 const BaseSelect_styles_1 = require("../Select/BaseSelect/BaseSelect.styles");
 exports.wrapperStyles = {
     marginBottom: '20px',
@@ -48,7 +49,7 @@ const selectStyles = ({ theme, markInvalid = false, controlCSS = {}, containerCS
     option: (provided, { isDisabled, isFocused, isSelected, isMulti }) => ({
         ...provided,
         ...(0, BaseSelect_styles_1.baseOptionStyles)({ theme, isDisabled, isFocused, isSelected, isMulti }),
-        padding: '10px 18px',
+        padding: '10px 16px',
         fontWeight: 400,
         '&:not(:last-of-type)': {
             borderBottom: `1px solid ${theme.Select.borderColor}`,
@@ -119,3 +120,5 @@ exports.noOptionsMessageStyles = {
 exports.loadingMessageStyles = {
     padding: '8px 12px',
 };
+const labelCSS = ({ isVisuallyHidden }) => (isVisuallyHidden ? (0, utils_1.visuallyHidden)() : {});
+exports.labelCSS = labelCSS;

package/lib/Inputs/InputLabel/InputLabel.d.ts

@@ -1,9 +1,11 @@
 import { FC, ReactNode } from 'react';
+import { CSSObject } from '@emotion/react';
 export interface InputLabelProps {
     children: ReactNode | string;
     htmlFor?: string;
     markInvalid?: boolean;
     isRequired?: boolean;
+    labelCSS?: CSSObject;
 }
 declare const InputLabel: FC<InputLabelProps>;
 export { InputLabel };

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

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/Inputs/InputLabel/InputLabel.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,EAAE,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuBnC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/Inputs/InputLabel/InputLabel.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,EAAE,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAKzC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwBnC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/lib/Inputs/InputLabel/InputLabel.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputLabel = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Identity_1 = require("../../Identity");
-const InputLabel = ({ htmlFor, markInvalid, isRequired, children, ...props }) => ((0, jsx_runtime_1.jsxs)("label", { htmlFor: htmlFor, css: (theme) => ({
+const InputLabel = ({ htmlFor, markInvalid, isRequired, children, labelCSS, ...props }) => ((0, jsx_runtime_1.jsxs)("label", { htmlFor: htmlFor, css: (theme) => ({
         fontSize: theme.fontSizes.medium,
         fontWeight: 400,
         lineHeight: '1rem',
         color: markInvalid ? Identity_1.COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor,
         marginBottom: '2px',
         display: 'block',
+        ...labelCSS,
     }), ...props, children: [children, isRequired && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => ({ fontSize: theme.fontSizes.base, marginLeft: '4px', color: Identity_1.COLOR_V2.RED_LIGHT_500 }), children: "*" }))] }));
 exports.InputLabel = InputLabel;

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

@@ -51,12 +51,12 @@ declare const meta: {
         isRtl?: boolean;
         menuPortalTarget?: HTMLElement | null;
         isLoading?: boolean;
+        closeMenuOnSelect?: boolean;
         ariaLiveMessages?: import("react-select").AriaLiveMessages<import("./Select").Option, boolean, import("react-select").GroupBase<import("./Select").Option>>;
         backspaceRemovesValue?: boolean;
         blurInputOnSelect?: boolean;
         captureMenuScroll?: boolean;
         classNamePrefix?: string | null;
-        closeMenuOnSelect?: boolean;
         closeMenuOnScroll?: boolean | ((event: Event) => boolean);
         components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<import("./Select").Option, boolean, import("react-select").GroupBase<import("./Select").Option>>>;
         controlShouldRenderValue?: boolean;

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -4,7 +4,8 @@ interface BreadcrumbItemProps {
     icon?: ReactNode;
     isActive: boolean;
     onClick: (event: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    isFirst: boolean;
 }
-export declare const BreadcrumbItem: ({ name, icon, isActive, onClick }: BreadcrumbItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbItem: ({ name, icon, isActive, onClick, isFirst }: BreadcrumbItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BreadcrumbItem.d.ts.map

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAI/D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,cAAc,sCAAqC,mBAAmB,qDAgBlF,CAAC"}
+{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAI/D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,+CAA8C,mBAAmB,qDAgB3F,CAAC"}

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbItem = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const BreadcrumbItem_styles_1 = require("./BreadcrumbItem.styles");
-const BreadcrumbItem = ({ name, icon, isActive, onClick }) => {
-    return ((0, jsx_runtime_1.jsx)("li", { css: BreadcrumbItem_styles_1.listItemStyles, children: isActive ? ((0, jsx_runtime_1.jsxs)("span", { css: BreadcrumbItem_styles_1.activeItemStyles, children: [icon, name] })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", css: BreadcrumbItem_styles_1.buttonStyles, onClick: onClick, children: [icon, name] })) }));
+const BreadcrumbItem = ({ name, icon, isActive, onClick, isFirst }) => {
+    return ((0, jsx_runtime_1.jsx)("li", { css: BreadcrumbItem_styles_1.listItemStyles, children: isActive ? ((0, jsx_runtime_1.jsxs)("span", { css: BreadcrumbItem_styles_1.activeItemStyles, children: [icon, name] })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", css: (0, BreadcrumbItem_styles_1.buttonStyles)({ isFirst }), onClick: onClick, children: [icon, name] })) }));
 };
 exports.BreadcrumbItem = BreadcrumbItem;

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.d.ts

@@ -1,5 +1,7 @@
 import { CSSObject } from '@emotion/react';
 export declare const listItemStyles: CSSObject;
-export declare const buttonStyles: CSSObject;
+export declare const buttonStyles: ({ isFirst }: {
+    isFirst: boolean;
+}) => CSSObject;
 export declare const activeItemStyles: CSSObject;
 //# sourceMappingURL=BreadcrumbItem.styles.d.ts.map

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAc1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAO9B,CAAC"}
+{"version":3,"file":"BreadcrumbItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,gBAAe;IAAC,OAAO,EAAE,OAAO,CAAA;CAAC,KAAG,SAgB3D,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,SAQ9B,CAAC"}

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.js

@@ -25,7 +25,7 @@ exports.listItemStyles = {
     alignItems: 'center',
     flexShrink: 0,
 };
-exports.buttonStyles = {
+const buttonStyles = ({ isFirst }) => ({
     background: 'none',
     border: 'none',
     padding: '0 8px',
@@ -35,15 +35,18 @@ exports.buttonStyles = {
     display: 'flex',
     alignItems: 'center',
     gap: '8px',
+    ...(isFirst && { paddingLeft: '0' }),
     '&:hover': {
         color: 'var(--main-color)',
     },
-};
+});
+exports.buttonStyles = buttonStyles;
 exports.activeItemStyles = {
     display: 'inline-flex',
     alignItems: 'center',
     gap: '8px',
-    padding: '0 8px',
+    paddingLeft: '8px',
+    paddingRight: '0',
     fontSize: '14px',
     color: 'var(--main-color)',
 };

package/lib/Navigation/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAShC,UAAU,gBAAgB;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,KAAK,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAC,CAAC,CAAC;IAE/C,WAAW,EAAE,CAAC,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,iDAIrB,gBAAgB,qDAoDlB,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAShC,UAAU,gBAAgB;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,KAAK,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAC,CAAC,CAAC;IAE/C,WAAW,EAAE,CAAC,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,iDAIrB,gBAAgB,qDAuDlB,CAAC"}

package/lib/Navigation/Breadcrumbs/Breadcrumbs.js

@@ -19,13 +19,13 @@ const DEFAULT_MAX_VISIBLE_BREADCRUMBS = 4;
  */
 const Breadcrumbs = ({ maxNotCombinedItems = DEFAULT_MAX_VISIBLE_BREADCRUMBS, items, onItemClick, }) => {
     if (items.length <= maxNotCombinedItems) {
-        return ((0, jsx_runtime_1.jsx)("ol", { css: Breadcrumbs_styles_1.listStyles, children: items.map((crumb, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: crumb.name, icon: crumb.icon, isActive: index === items.length - 1, onClick: () => onItemClick(crumb) }, crumb.name)] }))) }));
+        return ((0, jsx_runtime_1.jsx)("ol", { css: Breadcrumbs_styles_1.listStyles, children: items.map((crumb, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: crumb.name, icon: crumb.icon, isActive: index === items.length - 1, onClick: () => onItemClick(crumb), isFirst: index === 0 }, crumb.name)] }))) }));
     }
     const firstCrumb = items[0];
     // eslint-disable-next-line no-magic-numbers
     const lastTwoCrumbs = items.slice(-2);
     // eslint-disable-next-line no-magic-numbers
     const middleCrumbs = items.slice(1, -2);
-    return ((0, jsx_runtime_1.jsxs)("ol", { css: Breadcrumbs_styles_1.listStyles, children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: firstCrumb.name, icon: firstCrumb.icon, isActive: false, onClick: () => onItemClick(firstCrumb) }), (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(CombainedBreadcrumbs_1.CombainedBreadcrumbs, { items: middleCrumbs, onItemClick: onItemClick }), (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), lastTwoCrumbs.map((crumb, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: crumb.name, icon: crumb.icon, isActive: index === lastTwoCrumbs.length - 1, onClick: () => onItemClick(crumb) }, crumb.name)] })))] }));
+    return ((0, jsx_runtime_1.jsxs)("ol", { css: Breadcrumbs_styles_1.listStyles, children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: firstCrumb.name, icon: firstCrumb.icon, isActive: false, onClick: () => onItemClick(firstCrumb), isFirst: true }), (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(CombainedBreadcrumbs_1.CombainedBreadcrumbs, { items: middleCrumbs, onItemClick: onItemClick }), (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), lastTwoCrumbs.map((crumb, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(BreadcrumbLeaf_1.BreadcrumbLeaf, {}), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { name: crumb.name, icon: crumb.icon, isActive: index === lastTwoCrumbs.length - 1, onClick: () => onItemClick(crumb), isFirst: false }, crumb.name)] })))] }));
 };
 exports.Breadcrumbs = Breadcrumbs;

package/lib/utils/util.d.ts

@@ -4,4 +4,5 @@ export declare const inlineSVG: (svg: string) => string;
 export declare const filterProps: <T extends Record<string, any>>(props: T, propsToFilter: (keyof T)[]) => Object;
 export declare const manySelectors: (selectors: string[], css: CSSObject) => {};
 export declare const ellipsis: () => CSSObject;
+export declare const visuallyHidden: () => CSSObject;
 //# sourceMappingURL=util.d.ts.map

package/lib/utils/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/utils/util.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,SAAS,QAAS,MAAM,WAAyD,CAAC;AAE/F,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAQlG,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,MAAM,EAAE,OAAO,SAAS,OAIzD,CAAC;AAET,eAAO,MAAM,QAAQ,QAAO,SAI1B,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/utils/util.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,SAAS,QAAS,MAAM,WAAyD,CAAC;AAE/F,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAQlG,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,MAAM,EAAE,OAAO,SAAS,OAIzD,CAAC;AAET,eAAO,MAAM,QAAQ,QAAO,SAI1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAAO,SAMhC,CAAC"}

package/lib/utils/util.js

@@ -18,7 +18,7 @@
  *
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipsis = exports.manySelectors = exports.filterProps = exports.inlineSVG = exports.noop = void 0;
+exports.visuallyHidden = exports.ellipsis = exports.manySelectors = exports.filterProps = exports.inlineSVG = exports.noop = void 0;
 const noop = () => { };
 exports.noop = noop;
 const inlineSVG = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
@@ -38,3 +38,11 @@ const ellipsis = () => ({
     whiteSpace: 'nowrap',
 });
 exports.ellipsis = ellipsis;
+const visuallyHidden = () => ({
+    position: 'absolute',
+    left: '-9999px',
+    top: 'auto',
+    width: '1px',
+    height: '1px',
+});
+exports.visuallyHidden = visuallyHidden;

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.60.0",
-  "gitHead": "b8a8ff801b4a22cb1734f9b69d10ba2fa8ca25af"
+  "version": "9.60.1",
+  "gitHead": "fbcb702e7536947fe230f988c9845d51cd86104e"
 }