@salutejs/plasma-new-hope 0.338.0-canary.2277.18342250629.0 → 0.338.0-canary.2280.18409919038.0

package/es/index.js

@@ -11,7 +11,6 @@ export { addFocus } from './mixins/addFocus.js';
 export { body1, body2, body3, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, button1, button2, caption, display1, display2, display3, dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, footnote1, footnote2, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, headline1, headline2, headline3, headline4, paragraph1, paragraph2, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, underline } from './mixins/typography.js';
 export { applyRoundness, getRoundness, radiuses } from './mixins/applyRoundness.js';
 export { applySkeletonGradient, getSkeletonColor } from './mixins/applySkeletonGradient.js';
-export { applyDisabled } from './mixins/applyDisabled.js';
 export { applyHidden } from './mixins/applyHidden.js';
 export { createApplyPaperMixin } from './mixins/createApplyPaperMixin.js';
 export { component, mergeConfig } from './engines/common.js';
@@ -36,6 +35,7 @@ export { createEvent } from './utils/createEvent.js';
 export { noop } from './utils/noop.js';
 export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
 export { createConditionalComponent } from './utils/createConditionalComponent.js';
+export { getTokenValueInPixels } from './utils/getTokenValueInPixels.js';
 export { fixedForwardRef } from './utils/fixedForwardRef.js';
 export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
 export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
@@ -261,6 +261,8 @@ export { informationWrapperConfig, informationWrapperRoot } from './components/I
 export { classes as informationWrapperClasses, tokens as informationWrapperTokens } from './components/InformationWrapper/InformationWrapper.tokens.js';
 export { navigationDrawerConfig, navigationDrawerRoot } from './components/NavigationDrawer/NavigationDrawer.js';
 export { tokens as navigationDrawerTokens } from './components/NavigationDrawer/NavigationDrawer.tokens.js';
+export { progressBarCircularConfig, progressBarCircularRoot } from './components/ProgressBarCircular/ProgressBarCircular.js';
+export { tokens as progressBarCircularTokens } from './components/ProgressBarCircular/ProgressBarCircular.tokens.js';
 export { timePickerConfig, timePickerRoot } from './components/TimePicker/TimePicker.js';
 export { classes as timePickerClasses, tokens as timePickerTokens } from './components/TimePicker/TimePicker.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/getTokenValueInPixels.js

@@ -0,0 +1,27 @@
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+var getTokenValueInPixels = function getTokenValueInPixels(tokenName, element) {
+  var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
+  if (!tokenValue) {
+    return undefined;
+  }
+  var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
+  if (!valueMatch) {
+    return undefined;
+  }
+  var _valueMatch = _slicedToArray(valueMatch, 3),
+    number = _valueMatch[1],
+    unit = _valueMatch[2];
+  var numericValue = parseFloat(number);
+  if (unit === 'px') {
+    return numericValue;
+  }
+  if (unit === 'rem') {
+    var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
+    return numericValue * rootFontSize;
+  }
+  return undefined;
+};
+
+export { getTokenValueInPixels };
+//# sourceMappingURL=getTokenValueInPixels.js.map

