@salutejs/plasma-new-hope 0.110.0-canary.1307.10056755335.0 → 0.110.0-dev.0

package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var keys = {
+  Enter: 'Enter',
+  Space: 'Space',
+  Tab: 'Tab',
+  Escape: 'Escape',
+  ArrowLeft: 'ArrowLeft',
+  ArrowRight: 'ArrowRight',
+  ArrowUp: 'ArrowUp',
+  ArrowDown: 'ArrowDown',
+  Home: 'Home',
+  End: 'End',
+  PageUp: 'PageUp',
+  PageDown: 'PageDown'
+};
+var useKeyNavigation = function useKeyNavigation(_ref) {
+  var isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen,
+    focused = _ref.focused,
+    dispatchFocused = _ref.dispatchFocused,
+    finalResults = _ref.finalResults,
+    handleItemClick = _ref.handleItemClick;
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case keys.ArrowDown:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setFirstItem'
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setNextItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.ArrowUp:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setLastItem',
+              listLength: finalResults.length
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setPrevItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Home:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setFirstItem'
+          });
+          break;
+        }
+      case keys.End:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setLastItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Enter:
+        {
+          if (!isOpen || focused === null) {
+            return;
+          }
+          dispatchFocused({
+            type: 'reset'
+          });
+          handleItemClick(finalResults[focused]);
+          break;
+        }
+      case keys.Tab:
+      case keys.Escape:
+        {
+          if (!isOpen) {
+            return;
+          }
+          setIsOpen(false);
+          dispatchFocused({
+            type: 'reset'
+          });
+          break;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};
+
+exports.keys = keys;
+exports.useKeyNavigation = useKeyNavigation;
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Autocomplete/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { SuggestionItemType } from '../Autocomplete.types';\nimport type { FocusedPathAction } from '../reducers/focusedReducer';\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface Props {\n    isOpen: boolean;\n    setIsOpen: (e: boolean) => void;\n    focused: number | null;\n    dispatchFocused: Dispatch<FocusedPathAction>;\n    finalResults: SuggestionItemType[];\n    handleItemClick: (e: SuggestionItemType) => void;\n}\n\nexport const useKeyNavigation = ({\n    isOpen,\n    setIsOpen,\n    focused,\n    dispatchFocused,\n    finalResults,\n    handleItemClick,\n}: Props): ReturnedProps => {\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowDown: {\n                if (!isOpen) {\n                    setIsOpen(true);\n                    dispatchFocused({ type: 'setFirstItem' });\n                    break;\n                }\n\n                dispatchFocused({ type: 'setNextItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.ArrowUp: {\n                if (!isOpen) {\n                    setIsOpen(true);\n                    dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n                    break;\n                }\n\n                dispatchFocused({ type: 'setPrevItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.Home: {\n                if (!isOpen) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'setFirstItem' });\n\n                break;\n            }\n\n            case keys.End: {\n                if (!isOpen) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.Enter: {\n                if (!isOpen || focused === null) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'reset' });\n                handleItemClick(finalResults[focused]);\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                if (!isOpen) {\n                    return;\n                }\n\n                setIsOpen(false);\n                dispatchFocused({ type: 'reset' });\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","useKeyNavigation","_ref","isOpen","setIsOpen","focused","dispatchFocused","finalResults","handleItemClick","onKeyDown","event","code","type","listLength","length"],"mappings":"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"}

package/cjs/components/Autocomplete/reducers/focusedReducer.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function focusedReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return null;
+      }
+    case 'setNextItem':
+      {
+        if (state === action.listLength - 1) {
+          return state;
+        }
+        if (state === null) {
+          return 0;
+        }
+        return state + 1;
+      }
+    case 'setPrevItem':
+      {
+        if (state === 0) {
+          return state;
+        }
+        if (state === null) {
+          return action.listLength - 1;
+        }
+        return state - 1;
+      }
+    case 'setFirstItem':
+      {
+        return 0;
+      }
+    case 'setLastItem':
+      {
+        return action.listLength - 1;
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+exports.focusedReducer = focusedReducer;
+//# sourceMappingURL=focusedReducer.js.map

package/cjs/components/Autocomplete/reducers/focusedReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedReducer.js","sources":["../../../../src/components/Autocomplete/reducers/focusedReducer.ts"],"sourcesContent":["export type FocusedState = number | null;\n\nexport type FocusedPathAction =\n    | { type: 'reset' }\n    | { type: 'setNextItem'; listLength: number }\n    | { type: 'setPrevItem'; listLength: number }\n    | { type: 'setFirstItem' }\n    | { type: 'setLastItem'; listLength: number };\n\nexport function focusedReducer(state: FocusedState, action: FocusedPathAction): FocusedState {\n    switch (action.type) {\n        case 'reset': {\n            return null;\n        }\n\n        case 'setNextItem': {\n            if (state === action.listLength - 1) {\n                return state;\n            }\n\n            if (state === null) {\n                return 0;\n            }\n\n            return state + 1;\n        }\n\n        case 'setPrevItem': {\n            if (state === 0) {\n                return state;\n            }\n\n            if (state === null) {\n                return action.listLength - 1;\n            }\n\n            return state - 1;\n        }\n\n        case 'setFirstItem': {\n            return 0;\n        }\n\n        case 'setLastItem': {\n            return action.listLength - 1;\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["focusedReducer","state","action","type","listLength"],"mappings":";;;;AASO,SAASA,cAAcA,CAACC,KAAmB,EAAEC,MAAyB,EAAgB;EACzF,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,IAAIF,KAAK,KAAKC,MAAM,CAACE,UAAU,GAAG,CAAC,EAAE;AACjC,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;QAChB,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,SAAA;QAEA,OAAOH,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAA;AACZ,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOH,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css

@@ -0,0 +1,2 @@
+.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Autocomplete_tokens = require('../../Autocomplete.tokens.js');
+var SuggestionItem_styles = require('./SuggestionItem.styles.js');
+
+var SuggestionItem = function SuggestionItem(_ref) {
+  var item = _ref.item,
+    id = _ref.id,
+    onClick = _ref.onClick,
+    focused = _ref.focused;
+  var ref = React.useRef(null);
+  var focusedClass = focused ? Autocomplete_tokens.classes.suggestionItemIsFocused : undefined;
+  var handleClick = function handleClick() {
+    if (onClick) {
+      onClick(item);
+    }
+  };
+  React.useEffect(function () {
+    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focusedClass]);
+  return /*#__PURE__*/React.createElement(SuggestionItem_styles.Wrapper, {
+    id: id,
+    role: "option",
+    "aria-selected": focused,
+    onClick: handleClick,
+    ref: ref,
+    className: focusedClass
+  }, item.contentLeft, /*#__PURE__*/React.createElement(SuggestionItem_styles.StyledText, null, item.label), item.contentRight);
+};
+
+exports.SuggestionItem = SuggestionItem;
+//# sourceMappingURL=SuggestionItem.js.map

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionItem.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef } from 'react';\n\nimport { classes } from '../../Autocomplete.tokens';\n\nimport { StyledText, Wrapper } from './SuggestionItem.styles';\nimport type { SuggestionItemProps } from './SuggestionItem.type';\n\nexport const SuggestionItem: FC<SuggestionItemProps> = ({ item, id, onClick, focused }) => {\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const focusedClass = focused ? classes.suggestionItemIsFocused : undefined;\n\n    const handleClick = () => {\n        if (onClick) {\n            onClick(item);\n        }\n    };\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <Wrapper id={id} role=\"option\" aria-selected={focused} onClick={handleClick} ref={ref} className={focusedClass}>\n            {item.contentLeft}\n            <StyledText>{item.label}</StyledText>\n            {item.contentRight}\n        </Wrapper>\n    );\n};\n"],"names":["SuggestionItem","_ref","item","id","onClick","focused","ref","useRef","focusedClass","classes","suggestionItemIsFocused","undefined","handleClick","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","Wrapper","role","className","contentLeft","StyledText","label","contentRight"],"mappings":";;;;;;;;IAOaA,cAAuC,GAAG,SAA1CA,cAAuCA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CAAA;AAChF,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAAuB,IAAI,CAAC,CAAA;EAE9C,IAAMC,YAAY,GAAGH,OAAO,GAAGI,2BAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAE1E,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIR,OAAO,EAAE;MACTA,OAAO,CAACF,IAAI,CAAC,CAAA;AACjB,KAAA;GACH,CAAA;AAEDW,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIL,YAAY,IAAIF,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEQ,OAAO,EAAE;AAC9BR,MAAAA,GAAG,CAACQ,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,oBACIW,KAAA,CAAAC,aAAA,CAACC,6BAAO,EAAA;AAAClB,IAAAA,EAAE,EAAEA,EAAG;AAACmB,IAAAA,IAAI,EAAC,QAAQ;AAAC,IAAA,eAAA,EAAejB,OAAQ;AAACD,IAAAA,OAAO,EAAEQ,WAAY;AAACN,IAAAA,GAAG,EAAEA,GAAI;AAACiB,IAAAA,SAAS,EAAEf,YAAAA;AAAa,GAAA,EAC1GN,IAAI,CAACsB,WAAW,eACjBL,KAAA,CAAAC,aAAA,CAACK,gCAAU,EAAEvB,IAAAA,EAAAA,IAAI,CAACwB,KAAkB,CAAC,EACpCxB,IAAI,CAACyB,YACD,CAAC,CAAA;AAElB;;;;"}

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js

@@ -0,0 +1,21 @@
+import './SuggestionItem.styles_lpdinw.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var StyledText = /*#__PURE__*/react.styled('div')({
+  name: "StyledText",
+  "class": "s1siyv9w",
+  propsAsIs: false
+});
+var Wrapper = /*#__PURE__*/react.styled('li')({
+  name: "Wrapper",
+  "class": "wykobsk",
+  propsAsIs: false
+});
+
+exports.StyledText = StyledText;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=SuggestionItem.styles.js.map

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionItem.styles.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens, classes } from '../../Autocomplete.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li`\n    display: flex;\n    align-items: center;\n    margin: 0;\n    box-sizing: content-box;\n    padding: var(${tokens.itemPadding});\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeight});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n    user-select: none;\n\n    &:hover {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.suggestionItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});\n            }\n        `,\n    })};\n`;\n"],"names":["StyledText","styled","name","class","propsAsIs","Wrapper"],"mappings":";;;;;;AAKO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuC5B;;;;;"}

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css

