acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/README.md

@@ -1,132 +0,0 @@
-# acinguiux Design System - React Framework
-
----
-
-Welcome to the acinguiux Design System React Framework, a collection of reusable components written in ReactJS. You can explore these components on our [Storybook page](https://acinguiux-ds-react-framework.azurewebsites.net/).
-
-## Table of Contents
-
-1. [Documentation](#documentation)
-2. [Installation](#installation)
-3. [Commands](#commands)
-4. [Support](#support)
-5. [Transpiling](#transpiling)
-
----
-
-## Documentation
-
-Our comprehensive documentation is available in the [GitHub Wiki](https://github.com/sds/wiki).
-We provide a Storybook page to showcase and document our components:
-
-- beta (release/minor_patch branch): [https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/](https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/)
-- next-major (release/major branch): [https://acinguiux-ds-major-react-framework.azurewebsites.net/](https://acinguiux-ds-major-react-framework.azurewebsites.net/)
-- stable (main branch): [https://acinguiux-ds-react-framework.azurewebsites.net/](https://acinguiux-ds-react-framework.azurewebsites.net/)
-
----
-
-## Usage in acinguiux
-
-If you are creating a new repository, we recommend you to leverage the [Client React Web](https://github.com/Template-Client-React-Web) template to ensure you comply with acinguiux standards.
-
-## Installation
-
-To use the acinguiux Design System React Framework in your project, follow these steps:
-
-### Step 1: Generate GitHub Token
-
-1. Go to [GitHub Tokens](https://github.com/settings/tokens) or navigate to GitHub Settings => Developer Settings => Personal Access Tokens.
-2. Generate a new token with at least the repo and read:packages scopes.
-3. Copy the token and, if prompted, configure SSO authorization in the organization.
-
-Add the token to the file `~/.npmrc` (if it does not exist, create it):
-
-> ⚠️ Make sure you insert the token in the configuration of your home directory (~). \
-> You should **never** push the token into your codebase.
-
-```
-//npm.pkg.github.com/:_authToken=YOUR_TOKEN_HERE
-```
-
-If you do not have access to this file or you are in a Windows OS, you can run the following command:
-
-```
-npm login --registry=https://npm.pkg.github.com
-> Username: USERNAME
-> Password: TOKEN
-> Email: PUBLIC-EMAIL-ADDRESS
-```
-
-### Step 2: Update NPM Registry
-
-Update your npm registry. Create or edit a `.npmrc` file in your project root folder and add:
-
-Your other dependencies will still be downloaded from the default npm registry.
-
-### Step 3: Install the Framework
-
-Run the following command:
-
-```
-npm install --save acinguiux-ds-react-framework
-```
-
-### Step 4: Add Fonts
-
-Add the following font link to your `index.html`:
-
-```html
-<link href="https://acinguiux-fonts.azureedge.net/index.css" rel="stylesheet" />
-```
-
-### Step 5: Theme Provider
-
-In your app entry point (e.g., `src/App.tsx` for Create React App), add the following snippet:
-
-```js
-import React, { ReactElement } from 'react';
-import { AcinguiuxThemeProvider } from 'acinguiux-ds-react-framework';
-
-function App(): ReactElement {
-  return <AcinguiuxThemeProvider theme="light"><!-- Your app content --></AcinguiuxThemeProvider>;
-}
-
-export default App;
-```
-
-Choose between the light and dark themes.
-
-### 🤖 CI setup
-
-In order to correctly setup your CI, make sure **no tokens** are pushed directly in your codebase and you are following the [SEMS guidelines on secret management](https://devkit.acinguiux.com/content/sems/guidelines/SecretManagement). If you're having troubles installing packages in your CI, you can read more on how to authenticate on [GitHub docs](https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry).
-
----
-
-## Commands
-
-- `pnpm start`: launches the Storybook app
-- `pnpm test`: runs tests for all `*.test.ts?x` files
-- `pnpm test:watch`: watches all `*.test.ts?x` files and runs tests on each change
-- `pnpm build`: builds the application for distribution as a NPM package
-- `pnpm lint`: runs TS and Styled Component linters
-- `pnpm format`: formats all files based on Prettier configurations
-
----
-
-## Support
-
-For support or inquiries, please contact the acinguiux Design System Team:
-
-- [GitHub issues page](https://github.com/issues)
-- [SDS Teams channel](https://teams.microsoft.com/l/channel/19%3Aac0e8c95a3c840c2a1095a7440206c51%40thread.tacv2/Questions?groupId=dd072cdc-70c5-4aaf-a665-284c4fdeef4d&tenantId=db1e96a8-a3da-442a-930b-235cac24cd5c)
-- [mail: GX-GL-acinguiuxDesignSystemTeam@acinguiux.com](mailto:GX-GL-acinguiuxDesignSystemTeam@acinguiux.com)
-
----
-
-## Transpiling
-
-Transpiling documentation can be found in the [root README.md file](../../README.md).
-
----
-
-> See root README here: https://github.com/sds/README.md

package/build/cjs/components/DeprecatedSelect/Select.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),b=require("classnames"),B=require("rc-select"),u=require("../../react-base/src/consts/index.js"),F=require("../../react-base/src/utils/sizesUtils.js"),S=require("./components/Icons/Icons.js"),T=require("./Select.styles.js"),x=require("../TextArea/TextArea.styles.js"),_=require("../Icon/components/Cross.js"),k=require("../TextInput/components/Affix.js"),D=require("../Icon/components/ChevronDown.js"),K=require("../../hooks/useFocusRingOnKeyboard.js"),f=require("../../react-base/src/consts/classes.js"),M=r.forwardRef(({className:s,...e},t)=>n.jsx(B,{ref:t,dropdownClassName:s,className:s,getPopupContainer:l=>l,dropdownAlign:{offset:[0,4],...e.dropdownAlign},...e})),$=r.forwardRef(({className:s,size:e=u.Sizes.Medium,mode:t="single",placeholder:l,invalid:i=!1,showSearch:p=!0,allowClear:m,placement:R,optionFilterProp:q="children",optionLabelProp:w="children",disabled:o,onFocus:h,onBlur:j,onClick:A,...g},y)=>{const a=r.useRef(null),d=r.useRef(null);r.useImperativeHandle(y,()=>a.current);const{focusKind:E,setFocusKind:I,handleOnClick:C,handleOnFocus:L,handleOnBlur:O,handleOnMouseDownCapture:v}=K.useFocusRingOnKeyboard({inputRef:a,onFocus:h,onBlur:j,onClick:A});return n.jsx(T.Select,{as:M,ref:a,onFocus:L,onBlur:O,onClick:C,onMouseDownCapture:v,className:b(i&&f.SELECT_ERROR_CLASS,f.SELECT_CLASS,s),prefixCls:f.SELECT_CLASS,"aria-label":"Select","data-focused":E,$size:e,mode:t!=="single"?t:void 0,placeholder:l,showSearch:p,suffixIcon:n.jsx(k.Affix,{affix:{transparent:!0,node:n.jsx(D,{})},size:e,disabled:Array.isArray(o)?o.some(Boolean):o,type:"suffix",invalid:i}),allowClear:m?{clearIcon:n.jsx(x.ClearButtonContainer,{$size:e,children:n.jsx(x.ClearButton,{ref:d,onFocus:()=>I("keyboard"),onMouseDown:c=>{C(c)},onClick:()=>{var c;(c=d.current)==null||c.dispatchEvent(new Event("mousedown",{bubbles:!0}))},size:e===u.Sizes.XSmall?e:F.getSmallerSize(e),variant:u.Variants.Transparent,icon:n.jsx(_,{}),iconOnly:!0})})}:!1,optionFilterProp:q,optionLabelProp:w,$invalid:i,$disabled:o,disabled:o,listHeight:250,...g,removeIcon:n.jsx(S.RemoveIcon,{size:e}),menuItemSelectedIcon:n.jsx(S.SelectedIcon,{size:e}),placement:R===u.Positions.Top?"topLeft":"bottomLeft"})});module.exports=$;
-//# sourceMappingURL=Select.js.map

package/build/cjs/components/DeprecatedSelect/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/DeprecatedSelect/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n  type ReactElement,\n} from 'react';\n\nimport classNames from 'classnames';\nimport RCSelect, { type BaseSelectRef, type SelectProps } from 'rc-select';\nimport { Sizes, Positions, SELECT_ERROR_CLASS, SELECT_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { RemoveIcon, SelectedIcon } from './components/Icons/Icons';\nimport * as Styled from './Select.styles';\nimport type { ISelectProps } from './Select.types';\nimport * as TextAreaStyled from '../TextArea/TextArea.styles';\nimport Cross from '../Icon/components/Cross';\nimport { Affix } from '../TextInput/components/Affix';\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\n\nconst RCSelectRef = forwardRef<BaseSelectRef, SelectProps>(({ className, ...rest }: SelectProps, ref) => (\n  <RCSelect\n    ref={ref}\n    dropdownClassName={className}\n    className={className}\n    getPopupContainer={(element) => element}\n    dropdownAlign={{ offset: [0, 4], ...rest.dropdownAlign }}\n    {...rest}\n  />\n));\n\nconst Select = forwardRef<BaseSelectRef, ISelectProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      optionFilterProp = 'children',\n      optionLabelProp = 'children',\n      disabled,\n      onFocus,\n      onBlur,\n      onClick,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<BaseSelectRef>(null);\n    const clearBtn = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, setFocusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } =\n      useFocusRingOnKeyboard({\n        inputRef: inputRef as unknown as RefObject<HTMLInputElement>,\n        onFocus,\n        onBlur,\n        onClick,\n      });\n\n    return (\n      <Styled.Select\n        as={RCSelectRef}\n        ref={inputRef}\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onClick={handleOnClick}\n        onMouseDownCapture={handleOnMouseDownCapture}\n        className={classNames(invalid && SELECT_ERROR_CLASS, SELECT_CLASS, className)}\n        prefixCls={SELECT_CLASS}\n        aria-label=\"Select\"\n        data-focused={focusKind}\n        $size={size}\n        mode={mode !== 'single' ? mode : undefined}\n        placeholder={placeholder}\n        showSearch={showSearch}\n        suffixIcon={\n          <Affix\n            affix={{ transparent: true, node: <ChevronDown /> }}\n            size={size}\n            disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n            type=\"suffix\"\n            invalid={invalid}\n          />\n        }\n        allowClear={\n          allowClear\n            ? {\n                clearIcon: (\n                  <TextAreaStyled.ClearButtonContainer $size={size}>\n                    <TextAreaStyled.ClearButton\n                      ref={clearBtn}\n                      onFocus={() => setFocusKind('keyboard')}\n                      onMouseDown={(event) => {\n                        handleOnClick(event as unknown as ReactMouseEvent<HTMLDivElement, MouseEvent>);\n                      }}\n                      onClick={() => {\n                        clearBtn.current?.dispatchEvent(new Event('mousedown', { bubbles: true }));\n                      }}\n                      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as SelectTypes.Size)}\n                      variant={Variants.Transparent}\n                      icon={<Cross />}\n                      iconOnly={true}\n                    />\n                  </TextAreaStyled.ClearButtonContainer>\n                ),\n              }\n            : false\n        }\n        optionFilterProp={optionFilterProp}\n        optionLabelProp={optionLabelProp}\n        $invalid={invalid}\n        $disabled={disabled}\n        disabled={disabled}\n        listHeight={250} // default max-height for Select\n        {...rest}\n        removeIcon={<RemoveIcon size={size} />}\n        menuItemSelectedIcon={<SelectedIcon size={size} />}\n        placement={placement === Positions.Top ? 'topLeft' : 'bottomLeft'}\n      />\n    );\n  },\n);\n\nexport default Select;\n"],"names":["RCSelectRef","forwardRef","className","rest","ref","jsx","RCSelect","element","Select","size","Sizes","mode","placeholder","invalid","showSearch","allowClear","placement","optionFilterProp","optionLabelProp","disabled","onFocus","onBlur","onClick","inputRef","useRef","clearBtn","useImperativeHandle","focusKind","setFocusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","Styled.Select","classNames","SELECT_ERROR_CLASS","SELECT_CLASS","Affix","ChevronDown","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","event","_a","getSmallerSize","Variants","Cross","RemoveIcon","SelectedIcon","Positions"],"mappings":"8jBAwBMA,EAAcC,EAAAA,WAAuC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAqBC,IAC/FC,EAAAA,IAACC,EAAA,CACC,IAAAF,EACA,kBAAmBF,EACnB,UAAAA,EACA,kBAAoBK,GAAYA,EAChC,cAAe,CAAE,OAAQ,CAAC,EAAG,CAAC,EAAG,GAAGJ,EAAK,aAAA,EACxC,GAAGA,CAAA,CACN,CACD,EAEKK,EAASP,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAO,EAAOC,EAAAA,MAAM,OACb,KAAAC,EAAO,SACP,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EACA,UAAAC,EACA,iBAAAC,EAAmB,WACnB,gBAAAC,EAAkB,WAClB,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGnB,CAAA,EAELC,IACiB,CACjB,MAAMmB,EAAWC,EAAAA,OAAsB,IAAI,EACrCC,EAAWD,EAAAA,OAA0B,IAAI,EAE/CE,EAAAA,oBAAoBtB,EAAK,IAAMmB,EAAS,OAAQ,EAEhD,KAAM,CAAE,UAAAI,EAAW,aAAAC,EAAc,cAAAC,EAAe,cAAAC,EAAe,aAAAC,EAAc,yBAAAC,CAAA,EAC3EC,yBAAuB,CACrB,SAAAV,EACA,QAAAH,EACA,OAAAC,EACA,QAAAC,CAAA,CACD,EAEH,OACEjB,EAAAA,IAAC6B,EAAAA,OAAA,CACC,GAAIlC,EACJ,IAAKuB,EACL,QAASO,EACT,OAAQC,EACR,QAASF,EACT,mBAAoBG,EACpB,UAAWG,EAAWtB,GAAWuB,EAAAA,mBAAoBC,EAAAA,aAAcnC,CAAS,EAC5E,UAAWmC,EAAAA,aACX,aAAW,SACX,eAAcV,EACd,MAAOlB,EACP,KAAME,IAAS,SAAWA,EAAO,OACjC,YAAAC,EACA,WAAAE,EACA,WACET,EAAAA,IAACiC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,GAAM,KAAMjC,MAACkC,IAAY,CAAA,EAC/C,KAAA9B,EACA,SAAU,MAAM,QAAQU,CAAQ,EAAIA,EAAS,KAAK,OAAO,EAAIA,EAC7D,KAAK,SACL,QAAAN,CAAA,CAAA,EAGJ,WACEE,EACI,CACE,UACEV,EAAAA,IAACmC,EAAAA,qBAAA,CAAoC,MAAO/B,EAC1C,SAAAJ,EAAAA,IAACoC,EAAAA,YAAA,CACC,IAAKhB,EACL,QAAS,IAAMG,EAAa,UAAU,EACtC,YAAcc,GAAU,CACtBb,EAAca,CAA+D,CAC/E,EACA,QAAS,IAAM,QACbC,EAAAlB,EAAS,UAAT,MAAAkB,EAAkB,cAAc,IAAI,MAAM,YAAa,CAAE,QAAS,EAAA,CAAM,EAC1E,EACA,KAAMlC,IAASC,EAAAA,MAAM,OAASD,EAAQmC,EAAAA,eAAenC,CAAI,EACzD,QAASoC,EAAAA,SAAS,YAClB,WAAOC,EAAA,EAAM,EACb,SAAU,EAAA,CAAA,CACZ,CACF,CAAA,EAGJ,GAEN,iBAAA7B,EACA,gBAAAC,EACA,SAAUL,EACV,UAAWM,EACX,SAAAA,EACA,WAAY,IACX,GAAGhB,EACJ,WAAYE,EAAAA,IAAC0C,aAAA,CAAW,KAAAtC,CAAA,CAAY,EACpC,qBAAsBJ,EAAAA,IAAC2C,eAAA,CAAa,KAAAvC,CAAA,CAAY,EAChD,UAAWO,IAAciC,YAAU,IAAM,UAAY,YAAA,CAAA,CAG3D,CACF"}

package/build/cjs/components/DeprecatedSelect/Select.styles.js

@@ -1,426 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),b=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/theme/types/layer.js"),y=require("../../react-base/src/utils/stylesUtils.js"),w=require("../../react-base/src/components/Select/Select.consts.js"),v=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),e=require("../../react-base/src/components/Input/Input.consts.js"),m=require("../../react-base/src/components/Input/Input.styles.js"),h=require("../../react-base/src/components/Input/Input.utils.js"),p=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/utils/sizesUtils.js"),x=require("../../utils/styleUtils.js"),$=require("./utils/styleUtils.js"),S=require("./utils/selectedOptionTagStyleUtils.js"),f=r.css`
-  ${({prefixCls:t,$size:n,allowClear:i,loading:a,disabled:o,theme:d})=>{const s=w.consts[n],c=(u=p.FabricsVariables.States.Resting)=>S.getSelectedOptionTagStyles(d,u,o);return r.css`
-      &-multiple .${t}-selector {
-        position: relative;
-        display: flex;
-        flex-wrap: wrap;
-        padding: 0;
-        min-height: ${e.consts[n].containerHeight}px;
-
-        .${t}-selection-overflow {
-          position: relative;
-          display: flex;
-          flex-wrap: wrap;
-          gap: ${s.tag.gapContainer}px;
-          width: 100%;
-
-          --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline}px;
-
-          ${i?r.css`
-                --clear-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2}px;
-              `:""};
-          ${a?r.css`
-                --loading-size: ${s.default.loading+e.consts[n].padding.inline*2}px;
-              `:""};
-          max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));
-          white-space: nowrap;
-          padding: ${s.tag.paddingContainer}px;
-
-          &-item {
-            flex: 0 0 auto;
-            max-width: 100%;
-            align-self: center;
-          }
-
-          .${t}-selection-search-input {
-            margin-left: ${e.consts[n].padding.inline-e.consts[n].containerPadding-s.tag.paddingContainer}px;
-          }
-        }
-
-        .${t}-selection-item {
-          ${d.typography("label",g.getLabelTypographySize(n))};
-
-          display: flex;
-          align-items: center;
-          gap: ${s.tag.gap}px;
-          padding: ${s.tag.paddingTopBottom}px ${s.tag.paddingRight}px ${s.tag.paddingTopBottom}px
-            ${s.tag.paddingLeft}px;
-          border-radius: 4px;
-          ${c()};
-
-          &:hover {
-            ${c(p.FabricsVariables.States.Hover)};
-
-            ${o&&r.css`
-              background-color: ${c().backgroundColor};
-              color: ${c().color};
-            `}
-          }
-
-          &:active {
-            ${c(p.FabricsVariables.States.Press)};
-          }
-
-          &:first-child {
-            margin-left: 0;
-          }
-
-          &-content {
-            text-overflow: ellipsis;
-            overflow: hidden;
-          }
-
-          &-remove {
-            display: flex;
-            cursor: pointer;
-          }
-
-          &-disabled {
-            cursor: not-allowed;
-          }
-        }
-
-        .${t}-selection-placeholder {
-          position: absolute;
-          top: 50%;
-          left: ${e.consts[n].padding.inline}px;
-
-          --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
-          ${a?r.css`
-                --loading-size: ${s.default.loading+e.consts[n].padding.inline*2}px;
-              `:""};
-          right: calc(var(--loading-size, 0px) + var(--arrow-size));
-          transform: translateY(-50%);
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          min-width: 0;
-          width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
-          max-width: 100%;
-        }
-
-        .${t}-selection-search {
-          position: relative;
-          min-width: 0;
-          max-width: 100%;
-
-          &-input,
-          &-mirror {
-            padding: 0;
-            font-family: system-ui;
-          }
-
-          &-mirror {
-            z-index: ${b.ZIndexes.SELECT};
-            white-space: nowrap;
-            position: absolute;
-            left: 10px;
-            top: 0;
-            visibility: hidden;
-          }
-        }
-      }
-    `}}
-`,k=r.css(({prefixCls:t,$size:n,allowClear:i,loading:a})=>{const o=w.consts[n];return r.css`
-    &-single .${t}-selector {
-      .${t}-selection-search {
-        width: 100%;
-
-        &-input {
-          width: 100%;
-        }
-      }
-
-      .${t}-selection-item, .${t}-selection-placeholder {
-        left: ${e.consts[n].containerPadding+e.consts[n].padding.inline}px;
-      }
-
-      .${t}-selection-item, .${t}-selection-placeholder {
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-
-      .${t}-selection-placeholder {
-        position: absolute;
-        top: 50%;
-        left: ${e.consts[n].padding.inline+e.consts[n].containerPadding}px;
-
-        --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
-        ${a?r.css`
-              --loading-size: ${o.default.loading+e.consts[n].padding.inline*2}px;
-            `:""};
-        right: calc(var(--loading-size, 0px) + var(--arrow-size));
-        transform: translateY(-50%);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        min-width: 0;
-        width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));
-        max-width: 100%;
-      }
-
-      .${t}-selection-item {
-        display: inline-block;
-
-        --arrow-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2+e.consts[n].containerPadding+e.consts[n].containerGap}px;
-        ${i?r.css`
-              --clear-size: ${e.consts[n].iconSize+e.consts[n].padding.inline*2}px;
-            `:""};
-        ${a?r.css`
-              --loading-size: ${o.default.loading+e.consts[n].padding.inline*2}px;
-            `:""};
-        width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  `}),V=r.css(({$size:t,prefixCls:n,theme:i})=>{const a=e.consts[t],o={foundation:"surface",selectedProminence:"subtle"},d=i.layer(o);return r.css`
-    &-item {
-      ${i.typography("paragraph",g.getParagraphTypographySize(t))};
-      &-group {
-        ${i.typography("label",g.getLabelTypographySize(t))};
-        position: relative;
-        padding: ${a.padding.block+a.containerPadding}px ${a.padding.inline}px;
-        color: ${d[l.Variables.TextOnFoundationSubtle]};
-
-        ::after {
-          content: '';
-          position: absolute;
-          height: 1px;
-          bottom: 4px;
-          left: ${a.padding.block+a.containerPadding}px;
-          right: ${a.padding.block+a.containerPadding}px;
-          background-color: ${d[l.Variables.BorderOnFoundationSubtle]};
-        }
-      }
-
-      &-option-content {
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-
-      &-option {
-        ${i.typography("label",g.getLabelTypographySize(t))};
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        position: relative;
-        padding: ${a.padding.block+a.containerPadding}px ${a.padding.inline}px;
-        border-radius: 4px;
-        background: ${d[l.Variables.BackgroundFoundation]};
-        color: ${d[l.Variables.TextOnFoundationStrong]};
-        cursor: pointer;
-        transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-
-        /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead */
-        &-active {
-          background: ${i.layer({...o,state:p.FabricsVariables.States.Hover})[l.Variables.BackgroundFoundation]};
-
-          &:active {
-            background: ${i.layer({...o,state:p.FabricsVariables.States.Press})[l.Variables.BackgroundFoundation]};
-          }
-        }
-
-        .${n}-item-option-state {
-          display: none;
-          position: relative;
-          pointer-events: none;
-        }
-
-        &-selected {
-          background: ${d[l.Variables.BackgroundSelected]};
-
-          &:hover {
-            background: ${i.layer({...o,state:p.FabricsVariables.States.Hover})[l.Variables.BackgroundSelected]};
-          }
-
-          &:active {
-            background: ${i.layer({...o,state:p.FabricsVariables.States.Press})[l.Variables.BackgroundSelected]};
-          }
-
-          .${n}-item-option-state {
-            display: inline-flex;
-          }
-        }
-
-        &-disabled {
-          color: ${i.layer({foundation:"surface",disabled:!0})[l.Variables.TextOnFoundationSubtle]};
-          cursor: not-allowed;
-        }
-      }
-
-      &-empty {
-        text-align: center;
-      }
-    }
-  `}),F=r.styled.div`
-  ${({prefixCls:t,$size:n,$invalid:i,$disabled:a,theme:o})=>{const d=w.consts[n],s=e.consts[n],c=v.useStyles(o),u=o.layer({foundation:"surface"});return r.css`
-      ${m.WrapperStyles};
-      padding: 0;
-      min-width: 0;
-
-      ${o.typography("label",g.getLabelTypographySize(n))};
-      .${t} {
-        ${V};
-      }
-
-      &.${t} {
-        ${k};
-        ${f};
-
-        cursor: ${a?"not-allowed":"pointer"};
-
-        .${t}-selector {
-          padding: ${s.containerPadding}px;
-          position: relative;
-          display: flex;
-          align-items: center;
-          width: 100%;
-
-          .${t}-selection-wrap {
-            max-width: 100%;
-            width: 100%;
-          }
-        }
-
-        .${t}-selection-search-input {
-          cursor: inherit;
-        }
-
-        .${t}-selection-placeholder {
-          ${y.getPlaceholderFontStyles(o,a)};
-        }
-
-        .${t}-clear {
-          --clear-right: ${e.consts[n].containerGap*2+e.consts[n].iconSize+e.consts[n].padding.inline}px;
-          position: absolute;
-          top: 0;
-          right: var(--clear-right);
-          width: 0;
-          bottom: 0;
-        }
-
-        .${t}-arrow.${t}-arrow-loading + .${t}-clear {
-          right: calc(
-            var(--clear-right) +
-              ${e.consts[n].containerGap+e.consts[n].padding.inline+d.default.loading}px
-          );
-        }
-
-        &-show-arrow {
-          .${t}-arrow {
-            &,
-            & svg {
-              color: ${o.layer({foundation:"surface",disabled:a})[l.Variables.TextOnFoundationStrong]};
-            }
-            position: absolute;
-            right: ${e.consts[n].containerGap}px;
-            display: flex;
-            gap: ${e.consts[n].containerGap}px;
-            pointer-events: none;
-            top: ${e.consts[n].containerGap}px;
-            bottom: ${e.consts[n].containerGap}px;
-            ${n===b.Sizes.XSmall&&r.css`
-              top: ${h.getInputBorderStyles(n,i&&!a?"invalid":"normal",!1).borderWidth}px;
-              bottom: ${h.getInputBorderStyles(n,i&&!a?"invalid":"normal",!1).borderWidth}px;
-            `};
-            align-items: flex-start;
-
-            &-loading {
-              &::before {
-                content: '';
-                display: inline-block;
-                width: ${d.default.loading}px;
-                height: ${d.default.loading}px;
-                margin-top: ${e.consts[n].containerGap}px;
-                margin-right: ${e.consts[n].padding.inline-e.consts[n].containerGap}px;
-                border-radius: 100%;
-                border: 2px solid ${u[l.Variables.BorderOnFoundationSubtle]};
-                border-top-color: ${u[l.Variables.BorderOnFoundationStrong]};
-                animation: ${x.rotate} 0.8s linear infinite;
-                box-sizing: border-box;
-              }
-            }
-          }
-        }
-
-        /* ============== Dropdown =============== */
-        &-dropdown {
-          z-index: ${b.ZIndexes.SELECT};
-          position: absolute;
-          max-width: 100%;
-          border: none;
-          background-color: ${c.background};
-          color: ${c.color};
-          filter: ${c.dropShadow};
-          will-change: filter;
-
-          .rc-virtual-list-holder-inner {
-            gap: ${s.padding.block}px;
-          }
-
-          &::before {
-            display: none;
-          }
-        }
-
-        &-dropdown > div,
-        &-dropdown:hover > div {
-          width: 100%;
-          padding: ${s.padding.block}px;
-          border-radius: ${s.affixBorderRadius}px;
-        }
-
-        &-dropdown-hidden,
-        &-dropdown-hidden:hover {
-          display: none;
-        }
-      }
-
-      .${t}-dropdown {
-        &-slide-up-enter,
-        &-slide-up-appear {
-          opacity: 0;
-          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
-          animation-play-state: paused;
-        }
-
-        &-slide-up-leave {
-          opacity: 1;
-          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-          animation-play-state: paused;
-        }
-
-        &-slide-up-enter.${t}-slide-up-enter-active, &-slide-up-appear.${t}-slide-up-appear-active {
-          &.${t}-placement-bottomLeft {
-            animation-name: ${$.rcSelectDropdownSlideUpIn};
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-leave.${t}-slide-up-leave-active {
-          &.${t}-placement-bottomLeft {
-            animation-name: ${$.rcSelectDropdownSlideUpOut};
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-enter.${t}-slide-up-enter-active, &-slide-up-appear.${t}-slide-up-appear-active {
-          &.${t}-placement-topLeft {
-            animation-name: rcSelectDropdownSlideDownIn;
-            animation-play-state: running;
-          }
-        }
-
-        &-slide-up-leave.${t}-slide-up-leave-active {
-          &.${t}-placement-topLeft {
-            animation-name: rcSelectDropdownSlideDownOut;
-            animation-play-state: running;
-          }
-        }
-      }
-    `}}
-`;exports.Select=F;
-//# sourceMappingURL=Select.styles.js.map

package/build/cjs/components/DeprecatedSelect/Select.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/DeprecatedSelect/Select.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { getPlaceholderFontStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\nimport { InputConsts, InputStyles, InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectProps } from 'rc-select';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getParagraphTypographySize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { rotate } from '../../utils/styleUtils';\nimport { rcSelectDropdownSlideUpIn, rcSelectDropdownSlideUpOut } from './utils/styleUtils';\nimport type { ISelectProps } from './Select.types';\nimport { getSelectedOptionTagStyles } from './utils/selectedOptionTagStyleUtils';\n\ninterface StyledSelectProps\n  extends SelectProps,\n    Required<PickTransient<ISelectProps, 'size'>>,\n    PickTransient<ISelectProps, 'disabled' | 'invalid'> {}\n\nconst Multiple = css<StyledSelectProps>`\n  ${({ prefixCls, $size, allowClear, loading, disabled, theme }) => {\n    const sizes = SelectConsts.consts[$size];\n    const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting) =>\n      getSelectedOptionTagStyles(theme, state, disabled);\n\n    return css<StyledSelectProps>`\n      &-multiple .${prefixCls}-selector {\n        position: relative;\n        display: flex;\n        flex-wrap: wrap;\n        padding: 0;\n        min-height: ${InputConsts.consts[$size].containerHeight}px;\n\n        .${prefixCls}-selection-overflow {\n          position: relative;\n          display: flex;\n          flex-wrap: wrap;\n          gap: ${sizes.tag.gapContainer}px;\n          width: 100%;\n\n          --arrow-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline}px;\n\n          ${allowClear\n            ? css`\n                --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          ${loading\n            ? css`\n                --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));\n          white-space: nowrap;\n          padding: ${sizes.tag.paddingContainer}px;\n\n          &-item {\n            flex: 0 0 auto;\n            max-width: 100%;\n            align-self: center;\n          }\n\n          .${prefixCls}-selection-search-input {\n            margin-left: ${InputConsts.consts[$size].padding.inline -\n            InputConsts.consts[$size].containerPadding -\n            sizes.tag.paddingContainer}px;\n          }\n        }\n\n        .${prefixCls}-selection-item {\n          ${theme.typography('label', getLabelTypographySize($size))};\n\n          display: flex;\n          align-items: center;\n          gap: ${sizes.tag.gap}px;\n          padding: ${sizes.tag.paddingTopBottom}px ${sizes.tag.paddingRight}px ${sizes.tag.paddingTopBottom}px\n            ${sizes.tag.paddingLeft}px;\n          border-radius: 4px;\n          ${getStyles()};\n\n          &:hover {\n            ${getStyles(FabricsVariables.States.Hover)};\n\n            ${disabled &&\n            css`\n              background-color: ${getStyles().backgroundColor};\n              color: ${getStyles().color};\n            `}\n          }\n\n          &:active {\n            ${getStyles(FabricsVariables.States.Press)};\n          }\n\n          &:first-child {\n            margin-left: 0;\n          }\n\n          &-content {\n            text-overflow: ellipsis;\n            overflow: hidden;\n          }\n\n          &-remove {\n            display: flex;\n            cursor: pointer;\n          }\n\n          &-disabled {\n            cursor: not-allowed;\n          }\n        }\n\n        .${prefixCls}-selection-placeholder {\n          position: absolute;\n          top: 50%;\n          left: ${InputConsts.consts[$size].padding.inline}px;\n\n          --arrow-size: ${InputConsts.consts[$size].iconSize +\n          InputConsts.consts[$size].padding.inline * 2 +\n          InputConsts.consts[$size].containerPadding +\n          InputConsts.consts[$size].containerGap}px;\n          ${loading\n            ? css`\n                --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n              `\n            : ''};\n          right: calc(var(--loading-size, 0px) + var(--arrow-size));\n          transform: translateY(-50%);\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          min-width: 0;\n          width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n          max-width: 100%;\n        }\n\n        .${prefixCls}-selection-search {\n          position: relative;\n          min-width: 0;\n          max-width: 100%;\n\n          &-input,\n          &-mirror {\n            padding: 0;\n            font-family: system-ui;\n          }\n\n          &-mirror {\n            z-index: ${ZIndexes.SELECT};\n            white-space: nowrap;\n            position: absolute;\n            left: 10px;\n            top: 0;\n            visibility: hidden;\n          }\n        }\n      }\n    `;\n  }}\n`;\n\nconst Single = css<StyledSelectProps>(({ prefixCls, $size, allowClear, loading }) => {\n  const sizes = SelectConsts.consts[$size];\n\n  return css<StyledSelectProps>`\n    &-single .${prefixCls}-selector {\n      .${prefixCls}-selection-search {\n        width: 100%;\n\n        &-input {\n          width: 100%;\n        }\n      }\n\n      .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n        left: ${InputConsts.consts[$size].containerPadding + InputConsts.consts[$size].padding.inline}px;\n      }\n\n      .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      .${prefixCls}-selection-placeholder {\n        position: absolute;\n        top: 50%;\n        left: ${InputConsts.consts[$size].padding.inline + InputConsts.consts[$size].containerPadding}px;\n\n        --arrow-size: ${InputConsts.consts[$size].iconSize +\n        InputConsts.consts[$size].padding.inline * 2 +\n        InputConsts.consts[$size].containerPadding +\n        InputConsts.consts[$size].containerGap}px;\n        ${loading\n          ? css`\n              --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        right: calc(var(--loading-size, 0px) + var(--arrow-size));\n        transform: translateY(-50%);\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n        max-width: 100%;\n      }\n\n      .${prefixCls}-selection-item {\n        display: inline-block;\n\n        --arrow-size: ${InputConsts.consts[$size].iconSize +\n        InputConsts.consts[$size].padding.inline * 2 +\n        InputConsts.consts[$size].containerPadding +\n        InputConsts.consts[$size].containerGap}px;\n        ${allowClear\n          ? css`\n              --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        ${loading\n          ? css`\n              --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n            `\n          : ''};\n        width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  `;\n});\n\nconst Option = css<StyledSelectProps>(({ $size, prefixCls, theme }) => {\n  const sizes = InputConsts.consts[$size];\n  const modes: ModesType = { foundation: 'surface', selectedProminence: 'subtle' };\n  const layer = theme.layer(modes);\n\n  return css`\n    &-item {\n      ${theme.typography('paragraph', getParagraphTypographySize($size))};\n      &-group {\n        ${theme.typography('label', getLabelTypographySize($size))};\n        position: relative;\n        padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n\n        ::after {\n          content: '';\n          position: absolute;\n          height: 1px;\n          bottom: 4px;\n          left: ${sizes.padding.block + sizes.containerPadding}px;\n          right: ${sizes.padding.block + sizes.containerPadding}px;\n          background-color: ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n      }\n\n      &-option-content {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n\n      &-option {\n        ${theme.typography('label', getLabelTypographySize($size))};\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        position: relative;\n        padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n        border-radius: 4px;\n        background: ${layer[Variables.BackgroundFoundation]};\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        cursor: pointer;\n        transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n\n        /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead */\n        &-active {\n          background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n            Variables.BackgroundFoundation\n          ]};\n\n          &:active {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n              Variables.BackgroundFoundation\n            ]};\n          }\n        }\n\n        .${prefixCls}-item-option-state {\n          display: none;\n          position: relative;\n          pointer-events: none;\n        }\n\n        &-selected {\n          background: ${layer[Variables.BackgroundSelected]};\n\n          &:hover {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n              Variables.BackgroundSelected\n            ]};\n          }\n\n          &:active {\n            background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n              Variables.BackgroundSelected\n            ]};\n          }\n\n          .${prefixCls}-item-option-state {\n            display: inline-flex;\n          }\n        }\n\n        &-disabled {\n          color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n          cursor: not-allowed;\n        }\n      }\n\n      &-empty {\n        text-align: center;\n      }\n    }\n  `;\n});\n\nconst Select = styled.div<StyledSelectProps>`\n  ${({ prefixCls, $size, $invalid, $disabled, theme }) => {\n    const sizes = SelectConsts.consts[$size];\n    const inputSizes = InputConsts.consts[$size];\n    const dropdownStyles = TooltipUtils.useStyles(theme);\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css<StyledSelectProps>`\n      ${InputStyles.WrapperStyles};\n      padding: 0;\n      min-width: 0;\n\n      ${theme.typography('label', getLabelTypographySize($size))};\n      .${prefixCls} {\n        ${Option};\n      }\n\n      &.${prefixCls} {\n        ${Single};\n        ${Multiple};\n\n        cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n\n        .${prefixCls}-selector {\n          padding: ${inputSizes.containerPadding}px;\n          position: relative;\n          display: flex;\n          align-items: center;\n          width: 100%;\n\n          .${prefixCls}-selection-wrap {\n            max-width: 100%;\n            width: 100%;\n          }\n        }\n\n        .${prefixCls}-selection-search-input {\n          cursor: inherit;\n        }\n\n        .${prefixCls}-selection-placeholder {\n          ${getPlaceholderFontStyles(theme, $disabled)};\n        }\n\n        .${prefixCls}-clear {\n          --clear-right: ${InputConsts.consts[$size].containerGap * 2 +\n          InputConsts.consts[$size].iconSize +\n          InputConsts.consts[$size].padding.inline}px;\n          position: absolute;\n          top: 0;\n          right: var(--clear-right);\n          width: 0;\n          bottom: 0;\n        }\n\n        .${prefixCls}-arrow.${prefixCls}-arrow-loading + .${prefixCls}-clear {\n          right: calc(\n            var(--clear-right) +\n              ${InputConsts.consts[$size].containerGap +\n              InputConsts.consts[$size].padding.inline +\n              sizes.default.loading}px\n          );\n        }\n\n        &-show-arrow {\n          .${prefixCls}-arrow {\n            &,\n            & svg {\n              color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n            }\n            position: absolute;\n            right: ${InputConsts.consts[$size].containerGap}px;\n            display: flex;\n            gap: ${InputConsts.consts[$size].containerGap}px;\n            pointer-events: none;\n            top: ${InputConsts.consts[$size].containerGap}px;\n            bottom: ${InputConsts.consts[$size].containerGap}px;\n            ${$size === Sizes.XSmall &&\n            css`\n              top: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n                .borderWidth}px;\n              bottom: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n                .borderWidth}px;\n            `};\n            align-items: flex-start;\n\n            &-loading {\n              &::before {\n                content: '';\n                display: inline-block;\n                width: ${sizes.default.loading}px;\n                height: ${sizes.default.loading}px;\n                margin-top: ${InputConsts.consts[$size].containerGap}px;\n                margin-right: ${InputConsts.consts[$size].padding.inline - InputConsts.consts[$size].containerGap}px;\n                border-radius: 100%;\n                border: 2px solid ${layer[Variables.BorderOnFoundationSubtle]};\n                border-top-color: ${layer[Variables.BorderOnFoundationStrong]};\n                animation: ${rotate} 0.8s linear infinite;\n                box-sizing: border-box;\n              }\n            }\n          }\n        }\n\n        /* ============== Dropdown =============== */\n        &-dropdown {\n          z-index: ${ZIndexes.SELECT};\n          position: absolute;\n          max-width: 100%;\n          border: none;\n          background-color: ${dropdownStyles.background};\n          color: ${dropdownStyles.color};\n          filter: ${dropdownStyles.dropShadow};\n          will-change: filter;\n\n          .rc-virtual-list-holder-inner {\n            gap: ${inputSizes.padding.block}px;\n          }\n\n          &::before {\n            display: none;\n          }\n        }\n\n        &-dropdown > div,\n        &-dropdown:hover > div {\n          width: 100%;\n          padding: ${inputSizes.padding.block}px;\n          border-radius: ${inputSizes.affixBorderRadius}px;\n        }\n\n        &-dropdown-hidden,\n        &-dropdown-hidden:hover {\n          display: none;\n        }\n      }\n\n      .${prefixCls}-dropdown {\n        &-slide-up-enter,\n        &-slide-up-appear {\n          opacity: 0;\n          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n          animation-play-state: paused;\n        }\n\n        &-slide-up-leave {\n          opacity: 1;\n          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n          animation-play-state: paused;\n        }\n\n        &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n          &.${prefixCls}-placement-bottomLeft {\n            animation-name: ${rcSelectDropdownSlideUpIn};\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n          &.${prefixCls}-placement-bottomLeft {\n            animation-name: ${rcSelectDropdownSlideUpOut};\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n          &.${prefixCls}-placement-topLeft {\n            animation-name: rcSelectDropdownSlideDownIn;\n            animation-play-state: running;\n          }\n        }\n\n        &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n          &.${prefixCls}-placement-topLeft {\n            animation-name: rcSelectDropdownSlideDownOut;\n            animation-play-state: running;\n          }\n        }\n      }\n    `;\n  }}\n`;\n\nexport { Select };\n"],"names":["Multiple","css","prefixCls","$size","allowClear","loading","disabled","theme","sizes","SelectConsts.consts","getStyles","state","FabricsVariables","getSelectedOptionTagStyles","InputConsts.consts","getLabelTypographySize","ZIndexes","Single","Option","modes","layer","getParagraphTypographySize","Variables","Select","styled","$invalid","$disabled","inputSizes","dropdownStyles","TooltipUtils.useStyles","InputStyles.WrapperStyles","getPlaceholderFontStyles","Sizes","InputUtils.getInputBorderStyles","rotate","rcSelectDropdownSlideUpIn","rcSelectDropdownSlideUpOut"],"mappings":"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"}

package/build/cjs/components/DeprecatedSelect/components/Icons/Icons.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../react-base/src/components/Select/Select.consts.js"),c=require("../../../Icon/components/Check.js"),n=require("../../../Icon/components/Cross.js"),t=e=>({width:o.consts[e].icon.size,height:o.consts[e].icon.size}),i=({size:e})=>s.jsx(c,{...t(e)}),r=({size:e})=>s.jsx(n,{...t(e)});exports.RemoveIcon=r;exports.SelectedIcon=i;
-//# sourceMappingURL=Icons.js.map

package/build/cjs/components/DeprecatedSelect/components/Icons/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { SelectConsts, type SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport Check from '../../../Icon/components/Check';\nimport ChevronDown from '../../../Icon/components/ChevronDown';\nimport Cross from '../../../Icon/components/Cross';\n\nexport type SelectIconProps = {\n  size: SelectTypes.Size;\n};\n\nconst getDimensions = (size: SelectTypes.Size) => ({\n  width: SelectConsts.consts[size].icon.size,\n  height: SelectConsts.consts[size].icon.size,\n});\n\nexport const ArrowIcon = ({ size }: SelectIconProps): ReactElement => <ChevronDown {...getDimensions(size)} />;\n\nexport const SelectedIcon = ({ size }: SelectIconProps): ReactElement => <Check {...getDimensions(size)} />;\n\nexport const ClearIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n\nexport const RemoveIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n"],"names":["getDimensions","size","SelectConsts.consts","SelectedIcon","Check","RemoveIcon","Cross"],"mappings":"0TAYMA,EAAiBC,IAA4B,CACjD,MAAOC,EAAAA,OAAoBD,CAAI,EAAE,KAAK,KACtC,OAAQC,EAAAA,OAAoBD,CAAI,EAAE,KAAK,IACzC,GAIaE,EAAe,CAAC,CAAE,KAAAF,WAA2CG,EAAA,CAAO,GAAGJ,EAAcC,CAAI,CAAA,CAAG,EAI5FI,EAAa,CAAC,CAAE,KAAAJ,WAA2CK,EAAA,CAAO,GAAGN,EAAcC,CAAI,CAAA,CAAG"}

package/build/cjs/components/DeprecatedSelect/components/NativeSelect/NativeSelect.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),m=require("classnames"),q=require("../../../../react-base/src/consts/index.js"),N=require("../../../Icon/components/ChevronSmallDown.js"),r=require("./NativeSelect.styles.js"),c=require("../../../../react-base/src/consts/classes.js"),d=u.forwardRef(({className:l,size:s=q.Sizes.Medium,disabled:t=!1,invalid:a=!1,wrapperProps:n,tabIndex:S=0,...i},o)=>e.jsxs(r.NativeSelectWrapper,{className:m(c.SELECT_CLASS,l),$size:s,$invalid:a,$disabled:t,tabIndex:S,...n,children:[e.jsx(r.NativeSelect,{ref:o,className:`${c.SELECT_CLASS}-select`,disabled:t,$selectSize:s,...i}),!i.multiple&&e.jsx(N,{width:24,height:24})]}));module.exports=d;
-//# sourceMappingURL=NativeSelect.js.map

package/build/cjs/components/DeprecatedSelect/components/NativeSelect/NativeSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { ChevronSmallDown } from '../../../Icon/components';\nimport * as Styled from './NativeSelect.styles';\nimport type { INativeSelectProps } from './NativeSelect.types';\n\nconst NativeSelect = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      disabled = false,\n      invalid = false,\n      wrapperProps,\n      tabIndex = 0,\n      ...rest\n    }: INativeSelectProps,\n    ref: ForwardedRef<HTMLSelectElement>,\n  ) => (\n    <Styled.NativeSelectWrapper\n      className={classNames(SELECT_CLASS, className)}\n      $size={size}\n      $invalid={invalid}\n      $disabled={disabled}\n      tabIndex={tabIndex}\n      {...wrapperProps}\n    >\n      <Styled.NativeSelect\n        ref={ref}\n        className={`${SELECT_CLASS}-select`}\n        disabled={disabled}\n        $selectSize={size}\n        {...rest}\n      />\n      {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\n    </Styled.NativeSelectWrapper>\n  ),\n);\n\nexport default NativeSelect;\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown"],"mappings":"+SASMA,EAAeC,EAAAA,WACnB,CACE,CACE,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,aAAAC,EACA,SAAAC,EAAW,EACX,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,oBAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcZ,CAAS,EAC7C,MAAOC,EACP,SAAUG,EACV,UAAWD,EACX,SAAAG,EACC,GAAGD,EAEJ,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,aAAA,CACC,IAAAN,EACA,UAAW,GAAGI,EAAAA,YAAY,UAC1B,SAAAT,EACA,YAAaF,EACZ,GAAGM,CAAA,CAAA,EAEL,CAACA,EAAK,UAAYM,MAACE,GAAiB,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CAAA,CAGlE"}