package/es/utils/getTokenValueInPixels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTokenValueInPixels.js","sources":["../../src/utils/getTokenValueInPixels.ts"],"sourcesContent":["export const getTokenValueInPixels = (tokenName: string, element: HTMLElement): number | undefined => {\n    const tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();\n\n    if (!tokenValue) {\n        return undefined;\n    }\n\n    const valueMatch = tokenValue.match(/^([\\d.]+)(rem|px)$/);\n\n    if (!valueMatch) {\n        return undefined;\n    }\n\n    const [, number, unit] = valueMatch;\n    const numericValue = parseFloat(number);\n\n    if (unit === 'px') {\n        return numericValue;\n    }\n    if (unit === 'rem') {\n        const rootFontSize = parseFloat(getComputedStyle(element).fontSize);\n        return numericValue * rootFontSize;\n    }\n\n    return undefined;\n};\n"],"names":["getTokenValueInPixels","tokenName","element","tokenValue","getComputedStyle","getPropertyValue","trim","undefined","valueMatch","match","_valueMatch","_slicedToArray","number","unit","numericValue","parseFloat","rootFontSize","fontSize"],"mappings":";;AAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,SAAiB,EAAEC,OAAoB,EAAyB;AAClG,EAAA,IAAMC,UAAU,GAAGC,gBAAgB,CAACF,OAAO,CAAC,CAACG,gBAAgB,CAACJ,SAAS,CAAC,CAACK,IAAI,EAAE,CAAA;EAE/E,IAAI,CAACH,UAAU,EAAE;AACb,IAAA,OAAOI,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAMC,UAAU,GAAGL,UAAU,CAACM,KAAK,CAAC,oBAAoB,CAAC,CAAA;EAEzD,IAAI,CAACD,UAAU,EAAE;AACb,IAAA,OAAOD,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAAG,WAAA,GAAAC,cAAA,CAAyBH,UAAU,EAAA,CAAA,CAAA;AAA1BI,IAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,WAAA,CAAA,CAAA,CAAA,CAAA;AACrB,EAAA,IAAMI,YAAY,GAAGC,UAAU,CAACH,MAAM,CAAC,CAAA;EAEvC,IAAIC,IAAI,KAAK,IAAI,EAAE;AACf,IAAA,OAAOC,YAAY,CAAA;AACvB,GAAA;EACA,IAAID,IAAI,KAAK,KAAK,EAAE;IAChB,IAAMG,YAAY,GAAGD,UAAU,CAACX,gBAAgB,CAACF,OAAO,CAAC,CAACe,QAAQ,CAAC,CAAA;IACnE,OAAOH,YAAY,GAAGE,YAAY,CAAA;AACtC,GAAA;AAEA,EAAA,OAAOT,SAAS,CAAA;AACpB;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { getTokenValueInPixels } from './getTokenValueInPixels';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.338.0-canary.2277.18342250629.0",
+  "version": "0.338.0-canary.2280.18409919038.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a24a66781397571c0d5fd968866e2f9de5565ab7"
+  "gitHead": "c513ab146a150c8c0dae83fbb8005adbfb1a044d"
 }

package/styled-components/cjs/components/Chip/Chip.js

@@ -126,7 +126,8 @@ function _object_without_properties_loose(source, excluded) {
 var chipRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var children = props.children, text = props.text, contentLeft = props.contentLeft, contentRight = props.contentRight, contentClearButton = props.contentClearButton, _props_hasClear = props.hasClear, hasClear = _props_hasClear === void 0 ? true : _props_hasClear, size = props.size, className = props.className, onClear = props.onClear, onClick = props.onClick, onClickClose = props.onClickClose, _props_pilled = props.pilled, pilled = _props_pilled === void 0 ? false : _props_pilled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, // @ts-ignore
-        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, rest = _object_without_properties(props, [
+        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, // @ts-ignore
+        chipClickArea = props.chipClickArea, rest = _object_without_properties(props, [
             "children",
             "text",
             "contentLeft",
@@ -141,7 +142,8 @@ var chipRoot = function(Root) {
             "pilled",
             "readOnly",
             "disabled",
-            "_forceChipManipulationWithReadonly"
+            "_forceChipManipulationWithReadonly",
+            "chipClickArea"
         ]);
         var txt = !text && typeof children === 'string' ? children : text;
         var pilledClass = pilled ? _Chiptokens.classes.pilled : undefined;
@@ -152,14 +154,16 @@ var chipRoot = function(Root) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            onClear === null || onClear === void 0 ? void 0 : onClear();
         };
         var handleClickClose = function(event) {
-            if (disabled || readOnly || !onClickClose) {
+            if (disabled || readOnly && !_forceChipManipulationWithReadonly || !onClickClose) {
                 return;
             }
             event.stopPropagation();
             onClickClose(event);
+            if (onClear) {
+                onClear();
+            }
         };
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             type: "button",
@@ -168,7 +172,7 @@ var chipRoot = function(Root) {
             tabIndex: readOnly ? -1 : 0,
             onClick: handleClick,
             disabled: disabled,
-            readOnly: !disabled && readOnly,
+            readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
             size: size
         }, rest), contentLeft && /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentRight, {
             hasClear: hasClear

package/styled-components/cjs/components/Chip/Chip.styles.js

@@ -74,7 +74,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentLeft",
-    componentId: "sc-9d5799f0-0"
+    componentId: "sc-ea11377a-0"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
@@ -83,14 +83,14 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 ], _Chiptokens.tokens.leftContentMarginLeft, _Chiptokens.tokens.leftContentMarginRight, _Chiptokens.tokens.leftContentColor);
 var StyledContentMain = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentMain",
-    componentId: "sc-9d5799f0-1"
+    componentId: "sc-ea11377a-1"
 })([
     "",
     ";"
 ], (0, _mixins.applyEllipsis)());
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentRight",
-    componentId: "sc-9d5799f0-2"
+    componentId: "sc-ea11377a-2"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:",
@@ -100,10 +100,11 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
 });
 var StyledContentClear = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentClear",
