@salutejs/plasma-new-hope 0.134.0-canary.1406.10622689231.0 → 0.134.0-canary.1406.10628421547.0

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -12,13 +12,15 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
 import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../utils';
 import { useOutsideClick } from '../../../hooks';
+import { sizeToIconSize } from '../../Select/utils';
+import { classes } from './Combobox.tokens';
 import { FloatingPopover } from './FloatingPopover';
 import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId } from './utils';
 import { Inner, StyledTextField } from './ui';
 import { pathReducer, focusedPathReducer } from './reducers';
 import { getPathMap, getTreeMaps } from './hooks/getPathMaps';
-import { Ul, base } from './Combobox.styles';
+import { Ul, base, StyledArrow, IconArrowWrapper } from './Combobox.styles';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 export var Context = /*#__PURE__*/createContext({});
@@ -296,6 +298,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
     }, [value]);
     var isCurrentListOpen = Boolean(path[0]);
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       size: size,
       view: view,
@@ -337,7 +340,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
           label: label,
           placeholder: placeholder,
           contentLeft: contentLeft,
-          contentRight: contentRight,
+          contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+            color: "inherit",
+            size: sizeToIconSize(size),
+            className: withArrowInverse
+          })),
           textBefore: textBefore,
           textAfter: textAfter,
           onKeyDown: onKeyDown,

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
 import { css } from 'styled-components';
-import { tokens, constants } from './Combobox.tokens';
+import { IconDisclosureDownCentered } from '../../_Icon';
+import { tokens, constants, classes } from './Combobox.tokens';
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-0"
 })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
@@ -16,4 +17,10 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
   var isInnerUl = _ref4.isInnerUl;
   return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
 }, tokens.padding);
+export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-2kddkg-1"
+})(["line-height:0;color:var(", ");.", "{transform:rotate(-180deg);}"], constants.disclosureIconColor, classes.arrowInverse);
+export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
+  componentId: "plasma-new-hope__sc-2kddkg-2"
+})([""]);
 export var base = /*#__PURE__*/css([""]);

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAkB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FA0VtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5VQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAmX3F,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FAmWtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBArWQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA4X3F,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts

@@ -6,5 +6,7 @@ export declare const Ul: import("@linaria/react").StyledComponent<import("react"
     listWidth?: ComboboxProps['listWidth'];
     isInnerUl?: boolean | undefined;
 }>;
+export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
 export declare const base: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=Combobox.styles.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAezC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAezC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC"}