@@ -0,0 +1,2 @@
+.s1siyv9w{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.wykobsk{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wykobsk:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.wykobsk:focus{outline:none;}.wykobsk::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wykobsk.suggestion-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}

package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -0,0 +1,23 @@
+import './TextField.styles_sx1sq7.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var TextField$1 = require('../../../TextField/TextField.js');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
+var TextField = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return TextField;
+};
+var StyledTextField = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledTextField",
+  "class": "sxqyqmu",
+  propsAsIs: true
+});
+
+exports.StyledTextField = StyledTextField;
+//# sourceMappingURL=TextField.styles.js.map

package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styles.js","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens as autocompleteTokens } from '../../Autocomplete.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n    ${textFieldTokens.color}: var(${autocompleteTokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${autocompleteTokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${autocompleteTokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${autocompleteTokens.textFieldBackgroundColorFocus});\n    ${textFieldTokens.borderColor}: var(${autocompleteTokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${autocompleteTokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${autocompleteTokens.textFieldBorderColorFocus});\n    ${textFieldTokens.colorReadOnly}: var(${autocompleteTokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${autocompleteTokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${autocompleteTokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${autocompleteTokens.textFieldPlaceholderColorReadOnly});\n    ${textFieldTokens.caretColor}: var(${autocompleteTokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${autocompleteTokens.textFieldPlaceholderColor});\n    ${textFieldTokens.height}: var(${autocompleteTokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${autocompleteTokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${autocompleteTokens.textFieldBorderRadius});\n    ${textFieldTokens.padding}: var(${autocompleteTokens.textFieldPadding});\n    ${textFieldTokens.leftContentMargin}: var(${autocompleteTokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${autocompleteTokens.textFieldRightContentMargin});\n    ${textFieldTokens.fontFamily}: var(${autocompleteTokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${autocompleteTokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${autocompleteTokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${autocompleteTokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${autocompleteTokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${autocompleteTokens.textFieldLineHeight});\n    ${textFieldTokens.labelColor}: var(${autocompleteTokens.textFieldLabelColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${autocompleteTokens.textFieldLabelColorReadOnly});\n    ${textFieldTokens.labelOffset}: var(${autocompleteTokens.textFieldLabelOffset});\n    ${textFieldTokens.labelFontFamily}: var(${autocompleteTokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${autocompleteTokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${autocompleteTokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${autocompleteTokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${autocompleteTokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${autocompleteTokens.textFieldLabelLineHeight});\n    ${textFieldTokens.labelInnerFontFamily}: var(${autocompleteTokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${autocompleteTokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${autocompleteTokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${autocompleteTokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${autocompleteTokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${autocompleteTokens.textFieldLabelInnerLineHeight});\n    ${textFieldTokens.labelInnerPadding}: var(${autocompleteTokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${autocompleteTokens.textFieldContentLabelInnerPadding});\n    ${textFieldTokens.leftHelperColor}: var(${autocompleteTokens.textFieldLeftHelperColor});\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${autocompleteTokens.textFieldLeftHelperColorReadOnly});\n    ${textFieldTokens.leftHelperOffset}: var(${autocompleteTokens.textFieldLeftHelperOffset});\n    ${textFieldTokens.leftHelperFontFamily}: var(${autocompleteTokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${autocompleteTokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${autocompleteTokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${autocompleteTokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${autocompleteTokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${autocompleteTokens.textFieldLeftHelperLineHeight});\n    ${textFieldTokens.textBeforeColor}: var(${autocompleteTokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${autocompleteTokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${autocompleteTokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${autocompleteTokens.textFieldTextAfterMargin});\n    ${textFieldTokens.disabledOpacity}: var(${autocompleteTokens.textFieldDisabledOpacity});\n    ${textFieldTokens.focusColor}: var(${autocompleteTokens.textFieldFocusColor});\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0DpC;;;;"}