-    componentId: "sc-9d5799f0-3"
+    componentId: "sc-ea11377a-3"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
     ");color:var(",
-    ");"
-], _Chiptokens.tokens.clearContentMarginLeft, _Chiptokens.tokens.clearContentMarginRight, _Chiptokens.tokens.closeIconColor);
+    ");:hover{color:var(",
+    ");}"
+], _Chiptokens.tokens.clearContentMarginLeft, _Chiptokens.tokens.clearContentMarginRight, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColorHover);

package/styled-components/cjs/components/Chip/Chip.tokens.js

@@ -36,6 +36,7 @@ var tokens = {
     closeIconColor: '--plasma-chip-close-icon-color',
     closeIconColorHover: '--plasma-chip-close-icon-color-hover',
     closeIconColorActive: '--plasma-chip-close-icon-color-active',
+    closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
     leftContentColor: '--plasma-chip-left-content-color',
     borderRadius: '--plasma-chip-border-radius',
     pilledBorderRadius: '--plasma-chip-pilled-border-radius',

package/styled-components/cjs/components/Chip/variations/_disabled/base.js

@@ -10,9 +10,13 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _Chiptokens = require("../../Chip.tokens");
+var _Chipstyles = require("../../Chip.styles");
 var base = (0, _styledcomponents.css)([
     "&[disabled]{opacity:var(",
     ");cursor:not-allowed;:hover,:active{scale:none;color:var(",
     ");background-color:var(",
-    ");}}"
-], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColor);

package/styled-components/cjs/components/Chip/variations/_readonly/base.js

@@ -10,10 +10,14 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _Chiptokens = require("../../Chip.tokens");
+var _Chipstyles = require("../../Chip.styles");
 var base = (0, _styledcomponents.css)([
     "&[readonly]{color:var(",
     ");background-color:var(",
     ");:hover,:active{scale:none;cursor:default;color:var(",
     ");background-color:var(",
-    ");}}"
-], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColorReadonly, _Chiptokens.tokens.closeIconColorReadonly);

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

@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var comboboxRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
-        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
+        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
@@ -251,6 +251,7 @@ var comboboxRoot = function(Root) {
             "onScroll",
             "onToggle",
             "mode",
+            "chipClickArea",
             "_offset"
         ]);
         var transformedItems = (0, _react.useMemo)(function() {
@@ -664,8 +665,9 @@ var comboboxRoot = function(Root) {
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
+                    _chipClickArea: chipClickArea,
                     _chips: getChips(),
-                    _onChipClick: handleChipClick
+                    _onChipCloseClick: handleChipClick
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -202,6 +202,8 @@ var tokens = {
     textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
     textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
     textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
+    textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
+    textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
     textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
     textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
     textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Target.styles__StyledTextField",
-    componentId: "sc-7712693a-0"
+    componentId: "sc-e19acd42-0"
 })([
     "",
     ":var(",
@@ -323,5 +323,9 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
+], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);

package/styled-components/cjs/components/Drawer/Drawer.js

@@ -134,7 +134,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_positionFixed = _param.positionFixed, positionFixed = _param_positionFixed === void 0 ? false : _param_positionFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -157,7 +157,6 @@ var drawerRoot = function(Root) {
             "onEscKeyDown",
             "offset",
             "frame",
-            "positionFixed",
             "borderRadius",
             "placement",
             "closeOnEsc",
@@ -209,7 +208,6 @@ var drawerRoot = function(Root) {
             placement: placement,
             popupInfo: drawerInfo,
             frame: frame,
-            positionFixed: positionFixed,
             width: innerWidth,
             height: innerHeight,
             offset: offset,

package/styled-components/cjs/components/Modal/Modal.js

@@ -21,10 +21,10 @@ var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _engines = require("../../engines");
 var _hooks = require("../../hooks");
+var _Icon = require("../_Icon");
 var _Popup = require("../Popup");
 var _Overlay = require("../Overlay");
 var _utils1 = require("../Popup/utils");
-var _IconClose = require("../_Icon/Icons/IconClose");
 var _Modaltokens = require("./Modal.tokens");
 var _hooks1 = require("./hooks");
 var _base = require("./variations/_view/base");
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
 var Popup = (0, _engines.component)(_Popup.popupConfig);
 var modalRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, overlay = _param.overlay, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -151,7 +151,8 @@ var modalRoot = function(Root) {
             "hasBody",
             "hasClose",
             "resizable",
-            "draggable"
+            "draggable",
+            "overlay"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
@@ -204,9 +205,9 @@ var modalRoot = function(Root) {
             popupInfo: modalInfo,
             withAnimation: withAnimation,
             zIndex: zIndex,
-            overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
+            overlay: /*#__PURE__*/ _react.default.createElement(Root, {
                 view: view
-            }, overlayNode),
+            }, overlay || overlayNode),
             draggable: draggable,
             resizable: resizable
         }, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
@@ -214,7 +215,7 @@ var modalRoot = function(Root) {
         }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
             onClick: onClose,
             "data-test": "modal-close"
-        }, /*#__PURE__*/ _react.default.createElement(_IconClose.IconClose, {
+        }, /*#__PURE__*/ _react.default.createElement(_Icon.IconClose, {
             size: "s",
             color: "currentColor"
         })), children))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children));

