npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2398.20426736662.0 - Mend

@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2398.20426736662.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1076) hide show

package/dist/css/es/components/Editable/Editable.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from './Editable.tokens.js';
 import { StyledPlacehpolder, StyledInput, EditButton, base } from './Editable.styles.js';
@@ -99,7 +99,7 @@ var editableRoot = function editableRoot(typographyVariants) {
         }
         inputRef.current.textContent = value;
       }, [value, textComponent]);
-      return /*#__PURE__*/React.createElement(Root, props, /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/React__default.createElement(Root, props, /*#__PURE__*/React__default.createElement(Component, {
         ref: innerRef,
         className: classes.editableTextBox,
         role: "textbox",
@@ -111,13 +111,13 @@ var editableRoot = function editableRoot(typographyVariants) {
         onFocus: handleFocus,
         onKeyDown: handleKeyDown,
         "aria-label": placeholder
-      }), ((_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current.length) === 0 && !isEditing && /*#__PURE__*/React.createElement(Component, null, /*#__PURE__*/React.createElement(StyledPlacehpolder, {
+      }), ((_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current.length) === 0 && !isEditing && /*#__PURE__*/React__default.createElement(Component, null, /*#__PURE__*/React__default.createElement(StyledPlacehpolder, {
         onClick: handleEditClick
-      }, placeholder)), /*#__PURE__*/React.createElement(StyledInput, {
+      }, placeholder)), /*#__PURE__*/React__default.createElement(StyledInput, {
         type: "hidden",
         value: prevValueRef.current,
         name: name
-      }), /*#__PURE__*/React.createElement(EditButton, {
+      }), /*#__PURE__*/React__default.createElement(EditButton, {
         onClick: handleEditClick,
         isHidden: isEditing
       }, icon));

package/dist/css/es/components/Editable/Editable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editable.js","sources":["../../../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value \|\| '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length \|\| 0;\n\n if (!maxLength \|\| contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent \|\| '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current \|\| typeof value === 'undefined' \|\| value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n});\n"],"names":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Editable.js","sources":["../../../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value \|\| '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length \|\| 0;\n\n if (!maxLength \|\| contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent \|\| '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current \|\| typeof value === 'undefined' \|\| value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n});\n"],"names":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/EmptyState/EmptyState.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { IconWrapper, Description, StyledButton, base } from './EmptyState.styles.js';
 /**
@@ -11,9 +11,9 @@ var emptyStateRoot = function emptyStateRoot(Root) {
       description = props.description,
       buttonText = props.buttonText,
       buttonAction = props.buttonAction;
-    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+    return /*#__PURE__*/React__default.createElement(Root, _extends({}, props, {
       ref: ref
-    }), icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), /*#__PURE__*/React.createElement(Description, null, description), buttonText && /*#__PURE__*/React.createElement(StyledButton, {
+    }), icon && /*#__PURE__*/React__default.createElement(IconWrapper, null, icon), /*#__PURE__*/React__default.createElement(Description, null, description), buttonText && /*#__PURE__*/React__default.createElement(StyledButton, {
       stretching: "filled",
       onClick: buttonAction
     }, buttonText));

package/dist/css/es/components/EmptyState/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
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 { base, 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 {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\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","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,UAAU,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,QAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;KACjBC,CAAAA,EAAAA,IAAI,iBAAII,~~KAAA~~,CAAAC,aAAA,CAACE,WAAW,EAAEP,IAAAA,EAAAA,IAAkB,CAAC,eAE1CI,~~KAAA~~,CAAAC,aAAA,CAACG,WAAW,EAAEP,IAAAA,EAAAA,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,~~KAAA~~,CAAAC,aAAA,CAACI,YAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAER,YAAAA;KACtCD,EAAAA,UACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,cAAc;AACtBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}
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 { base, 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 {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\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","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,UAAU,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,cAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;KACjBC,CAAAA,EAAAA,IAAI,iBAAII,cAAA,CAAAC,aAAA,CAACE,WAAW,EAAEP,IAAAA,EAAAA,IAAkB,CAAC,eAE1CI,cAAA,CAAAC,aAAA,CAACG,WAAW,EAAEP,IAAAA,EAAAA,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,cAAA,CAAAC,aAAA,CAACI,YAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAER,YAAAA;KACtCD,EAAAA,UACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,cAAc;AACtBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}

package/dist/css/es/components/Flow/Flow.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import chunk from 'lodash.chunk';
 import { Line, base } from './Flow.styles.js';
@@ -31,11 +31,11 @@ var flowRoot = function flowRoot(Root) {
       innerMainAxisGap = '0';
     }
     var hasChunks = Number(itemsPerLine) > 0;
-    var chunks = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];
+    var chunks = hasChunks ? chunk(React__default.Children.toArray(children), itemsPerLine) : [];
     var gap = isVertical ? "".concat(innerMainAxisGap, " ").concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " ").concat(innerMainAxisGap);
     var wrapperGap = isVertical ? "0 ".concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " 0");
     var lineGap = isVertical ? "".concat(innerMainAxisGap, " 0") : "0 ".concat(innerMainAxisGap);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       className: cls(className, {
         vertical: isVertical,
@@ -51,7 +51,7 @@ var flowRoot = function flowRoot(Root) {
       "data-arrangement": arrangement,
       "data-alignment": alignment
     }, rest), hasChunks && chunks.map(function (chunkNode) {
-      return /*#__PURE__*/React.createElement(Line, {
+      return /*#__PURE__*/React__default.createElement(Line, {
         className: cls({
           vertical: isVertical,
           grid: needGrid,

package/dist/css/es/components/Flow/Flow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flow.js","sources":["../../../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /*\n Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 \|\| hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' \|\| !Number.isNaN(+mainAxisGap) ? `${mainAxisGap \|\| 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' \|\| !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap \|\| 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' \|\| arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":";;;;;;;IAiBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,IAAA,IAbGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CACLM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAC1BE,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,SAAS,GAAAR,IAAA,CAATQ,SAAS;MAAAC,gBAAA,GAAAT,IAAA,CACTU,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,gBAAA;MAAAE,iBAAA,GAAAX,IAAA,CACjBY,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,iBAAA;MAAAE,gBAAA,GAAAb,IAAA,CAClBc,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,gBAAA;MACpBE,YAAY,GAAAf,IAAA,CAAZe,YAAY;AACTC,MAAAA,IAAI,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,UAAU,GAAGb,WAAW,KAAK,UAAU,CAAA;IAC7C,IAAMc,WAAW,GAAGC,OAAO,CAACP,WAAW,IAAIA,WAAW,KAAK,MAAM,CAAC,CAAA;AAClE,IAAA,IAAMQ,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,IAAIK,WAAW,CAAC,CAAA;IAEjE,IAAII,gBAAgB,GAChB,OAAOd,WAAW,KAAK,QAAQ,IAAI,CAACa,MAAM,CAACE,KAAK,CAAC,CAACf,WAAW,CAAC,GAAAgB,EAAAA,CAAAA,MAAA,CAAMhB,WAAW,IAAI,CAAC,EAAA,IAAA,CAAA,GAAOA,WAAW,CAAA;IAC1G,IAAMiB,iBAAiB,GACnB,OAAOf,YAAY,KAAK,QAAQ,IAAI,CAACW,MAAM,CAACE,KAAK,CAAC,CAACb,YAAY,CAAC,GAAAc,EAAAA,CAAAA,MAAA,CACvDd,YAAY,IAAI,CAAC,EAAA,IAAA,CAAA,GACpBA,YAAY,CAAA;AAEtB,IAAA,IAAIL,WAAW,KAAK,cAAc,IAAIA,WAAW,KAAK,aAAa,EAAE;AACjEiB,MAAAA,gBAAgB,GAAG,GAAG,CAAA;AAC1B,KAAA;AAEA,IAAA,IAAMI,SAAS,GAAGL,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,CAAA;AAC1C,IAAA,IAAMc,MAAyB,GAAGD,SAAS,GAAGE,KAAK,CAACC,~~KAAK~~,CAACC,QAAQ,CAACC,OAAO,CAAC/B,QAAQ,CAAC,EAAEa,YAAY,CAAC,GAAG,EAAE,CAAA;AAExG,IAAA,IAAMmB,GAAG,GAAGf,UAAU,MAAAO,MAAA,CACbF,gBAAgB,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAIC,iBAAiB,CAAA,GAAA,EAAA,CAAAD,MAAA,CACrCC,iBAAiB,OAAAD,MAAA,CAAIF,gBAAgB,CAAE,CAAA;IAEhD,IAAMW,UAAU,GAAGhB,UAAU,GAAAO,IAAAA,CAAAA,MAAA,CAAQC,iBAAiB,CAAAD,GAAAA,EAAAA,CAAAA,MAAA,CAAQC,iBAAiB,EAAI,IAAA,CAAA,CAAA;IACnF,IAAMS,OAAO,GAAGjB,UAAU,GAAAO,EAAAA,CAAAA,MAAA,CAAMF,gBAAgB,EAAAE,IAAAA,CAAAA,GAAAA,IAAAA,CAAAA,MAAA,CAAYF,gBAAgB,CAAE,CAAA;AAE9E,IAAA,oBACIO,~~KAAA~~,CAAAM,aAAA,CAACvC,IAAI,EAAAwC,QAAA,CAAA;AACDrC,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAEoC,GAAG,CAACpC,SAAS,EAAE;AACtBqC,QAAAA,QAAQ,EAAErB,UAAU;AACpBsB,QAAAA,IAAI,EAAErB,WAAW;AACjBsB,QAAAA,OAAO,EAAEtB,WAAW;AACpBQ,QAAAA,SAAS,EAATA,SAAAA;AACJ,OAAC,CAAE;AACHxB,MAAAA,KAAK,EAAAuC,cAAA,CAAAA,cAAA,KAEMvC,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,QAAA,sBAAsB,EAAEwB,SAAS,GAAGO,UAAU,GAAGD,GAAG;AACpD,QAAA,wBAAwB,EAAEU,MAAM,CAAC7B,YAAY,CAAC;QAC9C,4BAA4B,EAAE6B,MAAM,CAAC9B,WAAW,CAAA;OAMvD,CAAA;AACD,MAAA,kBAAA,EAAkBP,WAAY;MAC9B,gBAAgBC,EAAAA,SAAAA;KACZQ,EAAAA,IAAI,GAEPY,SAAS,IACNC,MAAM,CAACgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,oBACjBf,~~KAAA~~,CAAAM,aAAA,CAACU,IAAI,EAAA;QACD5C,SAAS,EAAEoC,GAAG,CAAC;AACXC,UAAAA,QAAQ,EAAErB,UAAU;AACpBsB,UAAAA,IAAI,EAAEnB,QAAQ;AACdoB,UAAAA,OAAO,EAAEtB,WAAAA;AACb,SAAC,CAAE;AACHhB,QAAAA,KAAK,EACD;AACI,UAAA,sBAAsB,EAAEgC,OAAAA;SAI/B;AACD,QAAA,kBAAA,EAAkB7B,WAAY;QAC9B,gBAAgBC,EAAAA,SAAAA;AAAU,OAAA,EAEzBsC,SACC,CAAC,CAAA;AAAA,KACV,CAAC,EACL,CAAClB,SAAS,IAAI1B,QACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM8C,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtD,QAAQ;AAChBuD,EAAAA,IAAI,EAAJA,IAAI;EACJC,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}
1	+ {"version":3,"file":"Flow.js","sources":["../../../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /*\n Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 \|\| hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' \|\| !Number.isNaN(+mainAxisGap) ? `${mainAxisGap \|\| 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' \|\| !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap \|\| 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' \|\| arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":";;;;;;;IAiBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,IAAA,IAbGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CACLM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAC1BE,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,SAAS,GAAAR,IAAA,CAATQ,SAAS;MAAAC,gBAAA,GAAAT,IAAA,CACTU,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,gBAAA;MAAAE,iBAAA,GAAAX,IAAA,CACjBY,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,iBAAA;MAAAE,gBAAA,GAAAb,IAAA,CAClBc,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,gBAAA;MACpBE,YAAY,GAAAf,IAAA,CAAZe,YAAY;AACTC,MAAAA,IAAI,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,UAAU,GAAGb,WAAW,KAAK,UAAU,CAAA;IAC7C,IAAMc,WAAW,GAAGC,OAAO,CAACP,WAAW,IAAIA,WAAW,KAAK,MAAM,CAAC,CAAA;AAClE,IAAA,IAAMQ,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,IAAIK,WAAW,CAAC,CAAA;IAEjE,IAAII,gBAAgB,GAChB,OAAOd,WAAW,KAAK,QAAQ,IAAI,CAACa,MAAM,CAACE,KAAK,CAAC,CAACf,WAAW,CAAC,GAAAgB,EAAAA,CAAAA,MAAA,CAAMhB,WAAW,IAAI,CAAC,EAAA,IAAA,CAAA,GAAOA,WAAW,CAAA;IAC1G,IAAMiB,iBAAiB,GACnB,OAAOf,YAAY,KAAK,QAAQ,IAAI,CAACW,MAAM,CAACE,KAAK,CAAC,CAACb,YAAY,CAAC,GAAAc,EAAAA,CAAAA,MAAA,CACvDd,YAAY,IAAI,CAAC,EAAA,IAAA,CAAA,GACpBA,YAAY,CAAA;AAEtB,IAAA,IAAIL,WAAW,KAAK,cAAc,IAAIA,WAAW,KAAK,aAAa,EAAE;AACjEiB,MAAAA,gBAAgB,GAAG,GAAG,CAAA;AAC1B,KAAA;AAEA,IAAA,IAAMI,SAAS,GAAGL,MAAM,CAACR,YAAY,CAAC,GAAG,CAAC,CAAA;AAC1C,IAAA,IAAMc,MAAyB,GAAGD,SAAS,GAAGE,KAAK,CAACC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAC/B,QAAQ,CAAC,EAAEa,YAAY,CAAC,GAAG,EAAE,CAAA;AAExG,IAAA,IAAMmB,GAAG,GAAGf,UAAU,MAAAO,MAAA,CACbF,gBAAgB,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAIC,iBAAiB,CAAA,GAAA,EAAA,CAAAD,MAAA,CACrCC,iBAAiB,OAAAD,MAAA,CAAIF,gBAAgB,CAAE,CAAA;IAEhD,IAAMW,UAAU,GAAGhB,UAAU,GAAAO,IAAAA,CAAAA,MAAA,CAAQC,iBAAiB,CAAAD,GAAAA,EAAAA,CAAAA,MAAA,CAAQC,iBAAiB,EAAI,IAAA,CAAA,CAAA;IACnF,IAAMS,OAAO,GAAGjB,UAAU,GAAAO,EAAAA,CAAAA,MAAA,CAAMF,gBAAgB,EAAAE,IAAAA,CAAAA,GAAAA,IAAAA,CAAAA,MAAA,CAAYF,gBAAgB,CAAE,CAAA;AAE9E,IAAA,oBACIO,cAAA,CAAAM,aAAA,CAACvC,IAAI,EAAAwC,QAAA,CAAA;AACDrC,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAEoC,GAAG,CAACpC,SAAS,EAAE;AACtBqC,QAAAA,QAAQ,EAAErB,UAAU;AACpBsB,QAAAA,IAAI,EAAErB,WAAW;AACjBsB,QAAAA,OAAO,EAAEtB,WAAW;AACpBQ,QAAAA,SAAS,EAATA,SAAAA;AACJ,OAAC,CAAE;AACHxB,MAAAA,KAAK,EAAAuC,cAAA,CAAAA,cAAA,KAEMvC,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,QAAA,sBAAsB,EAAEwB,SAAS,GAAGO,UAAU,GAAGD,GAAG;AACpD,QAAA,wBAAwB,EAAEU,MAAM,CAAC7B,YAAY,CAAC;QAC9C,4BAA4B,EAAE6B,MAAM,CAAC9B,WAAW,CAAA;OAMvD,CAAA;AACD,MAAA,kBAAA,EAAkBP,WAAY;MAC9B,gBAAgBC,EAAAA,SAAAA;KACZQ,EAAAA,IAAI,GAEPY,SAAS,IACNC,MAAM,CAACgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,oBACjBf,cAAA,CAAAM,aAAA,CAACU,IAAI,EAAA;QACD5C,SAAS,EAAEoC,GAAG,CAAC;AACXC,UAAAA,QAAQ,EAAErB,UAAU;AACpBsB,UAAAA,IAAI,EAAEnB,QAAQ;AACdoB,UAAAA,OAAO,EAAEtB,WAAAA;AACb,SAAC,CAAE;AACHhB,QAAAA,KAAK,EACD;AACI,UAAA,sBAAsB,EAAEgC,OAAAA;SAI/B;AACD,QAAA,kBAAA,EAAkB7B,WAAY;QAC9B,gBAAgBC,EAAAA,SAAAA;AAAU,OAAA,EAEzBsC,SACC,CAAC,CAAA;AAAA,KACV,CAAC,EACL,CAAClB,SAAS,IAAI1B,QACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM8C,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtD,QAAQ;AAChBuD,EAAAA,IAAI,EAAJA,IAAI;EACJC,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}

package/dist/css/es/components/Grid/Grid.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base } from './Grid.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -19,7 +19,7 @@ var gridRoot = function gridRoot(Root) {
     var maxWidthToken = maxWidthValue || maxWidth ? {
       '--plasma_private-grid-max-width': maxWidth || maxWidthValue
     } : {};
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       className: cx(viewClass, className),

package/dist/css/es/components/Grid/Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.js","sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view \|\| 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue \|\| maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth \|\| maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;IAUaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,IAAA,IAAQC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;MAAEC,IAAI,GAA0CH,KAAK,CAAnDG,IAAI;MAAEC,SAAS,GAA+BJ,KAAK,CAA7CI,SAAS;MAAEC,KAAK,GAAwBL,KAAK,CAAlCK,KAAK;MAAEC,QAAQ,GAAcN,KAAK,CAA3BM,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErE,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACR,IAAI,IAAI,SAAS,CAAC,CAAA;IACrD,IAAMS,aAAa,GAAGT,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AACxD,IAAA,IAAMU,aAAa,GACfD,aAAa,IAAIN,QAAQ,GACnB;MACI,iCAAiC,EAAEA,QAAQ,IAAIM,aAAAA;KAClD,GACD,EAAE,CAAA;AAEZ,IAAA,oBACIE,~~KAAA~~,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDf,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEa,EAAE,CAACP,SAAS,EAAEN,SAAS,CAAE;AACpCC,MAAAA,KAAK,EAAAa,cAAA,CAAAA,cAAA,CACEL,EAAAA,EAAAA,aAAa,GACbR,KAAK,CAAA;KAERE,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,QAAQ;AAChB0B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRrB,IAAAA,IAAI,EAAE;AACFsB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxB,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Grid.js","sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view \|\| 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue \|\| maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth \|\| maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;IAUaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,IAAA,IAAQC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;MAAEC,IAAI,GAA0CH,KAAK,CAAnDG,IAAI;MAAEC,SAAS,GAA+BJ,KAAK,CAA7CI,SAAS;MAAEC,KAAK,GAAwBL,KAAK,CAAlCK,KAAK;MAAEC,QAAQ,GAAcN,KAAK,CAA3BM,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErE,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACR,IAAI,IAAI,SAAS,CAAC,CAAA;IACrD,IAAMS,aAAa,GAAGT,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AACxD,IAAA,IAAMU,aAAa,GACfD,aAAa,IAAIN,QAAQ,GACnB;MACI,iCAAiC,EAAEA,QAAQ,IAAIM,aAAAA;KAClD,GACD,EAAE,CAAA;AAEZ,IAAA,oBACIE,cAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDf,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEa,EAAE,CAACP,SAAS,EAAEN,SAAS,CAAE;AACpCC,MAAAA,KAAK,EAAAa,cAAA,CAAAA,cAAA,CACEL,EAAAA,EAAAA,aAAa,GACbR,KAAK,CAAA;KAERE,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,QAAQ;AAChB0B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRrB,IAAAA,IAAI,EAAE;AACFsB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxB,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/Grid/ui/Col/Col.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../../../utils/index.js';
 import { getColTokens } from '../../utils/index.js';
 import { classes } from '../../Grid.tokens.js';
@@ -22,7 +22,7 @@ var Col = /*#__PURE__*/forwardRef(function (props, ref) {
     '--plasma_private-grid-col-default-size': size,
     '--plasma_private-grid-col-default-offset': offset
   };
-  return /*#__PURE__*/React.createElement(StyledCol, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledCol, _extends({
     ref: ref,
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultTokens), getColTokens(rest)), style),
     className: cx(classes.col, className)

package/dist/css/es/components/Grid/ui/Col/Col.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Col.js","sources":["../../../../../../../src/components/Grid/ui/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { getColTokens } from '../../utils';\nimport { classes } from '../../Grid.tokens';\n\nimport type { ColProps } from './Col.types';\nimport { StyledCol } from './Col.styles';\n\n/*\n Блок для размещения контента внутри себя.\n * По дефолту доступные пропсы для задания позиционирования:\n * smallM, mediumS, mediumM, largeS, largeM\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { className, style, size, offset, ...rest } = props;\n\n const defaultTokens = {\n '--plasma_private-grid-col-default-size': size,\n '--plasma_private-grid-col-default-offset': offset,\n };\n\n return (\n <StyledCol\n ref={ref}\n style={{\n ...defaultTokens,\n ...getColTokens(rest),\n ...style,\n }}\n className={cx(classes.col, className)}\n {...rest}\n />\n );\n});\n"],"names":["Col","forwardRef","props","ref","className","style","size","offset","rest","_objectWithoutProperties","_excluded","defaultTokens","React","createElement","StyledCol","_extends","_objectSpread","getColTokens","cx","classes","col"],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACpE,EAAA,IAAQC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,KAAK,GAA4BH,KAAK,CAAtCG,KAAK;IAAEC,IAAI,GAAsBJ,KAAK,CAA/BI,IAAI;IAAEC,MAAM,GAAcL,KAAK,CAAzBK,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEzD,EAAA,IAAMC,aAAa,GAAG;AAClB,IAAA,wCAAwC,EAAEL,IAAI;AAC9C,IAAA,0CAA0C,EAAEC,MAAAA;GAC/C,CAAA;AAED,EAAA,oBACIK,~~KAAA~~,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNZ,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,KAAK,EAAAW,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEL,aAAa,CAAA,EACbM,YAAY,CAACT,IAAI,CAAC,CAAA,EAClBH,KAAK,CACV;AACFD,IAAAA,SAAS,EAAEc,EAAE,CAACC,OAAO,CAACC,GAAG,EAAEhB,SAAS,CAAA;GAChCI,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CAAC;;;;"}
1	+ {"version":3,"file":"Col.js","sources":["../../../../../../../src/components/Grid/ui/Col/Col.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { getColTokens } from '../../utils';\nimport { classes } from '../../Grid.tokens';\n\nimport type { ColProps } from './Col.types';\nimport { StyledCol } from './Col.styles';\n\n/*\n Блок для размещения контента внутри себя.\n * По дефолту доступные пропсы для задания позиционирования:\n * smallM, mediumS, mediumM, largeS, largeM\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { className, style, size, offset, ...rest } = props;\n\n const defaultTokens = {\n '--plasma_private-grid-col-default-size': size,\n '--plasma_private-grid-col-default-offset': offset,\n };\n\n return (\n <StyledCol\n ref={ref}\n style={{\n ...defaultTokens,\n ...getColTokens(rest),\n ...style,\n }}\n className={cx(classes.col, className)}\n {...rest}\n />\n );\n});\n"],"names":["Col","forwardRef","props","ref","className","style","size","offset","rest","_objectWithoutProperties","_excluded","defaultTokens","React","createElement","StyledCol","_extends","_objectSpread","getColTokens","cx","classes","col"],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACpE,EAAA,IAAQC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,KAAK,GAA4BH,KAAK,CAAtCG,KAAK;IAAEC,IAAI,GAAsBJ,KAAK,CAA/BI,IAAI;IAAEC,MAAM,GAAcL,KAAK,CAAzBK,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEzD,EAAA,IAAMC,aAAa,GAAG;AAClB,IAAA,wCAAwC,EAAEL,IAAI;AAC9C,IAAA,0CAA0C,EAAEC,MAAAA;GAC/C,CAAA;AAED,EAAA,oBACIK,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNZ,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,KAAK,EAAAW,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEL,aAAa,CAAA,EACbM,YAAY,CAACT,IAAI,CAAC,CAAA,EAClBH,KAAK,CACV;AACFD,IAAAA,SAAS,EAAEc,EAAE,CAACC,OAAO,CAACC,GAAG,EAAEhB,SAAS,CAAA;GAChCI,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CAAC;;;;"}

package/dist/css/es/components/Grid/ui/Row/Row.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledRow } from './Row.styles.js';
 var _excluded = ["children"];
@@ -12,7 +12,7 @@ var _excluded = ["children"];
 var Row = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(StyledRow, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledRow, _extends({
     ref: ref
   }, rest), children);
 });

package/dist/css/es/components/Grid/ui/Row/Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Row.js","sources":["../../../../../../../src/components/Grid/ui/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { StyledRow } from './Row.styles';\n\n/*\n Блок для размещения колонок (``<Col />``) по горизонтали.\n * Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием ``Col``.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const Row = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <StyledRow ref={ref} {...rest}>\n {children}\n </StyledRow>\n );\n});\n"],"names":["Row","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledRow","_extends"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAAiD,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC1F,EAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,EAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AAACR,IAAAA,GAAG,EAAEA,GAAAA;GAASE,EAAAA,IAAI,CACxBD,EAAAA,QACM,CAAC,CAAA;AAEpB,CAAC;;;;"}
1	+ {"version":3,"file":"Row.js","sources":["../../../../../../../src/components/Grid/ui/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { StyledRow } from './Row.styles';\n\n/*\n Блок для размещения колонок (``<Col />``) по горизонтали.\n * Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием ``Col``.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const Row = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <StyledRow ref={ref} {...rest}>\n {children}\n </StyledRow>\n );\n});\n"],"names":["Row","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledRow","_extends"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,IAAMA,GAAG,gBAAGC,UAAU,CAAiD,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC1F,EAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AAACR,IAAAA,GAAG,EAAEA,GAAAA;GAASE,EAAAA,IAAI,CACxBD,EAAAA,QACM,CAAC,CAAA;AAEpB,CAAC;;;;"}

package/dist/css/es/components/Image/Image.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledImg, StyledDivImg, base } from './Image.styles.js';
 import { ratios } from './Image.utils.js';
@@ -32,15 +32,15 @@ var imageRoot = function imageRoot(Root) {
     var ratioToken = {
       '--plasma_private-image-pading-bottom': ratio ? "".concat(ratios[ratio], "%") : rootCustomRatio
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: outerRootRef,
       style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, style), widthToken), heightToken), ratioToken)
-    }, rest), base === 'img' && /*#__PURE__*/React.createElement(StyledImg, {
+    }, rest), base === 'img' && /*#__PURE__*/React__default.createElement(StyledImg, {
       src: src,
       srcSet: srcSet,
       sizes: sizes,
       alt: alt
-    }), base === 'div' && /*#__PURE__*/React.createElement(StyledDivImg, {
+    }), base === 'div' && /*#__PURE__*/React__default.createElement(StyledDivImg, {
       style: {
         backgroundImage: "url(".concat(src, ")")
       },

package/dist/css/es/components/Image/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sources":["../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { StyledDivImg, StyledImg, base as baseCSS } from './Image.styles';\nimport type { ImageProps } from './Image.types';\nimport { ratios } from './Image.utils';\n\n/*\n Компонент для отображения картинок.\n */\nexport const imageRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, ImageProps>(\n (\n { src, srcSet, sizes, ratio, customRatio, alt, width, height, base = 'img', style, ...rest },\n outerRootRef,\n ) => {\n const widthToken = {\n '--plasma_private-image-width': width \|\| '100%',\n };\n const heightToken = {\n '--plasma_private-image-height': height \|\| '0',\n };\n const rootCustomRatio = customRatio ? `${customRatio}%` : 'unset';\n const ratioToken = {\n '--plasma_private-image-pading-bottom': ratio ? `${ratios[ratio]}%` : rootCustomRatio,\n };\n\n return (\n <Root\n ref={outerRootRef}\n style={{\n ...style,\n ...widthToken,\n ...heightToken,\n ...ratioToken,\n }}\n {...rest}\n >\n {base === 'img' && <StyledImg src={src} srcSet={srcSet} sizes={sizes} alt={alt} />}\n {base === 'div' && (\n <StyledDivImg style={{ backgroundImage: `url(${src})` }} role=\"img\" aria-label={alt} />\n )}\n </Root>\n );\n },\n );\n\nexport const imageConfig = {\n name: 'Image',\n tag: 'div',\n layout: imageRoot,\n base: baseCSS,\n variations: {},\n defaults: {},\n};\n"],"names":["imageRoot","Root","forwardRef","_ref","outerRootRef","src","srcSet","sizes","ratio","customRatio","alt","width","height","_ref$base","base","style","rest","_objectWithoutProperties","_excluded","widthToken","heightToken","rootCustomRatio","concat","ratioToken","ratios","React","createElement","_extends","ref","_objectSpread","StyledImg","StyledDivImg","backgroundImage","role","imageConfig","name","tag","layout","baseCSS","variations","defaults"],"mappings":";;;;;;;AASA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBACrFC,UAAU,CACN,UAAAC,IAAA,EAEIC,YAAY,EACX;AAAA,IAAA,IAFCC,GAAG,GAAAF,IAAA,CAAHE,GAAG;MAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MAAEC,GAAG,GAAAP,IAAA,CAAHO,GAAG;MAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;MAAEC,MAAM,GAAAT,IAAA,CAANS,MAAM;MAAAC,SAAA,GAAAV,IAAA,CAAEW,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;MAAEE,KAAK,GAAAZ,IAAA,CAALY,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAG1F,IAAA,IAAMC,UAAU,GAAG;MACf,8BAA8B,EAAER,KAAK,IAAI,MAAA;KAC5C,CAAA;AACD,IAAA,IAAMS,WAAW,GAAG;MAChB,+BAA+B,EAAER,MAAM,IAAI,GAAA;KAC9C,CAAA;IACD,IAAMS,eAAe,GAAGZ,WAAW,GAAA,EAAA,CAAAa,MAAA,CAAMb,WAAW,SAAM,OAAO,CAAA;AACjE,IAAA,IAAMc,UAAU,GAAG;MACf,sCAAsC,EAAEf,KAAK,GAAAc,EAAAA,CAAAA,MAAA,CAAME,MAAM,CAAChB,KAAK,CAAC,EAAMa,GAAAA,CAAAA,GAAAA,eAAAA;KACzE,CAAA;AAED,IAAA,oBACII,~~KAAA~~,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAExB,YAAa;AAClBW,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEd,KAAK,CACLI,EAAAA,UAAU,CACVC,EAAAA,WAAW,GACXG,UAAU,CAAA;KAEbP,EAAAA,IAAI,CAEPF,EAAAA,IAAI,KAAK,KAAK,iBAAIW,~~KAAA~~,CAAAC,aAAA,CAACI,SAAS,EAAA;AAACzB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,MAAM,EAAEA,MAAO;AAACC,MAAAA,KAAK,EAAEA,KAAM;AAACG,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAC,EACjFI,IAAI,KAAK,KAAK,iBACXW,~~KAAA~~,CAAAC,aAAA,CAACK,YAAY,EAAA;AAAChB,MAAAA,KAAK,EAAE;QAAEiB,eAAe,EAAA,MAAA,CAAAV,MAAA,CAASjB,GAAG,EAAA,GAAA,CAAA;OAAM;AAAC4B,MAAAA,IAAI,EAAC,KAAK;MAAC,YAAYvB,EAAAA,GAAAA;AAAI,KAAE,CAExF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErC,SAAS;AACjBc,EAAAA,IAAI,EAAEwB,IAAO;EACbC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
1	+ {"version":3,"file":"Image.js","sources":["../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { StyledDivImg, StyledImg, base as baseCSS } from './Image.styles';\nimport type { ImageProps } from './Image.types';\nimport { ratios } from './Image.utils';\n\n/*\n Компонент для отображения картинок.\n */\nexport const imageRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, ImageProps>(\n (\n { src, srcSet, sizes, ratio, customRatio, alt, width, height, base = 'img', style, ...rest },\n outerRootRef,\n ) => {\n const widthToken = {\n '--plasma_private-image-width': width \|\| '100%',\n };\n const heightToken = {\n '--plasma_private-image-height': height \|\| '0',\n };\n const rootCustomRatio = customRatio ? `${customRatio}%` : 'unset';\n const ratioToken = {\n '--plasma_private-image-pading-bottom': ratio ? `${ratios[ratio]}%` : rootCustomRatio,\n };\n\n return (\n <Root\n ref={outerRootRef}\n style={{\n ...style,\n ...widthToken,\n ...heightToken,\n ...ratioToken,\n }}\n {...rest}\n >\n {base === 'img' && <StyledImg src={src} srcSet={srcSet} sizes={sizes} alt={alt} />}\n {base === 'div' && (\n <StyledDivImg style={{ backgroundImage: `url(${src})` }} role=\"img\" aria-label={alt} />\n )}\n </Root>\n );\n },\n );\n\nexport const imageConfig = {\n name: 'Image',\n tag: 'div',\n layout: imageRoot,\n base: baseCSS,\n variations: {},\n defaults: {},\n};\n"],"names":["imageRoot","Root","forwardRef","_ref","outerRootRef","src","srcSet","sizes","ratio","customRatio","alt","width","height","_ref$base","base","style","rest","_objectWithoutProperties","_excluded","widthToken","heightToken","rootCustomRatio","concat","ratioToken","ratios","React","createElement","_extends","ref","_objectSpread","StyledImg","StyledDivImg","backgroundImage","role","imageConfig","name","tag","layout","baseCSS","variations","defaults"],"mappings":";;;;;;;AASA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBACrFC,UAAU,CACN,UAAAC,IAAA,EAEIC,YAAY,EACX;AAAA,IAAA,IAFCC,GAAG,GAAAF,IAAA,CAAHE,GAAG;MAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MAAEC,GAAG,GAAAP,IAAA,CAAHO,GAAG;MAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;MAAEC,MAAM,GAAAT,IAAA,CAANS,MAAM;MAAAC,SAAA,GAAAV,IAAA,CAAEW,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;MAAEE,KAAK,GAAAZ,IAAA,CAALY,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAG1F,IAAA,IAAMC,UAAU,GAAG;MACf,8BAA8B,EAAER,KAAK,IAAI,MAAA;KAC5C,CAAA;AACD,IAAA,IAAMS,WAAW,GAAG;MAChB,+BAA+B,EAAER,MAAM,IAAI,GAAA;KAC9C,CAAA;IACD,IAAMS,eAAe,GAAGZ,WAAW,GAAA,EAAA,CAAAa,MAAA,CAAMb,WAAW,SAAM,OAAO,CAAA;AACjE,IAAA,IAAMc,UAAU,GAAG;MACf,sCAAsC,EAAEf,KAAK,GAAAc,EAAAA,CAAAA,MAAA,CAAME,MAAM,CAAChB,KAAK,CAAC,EAAMa,GAAAA,CAAAA,GAAAA,eAAAA;KACzE,CAAA;AAED,IAAA,oBACII,cAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAExB,YAAa;AAClBW,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACEd,KAAK,CACLI,EAAAA,UAAU,CACVC,EAAAA,WAAW,GACXG,UAAU,CAAA;KAEbP,EAAAA,IAAI,CAEPF,EAAAA,IAAI,KAAK,KAAK,iBAAIW,cAAA,CAAAC,aAAA,CAACI,SAAS,EAAA;AAACzB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,MAAM,EAAEA,MAAO;AAACC,MAAAA,KAAK,EAAEA,KAAM;AAACG,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAC,EACjFI,IAAI,KAAK,KAAK,iBACXW,cAAA,CAAAC,aAAA,CAACK,YAAY,EAAA;AAAChB,MAAAA,KAAK,EAAE;QAAEiB,eAAe,EAAA,MAAA,CAAAV,MAAA,CAASjB,GAAG,EAAA,GAAA,CAAA;OAAM;AAAC4B,MAAAA,IAAI,EAAC,KAAK;MAAC,YAAYvB,EAAAA,GAAAA;AAAI,KAAE,CAExF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErC,SAAS;AACjBc,EAAAA,IAAI,EAAEwB,IAAO;EACbC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}

package/dist/css/es/components/Indicator/Indicator.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base } from './Indicator.styles.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
@@ -10,7 +10,7 @@ var indicatorRoot = function indicatorRoot(Root) {
     var size = props.size,
       view = props.view,
       rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       size: size,
       view: view

package/dist/css/es/components/Indicator/Indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './Indicator.styles';\nimport { IndicatorProps } from './Indicator.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const indicatorRoot = (Root: RootProps<HTMLDivElement, IndicatorProps>) => {\n return forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n const { size, view, ...rest } = props;\n\n return <Root ref={ref} size={size} view={view} {...rest} />;\n });\n};\n\nexport const indicatorConfig = {\n name: 'Indicator',\n tag: 'div',\n layout: indicatorRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["indicatorRoot","Root","forwardRef","props","ref","size","view","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","indicatorConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;IASaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAK;AAC9E,EAAA,oBAAOC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,IAAI,GAAoBF,KAAK,CAA7BE,IAAI;MAAEC,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBAAOC,~~KAAA~~,CAAAC,aAAA,CAACV,IAAI,EAAAW,QAAA,CAAA;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUC,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC/D,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,aAAa;AACrBiB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRb,IAAAA,IAAI,EAAE;AACFc,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDd,IAAAA,IAAI,EAAE;AACFa,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjB,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './Indicator.styles';\nimport { IndicatorProps } from './Indicator.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const indicatorRoot = (Root: RootProps<HTMLDivElement, IndicatorProps>) => {\n return forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n const { size, view, ...rest } = props;\n\n return <Root ref={ref} size={size} view={view} {...rest} />;\n });\n};\n\nexport const indicatorConfig = {\n name: 'Indicator',\n tag: 'div',\n layout: indicatorRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["indicatorRoot","Root","forwardRef","props","ref","size","view","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","indicatorConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;IASaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAK;AAC9E,EAAA,oBAAOC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,IAAI,GAAoBF,KAAK,CAA7BE,IAAI;MAAEC,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBAAOC,cAAA,CAAAC,aAAA,CAACV,IAAI,EAAAW,QAAA,CAAA;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUC,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC/D,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,aAAa;AACrBiB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRb,IAAAA,IAAI,EAAE;AACFc,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDd,IAAAA,IAAI,EAAE;AACFa,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjB,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/InformationWrapper/InformationWrapper.css CHANGED Viewed

@@ -1,11 +1,9 @@
 .base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
-.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_l1fqe3w9__308f3020,.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_oaxqu7s__308f3020{font-family:var(--plasma-info-wrapper-label-font-family);font-size:var(--plasma-info-wrapper-label-font-size);font-style:var(--plasma-info-wrapper-label-font-style);font-weight:var(--plasma-info-wrapper-label-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);line-height:var(--plasma-info-wrapper-label-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h1wtm44t__308f3020{margin:var(--plasma-info-wrapper-hint-margin);width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h43wmae__308f3020{width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_t7bnw1h__308f3020{font-family:var(--plasma-info-wrapper-title-caption-font-family);font-size:var(--plasma-info-wrapper-title-caption-font-size);font-style:var(--plasma-info-wrapper-title-caption-font-style);font-weight:var(--plasma-info-wrapper-title-caption-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);line-height:var(--plasma-info-wrapper-title-caption-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_h18pp23t__308f3020{padding:var(--plasma-info-wrapper-helpers-padding-top);gap:var(--plasma-info-wrapper-helpers-gap);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_l132dj1__308f3020{font-family:var(--plasma-info-wrapper-left-helper-font-family);font-size:var(--plasma-info-wrapper-left-helper-font-size);font-style:var(--plasma-info-wrapper-left-helper-font-style);font-weight:var(--plasma-info-wrapper-left-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);line-height:var(--plasma-info-wrapper-left-helper-line-height);}.base_192z4sg_bhbljtz__308f3020 .base_192z4sg_r19wxw5z__308f3020{font-family:var(--plasma-info-wrapper-right-helper-font-family);font-size:var(--plasma-info-wrapper-right-helper-font-size);font-style:var(--plasma-info-wrapper-right-helper-font-style);font-weight:var(--plasma-info-wrapper-right-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);line-height:var(--plasma-info-wrapper-right-helper-line-height);}
+.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_l1fqe3w9__bc23cdc8,.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_oaxqu7s__bc23cdc8{font-family:var(--plasma-info-wrapper-label-font-family);font-size:var(--plasma-info-wrapper-label-font-size);font-style:var(--plasma-info-wrapper-label-font-style);font-weight:var(--plasma-info-wrapper-label-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);line-height:var(--plasma-info-wrapper-label-line-height);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_h1wtm44t__bc23cdc8{margin:var(--plasma-info-wrapper-hint-margin);width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_h43wmae__bc23cdc8{width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);margin:var(--plasma-info-wrapper-hint-margin);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_t7bnw1h__bc23cdc8{font-family:var(--plasma-info-wrapper-title-caption-font-family);font-size:var(--plasma-info-wrapper-title-caption-font-size);font-style:var(--plasma-info-wrapper-title-caption-font-style);font-weight:var(--plasma-info-wrapper-title-caption-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);line-height:var(--plasma-info-wrapper-title-caption-line-height);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_h18pp23t__bc23cdc8{padding:var(--plasma-info-wrapper-helpers-padding-top);gap:var(--plasma-info-wrapper-helpers-gap);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_l132dj1__bc23cdc8{font-family:var(--plasma-info-wrapper-left-helper-font-family);font-size:var(--plasma-info-wrapper-left-helper-font-size);font-style:var(--plasma-info-wrapper-left-helper-font-style);font-weight:var(--plasma-info-wrapper-left-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);line-height:var(--plasma-info-wrapper-left-helper-line-height);}.base_xg1ywk_bhbljtz__bc23cdc8 .base_xg1ywk_r19wxw5z__bc23cdc8{font-family:var(--plasma-info-wrapper-right-helper-font-family);font-size:var(--plasma-info-wrapper-right-helper-font-size);font-style:var(--plasma-info-wrapper-right-helper-font-style);font-weight:var(--plasma-info-wrapper-right-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);line-height:var(--plasma-info-wrapper-right-helper-line-height);}
 .base_wadb2d_b1tn8ril__8f53a33c[disabled]{opacity:var(--plasma-info-wrapper-disabled-opacity);cursor:not-allowed;}.base_wadb2d_b1tn8ril__8f53a33c[disabled] .base_wadb2d_l1fqe3w9__8f53a33c{cursor:not-allowed;}
-.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_l1fqe3w9__f94af1a8{color:var(--plasma-info-wrapper-label-color-readonly,var(--plasma-info-wrapper-label-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_t7bnw1h__f94af1a8{color:var(--plasma-info-wrapper-title-caption-color-readonly,var(--plasma-info-wrapper-title-caption-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_l132dj1__f94af1a8{color:var(--plasma-info-wrapper-left-helper-color-readonly,var(--plasma-info-wrapper-left-helper-color));}.base_of19k8_b2rf35v__f94af1a8[readonly] .base_of19k8_r19wxw5z__f94af1a8{color:var(--plasma-info-wrapper-right-helper-color-readonly,var(--plasma-info-wrapper-right-helper-color));}
 .base_glf2dq_b1gugqmv__31bd984f .base_glf2dq_hdyyw77__31bd984f{--plasma-tooltip-background-color:var(--plasma-info-wrapper-tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-info-wrapper-tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-info-wrapper-tooltip-color);}
 .base_1dodn1p_biophi7__30a69a9e .base_1dodn1p_hdyyw77__30a69a9e{white-space:normal;--plasma-tooltip-padding-top:var(--plasma-info-wrapper-tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-info-wrapper-tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-info-wrapper-tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-info-wrapper-tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-info-wrapper-tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-info-wrapper-tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-info-wrapper-tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-info-wrapper-tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-info-wrapper-tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-info-wrapper-tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-info-wrapper-tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-info-wrapper-tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-info-wrapper-tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-info-wrapper-tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-info-wrapper-tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-info-wrapper-tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-info-wrapper-tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-info-wrapper-tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-info-wrapper-tooltip-arrow-background);}
@@ -22,20 +20,20 @@
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
-.InformationWrapper_styles_p99b7q_b1afvn77__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.InformationWrapper_styles_p99b7q_c145ezhs__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
-.InformationWrapper_styles_p99b7q_c155wolr__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
-.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042{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;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:relative;margin-bottom:var(--l19xn9bg-2);display:var(--l19xn9bg-3);height:var(--l19xn9bg-4);}
-.InformationWrapper_styles_p99b7q_ia4nqa1__a9728042{position:var(--ia4nqa1-0);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;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
-.InformationWrapper_styles_p99b7q_l1fqe3w9__a9728042{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);--plasma_private-translateY-without-title-caption:calc(-1 * var(--plasma-info-wrapper-title-caption-line-height));-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
-.InformationWrapper_styles_p99b7q_h43wmae__a9728042{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.InformationWrapper_styles_p99b7q_hdyyw77__a9728042 .InformationWrapper_styles_p99b7q_h43wmae__a9728042 .InformationWrapper_styles_p99b7q_popoverRoot__a9728042{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.InformationWrapper_styles_p99b7q_ho64r6r__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
-.InformationWrapper_styles_p99b7q_oaxqu7s__a9728042{color:var(--plasma-info-wrapper-optional-color);}
-.InformationWrapper_styles_p99b7q_t7bnw1h__a9728042{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
-.InformationWrapper_styles_p99b7q_h18pp23t__a9728042{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.InformationWrapper_styles_1o4mbq5_b1afvn77__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.InformationWrapper_styles_1o4mbq5_c145ezhs__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
+.InformationWrapper_styles_1o4mbq5_c155wolr__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
+.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a{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;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:relative;margin-bottom:var(--l19xn9bg-2);}
+.InformationWrapper_styles_1o4mbq5_ia4nqa1__bb40465a{position:var(--ia4nqa1-0);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;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
+.InformationWrapper_styles_1o4mbq5_l1fqe3w9__bb40465a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
+.InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.InformationWrapper_styles_1o4mbq5_hdyyw77__bb40465a .InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a .InformationWrapper_styles_1o4mbq5_popoverRoot__bb40465a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.InformationWrapper_styles_1o4mbq5_ho64r6r__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
+.InformationWrapper_styles_1o4mbq5_oaxqu7s__bb40465a{color:var(--plasma-info-wrapper-optional-color);}
+.InformationWrapper_styles_1o4mbq5_t7bnw1h__bb40465a{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
+.InformationWrapper_styles_1o4mbq5_h18pp23t__bb40465a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

package/dist/css/es/components/InformationWrapper/InformationWrapper.js CHANGED Viewed

@@ -1,17 +1,16 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
-import { base as base$4 } from './variations/_disabled/base.js';
-import { base as base$3 } from './variations/_read-only/base.js';
-import { base as base$5 } from './variations/_hint-view/base.js';
-import { base as base$6 } from './variations/_hint-size/base.js';
+import { base as base$3 } from './variations/_disabled/base.js';
+import { base as base$4 } from './variations/_hint-view/base.js';
+import { base as base$5 } from './variations/_hint-size/base.js';
 import { LabelWrapper, TitleCaption, ContentWrapper, ContentChildrenWrapper, Helpers, LeftHelper, RightHelper, base } from './InformationWrapper.styles.js';
 import { classes } from './InformationWrapper.tokens.js';
 import { LabelComponent } from './ui/Label/Label.js';
-var _excluded = ["size", "view", "children", "label", "labelHtmlFor", "labelPlacement", "hasRequiredIndicator", "requiredIndicatorPlacement", "optional", "optionalText", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "titleCaption", "leftHelper", "rightHelper", "readOnly", "disabled"];
+var _excluded = ["size", "view", "children", "label", "labelHtmlFor", "labelPlacement", "hasRequiredIndicator", "requiredIndicatorPlacement", "optional", "optionalText", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "titleCaption", "leftHelper", "rightHelper", "disabled"];
 var informationWrapperRoot = function informationWrapperRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var size = _ref.size,
@@ -43,24 +42,22 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       titleCaption = _ref.titleCaption,
       leftHelper = _ref.leftHelper,
       rightHelper = _ref.rightHelper,
-      readOnly = _ref.readOnly,
       disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded);
     var hasHelpers = leftHelper || rightHelper;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       size: size,
       view: view,
-      disabled: disabled,
-      readOnly: readOnly
+      disabled: disabled
     }, hintText && {
       hintView: hintView,
       hintSize: hintSize
-    }, rest), /*#__PURE__*/React.createElement(LabelWrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(LabelWrapper, {
       className: cls(_defineProperty({}, classes.withoutLabel, !label)),
       hasLabel: Boolean(label),
       hasCaption: Boolean(titleCaption)
-    }, (labelPlacement === 'top' || !label) && /*#__PURE__*/React.createElement(LabelComponent, {
+    }, (labelPlacement === 'top' || !label) && /*#__PURE__*/React__default.createElement(LabelComponent, {
       size: size,
       hasRequiredIndicator: hasRequiredIndicator,
       requiredIndicatorPlacement: requiredIndicatorPlacement,
@@ -78,9 +75,9 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       hintWidth: hintWidth,
       hintContentLeft: hintContentLeft,
       disabled: disabled
-    }), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, {
+    }), titleCaption && /*#__PURE__*/React__default.createElement(TitleCaption, {
       hasLabel: Boolean(label)
-    }, titleCaption)), /*#__PURE__*/React.createElement(ContentWrapper, null, Boolean(label) && labelPlacement === 'left' && /*#__PURE__*/React.createElement(LabelComponent, {
+    }, titleCaption)), /*#__PURE__*/React__default.createElement(ContentWrapper, null, Boolean(label) && labelPlacement === 'left' && /*#__PURE__*/React__default.createElement(LabelComponent, {
       hasRequiredIndicator: hasRequiredIndicator,
       requiredIndicatorPlacement: requiredIndicatorPlacement,
       optional: optional,
@@ -96,9 +93,7 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       hintOffset: hintOffset,
       hintWidth: hintWidth,
       hintContentLeft: hintContentLeft
-    }), /*#__PURE__*/React.createElement(ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/React.createElement(Helpers, null, leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
-      className: classes.leftHelper
-    }, leftHelper), rightHelper && /*#__PURE__*/React.createElement(RightHelper, null, rightHelper)))));
+    }), /*#__PURE__*/React__default.createElement(ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/React__default.createElement(Helpers, null, leftHelper && /*#__PURE__*/React__default.createElement(LeftHelper, null, leftHelper), rightHelper && /*#__PURE__*/React__default.createElement(RightHelper, null, rightHelper)))));
   });
 };
 var informationWrapperConfig = {
@@ -113,19 +108,15 @@ var informationWrapperConfig = {
     view: {
       css: base$2
     },
-    readOnly: {
-      css: base$3,
-      attrs: true
-    },
     disabled: {
-      css: base$4,
+      css: base$3,
       attrs: true
     },
     hintView: {
-      css: base$5
+      css: base$4
     },
     hintSize: {
-      css: base$6
+      css: base$5
     }
   },
   defaults: {