package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css

@@ -0,0 +1 @@
+.sxqyqmu{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}

package/cjs/components/EmptyState/EmptyState.css

@@ -0,0 +1,30 @@
+.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
+.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
+.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
+.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
+.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
+.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
+
+.EmptyState_styles_1o24i5h_spbib9h__0d5131e5{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
+.EmptyState_styles_1o24i5h_w1g2xar0__0d5131e5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
+.EmptyState_styles_1o24i5h_i21aoej__0d5131e5{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
+.EmptyState_styles_1o24i5h_d1brs29u__0d5131e5{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}

package/cjs/components/EmptyState/EmptyState.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var EmptyState_styles = require('./EmptyState.styles.js');
+
+/**
+ * Компонент для альтернативного показа содержимого выпадающего списка.
+ */
+var emptyStateRoot = function emptyStateRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var icon = props.icon,
+      description = props.description,
+      buttonText = props.buttonText,
+      buttonAction = props.buttonAction;
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(EmptyState_styles.Wrapper, null, icon && /*#__PURE__*/React.createElement(EmptyState_styles.IconWrapper, null, icon), /*#__PURE__*/React.createElement(EmptyState_styles.Description, null, description), buttonText && /*#__PURE__*/React.createElement(EmptyState_styles.StyledButton, {
+      stretching: "filled",
+      onClick: buttonAction
+    }, buttonText)));
+  });
+};
+var emptyStateConfig = {
+  name: 'EmptyState',
+  tag: 'div',
+  layout: emptyStateRoot,
+  base: '',
+  defaults: {
+    size: 'l'
+  },
+  variations: {}
+};
+
+exports.emptyStateConfig = emptyStateConfig;
+exports.emptyStateRoot = emptyStateRoot;
+//# sourceMappingURL=EmptyState.js.map