package/styled-components/cjs/components/Popup/Popup.styles.js

@@ -81,25 +81,25 @@ var base = (0, _styledcomponents.css)([
 ], _Popuptokens.classes.draggablePopupWrapper, _Popuptokens.classes.draggingPopupWrapper, _Popuptokens.classes.resizableContainerNoSelect);
 var StyledPortal = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-e809f9e3-0"
+    componentId: "sc-e8036c4-0"
 })([
     ""
 ]);
 var StyledPortalContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-e809f9e3-1"
+    componentId: "sc-e8036c4-1"
 })([
     "width:0;"
 ]);
 var PopupView = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-e809f9e3-2"
+    componentId: "sc-e8036c4-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 var PopupRootContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-e809f9e3-3"
+    componentId: "sc-e8036c4-3"
 })([
     "position:",
     ";z-index:",
@@ -110,8 +110,8 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
     ";transform:",
     ";"
 ], function(param) {
-    var frame = param.frame, positionFixed = param.positionFixed;
-    return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
+    var frame = param.frame;
+    return frame === 'document' ? 'fixed' : 'absolute';
 }, function(param) {
     var zIndex = param.zIndex;
     return zIndex || _utils.DEFAULT_Z_INDEX;
@@ -133,7 +133,7 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
 });
 var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
     displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-e809f9e3-4"
+    componentId: "sc-e8036c4-4"
 })([
     "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
     "{transform:rotate(-90deg);}&.",