package/cjs/components/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { Wrapper, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n    forwardRef<HTMLDivElement, Props>((props, ref) => {\n        const { icon, description, buttonText, buttonAction } = props;\n\n        return (\n            <Root {...props} ref={ref}>\n                <Wrapper>\n                    {icon && <IconWrapper>{icon}</IconWrapper>}\n\n                    <Description>{description}</Description>\n\n                    {buttonText && (\n                        <StyledButton stretching=\"filled\" onClick={buttonAction}>\n                            {buttonText}\n                        </StyledButton>\n                    )}\n                </Wrapper>\n            </Root>\n        );\n    });\n\nexport const emptyStateConfig = {\n    name: 'EmptyState',\n    tag: 'div',\n    layout: emptyStateRoot,\n    base: '',\n    defaults: {\n        size: 'l',\n    },\n    variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","Wrapper","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;;;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,iCAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,eACtBK,KAAA,CAAAC,aAAA,CAACE,yBAAO,EACHP,IAAAA,EAAAA,IAAI,iBAAII,KAAA,CAAAC,aAAA,CAACG,6BAAW,QAAER,IAAkB,CAAC,eAE1CI,KAAA,CAAAC,aAAA,CAACI,6BAAW,QAAER,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,KAAA,CAAAC,aAAA,CAACK,8BAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAET,YAAAA;KACtCD,EAAAA,UACS,CAEb,CACP,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,cAAc;AACtBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;;"}

package/cjs/components/EmptyState/EmptyState.styles.js

@@ -0,0 +1,41 @@
+import './EmptyState.styles_1o24i5h.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var Button$1 = require('../Button/Button.js');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+
+var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
+var Button = /*#__PURE__*/common.component(mergedButtonConfig);
+var _exp = function _exp() {
+  return Button;
+};
+var StyledButton = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledButton",
+  "class": "spbib9h",
+  propsAsIs: true
+});
+var Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  "class": "w1g2xar0",
+  propsAsIs: false
+});
+var IconWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconWrapper",
+  "class": "i21aoej",
+  propsAsIs: false
+});
+var Description = /*#__PURE__*/react.styled('div')({
+  name: "Description",
+  "class": "d1brs29u",
+  propsAsIs: false
+});
+
+exports.Description = Description;
+exports.IconWrapper = IconWrapper;
+exports.StyledButton = StyledButton;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=EmptyState.styles.js.map

package/cjs/components/EmptyState/EmptyState.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styles.js","sources":["../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './EmptyState.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(--text-primary);\n    ${buttonTokens.buttonColorActive}: var(--text-primary-active);\n    ${buttonTokens.buttonColorHover}: var(--text-primary-hover);\n    ${buttonTokens.buttonBackgroundColor}: none;\n    ${buttonTokens.buttonPadding}: 0;\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonRadius}: 0;\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}: 600;\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    margin: var(${tokens.buttonMargin});\n`;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background: var(--surface-solid-card);\n    box-shadow: 0 4px 14px -4px rgba(8, 8, 8, 0.08), 0 1px 4px -1px rgba(0, 0, 0, 0.04);\n    border-radius: var(${tokens.borderRadius});\n    padding: var(${tokens.padding});\n    text-align: center;\n`;\n\nexport const IconWrapper = styled.div`\n    margin: var(${tokens.iconMargin});\n    line-height: 0;\n`;\n\nexport const Description = styled.div`\n    margin: var(${tokens.descriptionMargin});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","Wrapper","IconWrapper","Description"],"mappings":";;;;;;;;;AAOA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAP3BA,SAO2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAejC,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS5B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC;;;;;;;"}

package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css

@@ -0,0 +1,4 @@
+.spbib9h{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
+.w1g2xar0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
+.i21aoej{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
+.d1brs29u{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}

package/cjs/components/EmptyState/EmptyState.tokens.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tokens = {
+  borderRadius: '--plasma-emptystate-border-radius',
+  padding: '--plasma-emptystate-padding',
+  iconMargin: '--plasma-emptystate-icon-margin',
+  descriptionMargin: '--plasma-emptystate-description-margin',
+  buttonMargin: '--plasma-emptystate-button-margin',
+  buttonHeight: '--plasma-emptystate-button-height',
+  fontFamily: '--plasma-emptystate-font-family',
+  fontSize: '--plasma-emptystate-font-size',
+  fontStyle: '--plasma-emptystate-font-style',
+  fontWeight: '--plasma-emptystate-font-weight',
+  fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',
+  fontLineHeight: '--plasma-emptystate-font-line-height'
+};
+
+exports.tokens = tokens;
+//# sourceMappingURL=EmptyState.tokens.js.map

package/cjs/components/EmptyState/EmptyState.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.tokens.js","sources":["../../../src/components/EmptyState/EmptyState.tokens.ts"],"sourcesContent":["export const tokens = {\n    borderRadius: '--plasma-emptystate-border-radius',\n    padding: '--plasma-emptystate-padding',\n    iconMargin: '--plasma-emptystate-icon-margin',\n    descriptionMargin: '--plasma-emptystate-description-margin',\n    buttonMargin: '--plasma-emptystate-button-margin',\n    buttonHeight: '--plasma-emptystate-button-height',\n    fontFamily: '--plasma-emptystate-font-family',\n    fontSize: '--plasma-emptystate-font-size',\n    fontStyle: '--plasma-emptystate-font-style',\n    fontWeight: '--plasma-emptystate-font-weight',\n    fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',\n    fontLineHeight: '--plasma-emptystate-font-line-height',\n};\n"],"names":["tokens","borderRadius","padding","iconMargin","descriptionMargin","buttonMargin","buttonHeight","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,cAAc,EAAE,sCAAA;AACpB;;;;"}

package/cjs/components/TextField/TextField.js

@@ -180,7 +180,7 @@ var textFieldRoot = function textFieldRoot(Root) {
         },
         onClick: onChipClick
       });
-    })), /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({}, rest, {
+    })), /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({
       ref: inputForkRef,
       id: innerId,
       "aria-labelledby": labelId,
@@ -190,7 +190,7 @@ var textFieldRoot = function textFieldRoot(Root) {
       readOnly: !disabled && readOnly,
       onChange: handleChange,
       onKeyDown: handleOnKeyDown
-    })), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
+    }, rest)), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
       id: labelId,
       htmlFor: innerId
     }, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(TextField_styles.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {