@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.0

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

@@ -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

@@ -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;;;;"}
+{"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

@@ -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

@@ -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;;;;"}
+{"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

@@ -1,9 +1,11 @@
 .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_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_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_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);}
@@ -20,20 +22,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_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;}
+.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;}
 
 
 

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

@@ -1,16 +1,17 @@
 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$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 { 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 { 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", "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", "readOnly", "disabled"];
 var informationWrapperRoot = function informationWrapperRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var size = _ref.size,
@@ -42,22 +43,24 @@ 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
+      disabled: disabled,
+      readOnly: readOnly
     }, 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,
@@ -75,9 +78,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,
@@ -93,7 +96,9 @@ 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, null, 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, {
+      className: classes.leftHelper
+    }, leftHelper), rightHelper && /*#__PURE__*/React__default.createElement(RightHelper, null, rightHelper)))));
   });
 };
 var informationWrapperConfig = {
@@ -108,15 +113,19 @@ var informationWrapperConfig = {
     view: {
       css: base$2
     },
-    disabled: {
+    readOnly: {
       css: base$3,
       attrs: true
     },
+    disabled: {
+      css: base$4,
+      attrs: true
+    },
     hintView: {
-      css: base$4
+      css: base$5
     },
     hintSize: {
-      css: base$5
+      css: base$6
     }
   },
   defaults: {

package/dist/css/es/components/InformationWrapper/InformationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationWrapper.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport { InformationWrapperProps, InformationWrapperRootProps } from './InformationWrapper.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n    base,\n    ContentChildrenWrapper,\n    ContentWrapper,\n    Helpers,\n    LabelWrapper,\n    LeftHelper,\n    RightHelper,\n    TitleCaption,\n} from './InformationWrapper.styles';\nimport { LabelComponent } from './ui';\nimport { classes } from './InformationWrapper.tokens';\n\nexport const informationWrapperRoot = (Root: RootProps<HTMLDivElement, InformationWrapperRootProps>) => {\n    return forwardRef<HTMLDivElement, InformationWrapperProps>(\n        (\n            {\n                size,\n                view,\n                children,\n                label,\n                labelHtmlFor,\n                labelPlacement = 'top',\n\n                hasRequiredIndicator,\n                requiredIndicatorPlacement = 'right',\n                optional,\n                optionalText,\n\n                hintText,\n                hintTrigger = 'hover',\n                hintView = 'default',\n                hintSize = 'm',\n                hintTargetIcon,\n                hintPlacement = 'auto',\n                hintHasArrow,\n                hintOffset,\n                hintWidth,\n                hintContentLeft,\n\n                titleCaption,\n                leftHelper,\n                rightHelper,\n\n                disabled,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const hasHelpers = leftHelper || rightHelper;\n\n            return (\n                <Root\n                    ref={ref}\n                    size={size}\n                    view={view}\n                    disabled={disabled}\n                    {...(hintText && { hintView, hintSize })}\n                    {...rest}\n                >\n                    <LabelWrapper\n                        className={cx({ [classes.withoutLabel]: !label })}\n                        hasLabel={Boolean(label)}\n                        hasCaption={Boolean(titleCaption)}\n                    >\n                        {(labelPlacement === 'top' || !label) && (\n                            <LabelComponent\n                                size={size}\n                                hasRequiredIndicator={hasRequiredIndicator}\n                                requiredIndicatorPlacement={requiredIndicatorPlacement}\n                                optional={optional}\n                                optionalText={optionalText}\n                                label={label}\n                                labelHtmlFor={labelHtmlFor}\n                                titleCaption={titleCaption}\n                                hintText={hintText}\n                                hintTrigger={hintTrigger}\n                                hintTargetIcon={hintTargetIcon}\n                                hintPlacement={hintPlacement}\n                                hintHasArrow={hintHasArrow}\n                                hintOffset={hintOffset}\n                                hintWidth={hintWidth}\n                                hintContentLeft={hintContentLeft}\n                                disabled={disabled}\n                            />\n                        )}\n                        {titleCaption && <TitleCaption hasLabel={Boolean(label)}>{titleCaption}</TitleCaption>}\n                    </LabelWrapper>\n                    <ContentWrapper>\n                        {Boolean(label) && labelPlacement === 'left' && (\n                            <LabelComponent\n                                hasRequiredIndicator={hasRequiredIndicator}\n                                requiredIndicatorPlacement={requiredIndicatorPlacement}\n                                optional={optional}\n                                optionalText={optionalText}\n                                label={label}\n                                labelHtmlFor={labelHtmlFor}\n                                titleCaption={titleCaption}\n                                hintText={hintText}\n                                hintTrigger={hintTrigger}\n                                hintTargetIcon={hintTargetIcon}\n                                hintPlacement={hintPlacement}\n                                hintHasArrow={hintHasArrow}\n                                hintOffset={hintOffset}\n                                hintWidth={hintWidth}\n                                hintContentLeft={hintContentLeft}\n                            />\n                        )}\n                        <ContentChildrenWrapper>\n                            {children}\n                            {hasHelpers && (\n                                <Helpers>\n                                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                                    {rightHelper && <RightHelper>{rightHelper}</RightHelper>}\n                                </Helpers>\n                            )}\n                        </ContentChildrenWrapper>\n                    </ContentWrapper>\n                </Root>\n            );\n        },\n    );\n};\n\nexport const informationWrapperConfig = {\n    name: 'InformationWrapper',\n    tag: 'div',\n    layout: informationWrapperRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        hintView: {\n            css: hintViewCSS,\n        },\n        hintSize: {\n            css: hintSizeCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["informationWrapperRoot","Root","forwardRef","_ref","ref","size","view","children","label","labelHtmlFor","_ref$labelPlacement","labelPlacement","hasRequiredIndicator","_ref$requiredIndicato","requiredIndicatorPlacement","optional","optionalText","hintText","_ref$hintTrigger","hintTrigger","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","titleCaption","leftHelper","rightHelper","disabled","rest","_objectWithoutProperties","_excluded","hasHelpers","React","createElement","_extends","LabelWrapper","className","cx","_defineProperty","classes","withoutLabel","hasLabel","Boolean","hasCaption","LabelComponent","TitleCaption","ContentWrapper","ContentChildrenWrapper","Helpers","LeftHelper","RightHelper","informationWrapperConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"InformationWrapper.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport { InformationWrapperProps, InformationWrapperRootProps } from './InformationWrapper.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n    base,\n    ContentChildrenWrapper,\n    ContentWrapper,\n    Helpers,\n    LabelWrapper,\n    LeftHelper,\n    RightHelper,\n    TitleCaption,\n} from './InformationWrapper.styles';\nimport { LabelComponent } from './ui';\nimport { classes } from './InformationWrapper.tokens';\n\nexport const informationWrapperRoot = (Root: RootProps<HTMLDivElement, InformationWrapperRootProps>) => {\n    return forwardRef<HTMLDivElement, InformationWrapperProps>(\n        (\n            {\n                size,\n                view,\n                children,\n                label,\n                labelHtmlFor,\n                labelPlacement = 'top',\n\n                hasRequiredIndicator,\n                requiredIndicatorPlacement = 'right',\n                optional,\n                optionalText,\n\n                hintText,\n                hintTrigger = 'hover',\n                hintView = 'default',\n                hintSize = 'm',\n                hintTargetIcon,\n                hintPlacement = 'auto',\n                hintHasArrow,\n                hintOffset,\n                hintWidth,\n                hintContentLeft,\n\n                titleCaption,\n                leftHelper,\n                rightHelper,\n\n                readOnly,\n                disabled,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const hasHelpers = leftHelper || rightHelper;\n\n            return (\n                <Root\n                    ref={ref}\n                    size={size}\n                    view={view}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    {...(hintText && { hintView, hintSize })}\n                    {...rest}\n                >\n                    <LabelWrapper\n                        className={cx({ [classes.withoutLabel]: !label })}\n                        hasLabel={Boolean(label)}\n                        hasCaption={Boolean(titleCaption)}\n                    >\n                        {(labelPlacement === 'top' || !label) && (\n                            <LabelComponent\n                                size={size}\n                                hasRequiredIndicator={hasRequiredIndicator}\n                                requiredIndicatorPlacement={requiredIndicatorPlacement}\n                                optional={optional}\n                                optionalText={optionalText}\n                                label={label}\n                                labelHtmlFor={labelHtmlFor}\n                                titleCaption={titleCaption}\n                                hintText={hintText}\n                                hintTrigger={hintTrigger}\n                                hintTargetIcon={hintTargetIcon}\n                                hintPlacement={hintPlacement}\n                                hintHasArrow={hintHasArrow}\n                                hintOffset={hintOffset}\n                                hintWidth={hintWidth}\n                                hintContentLeft={hintContentLeft}\n                                disabled={disabled}\n                            />\n                        )}\n                        {titleCaption && <TitleCaption hasLabel={Boolean(label)}>{titleCaption}</TitleCaption>}\n                    </LabelWrapper>\n                    <ContentWrapper>\n                        {Boolean(label) && labelPlacement === 'left' && (\n                            <LabelComponent\n                                hasRequiredIndicator={hasRequiredIndicator}\n                                requiredIndicatorPlacement={requiredIndicatorPlacement}\n                                optional={optional}\n                                optionalText={optionalText}\n                                label={label}\n                                labelHtmlFor={labelHtmlFor}\n                                titleCaption={titleCaption}\n                                hintText={hintText}\n                                hintTrigger={hintTrigger}\n                                hintTargetIcon={hintTargetIcon}\n                                hintPlacement={hintPlacement}\n                                hintHasArrow={hintHasArrow}\n                                hintOffset={hintOffset}\n                                hintWidth={hintWidth}\n                                hintContentLeft={hintContentLeft}\n                            />\n                        )}\n                        <ContentChildrenWrapper>\n                            {children}\n                            {hasHelpers && (\n                                <Helpers>\n                                    {leftHelper && <LeftHelper className={classes.leftHelper}>{leftHelper}</LeftHelper>}\n                                    {rightHelper && <RightHelper>{rightHelper}</RightHelper>}\n                                </Helpers>\n                            )}\n                        </ContentChildrenWrapper>\n                    </ContentWrapper>\n                </Root>\n            );\n        },\n    );\n};\n\nexport const informationWrapperConfig = {\n    name: 'InformationWrapper',\n    tag: 'div',\n    layout: informationWrapperRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        hintView: {\n            css: hintViewCSS,\n        },\n        hintSize: {\n            css: hintSizeCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["informationWrapperRoot","Root","forwardRef","_ref","ref","size","view","children","label","labelHtmlFor","_ref$labelPlacement","labelPlacement","hasRequiredIndicator","_ref$requiredIndicato","requiredIndicatorPlacement","optional","optionalText","hintText","_ref$hintTrigger","hintTrigger","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","titleCaption","leftHelper","rightHelper","readOnly","disabled","rest","_objectWithoutProperties","_excluded","hasHelpers","React","createElement","_extends","LabelWrapper","className","cx","_defineProperty","classes","withoutLabel","hasLabel","Boolean","hasCaption","LabelComponent","TitleCaption","ContentWrapper","ContentChildrenWrapper","Helpers","LeftHelper","RightHelper","informationWrapperConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","readOnlyCSS","attrs","disabledCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/InformationWrapper/InformationWrapper.styles.js

@@ -1,4 +1,4 @@
-import './InformationWrapper.styles_1o4mbq5.css';
+import './InformationWrapper.styles_p99b7q.css';
 import { styled } from '@linaria/react';
 import { tokens } from './InformationWrapper.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';
@@ -35,6 +35,18 @@ var _exp5 = function _exp5() {
     return hasCaption ? "var(".concat(tokens.labelWrapperTitleCaptionOffset, ")") : '0';
   };
 };
+var _exp6 = function _exp6() {
+  return function (_ref4) {
+    var hasCaption = _ref4.hasCaption;
+    return hasCaption ? 'flex' : 'block';
+  };
+};
+var _exp7 = function _exp7() {
+  return function (_ref5) {
+    var hasCaption = _ref5.hasCaption;
+    return hasCaption ? 'fit-content' : '0';
+  };
+};
 var LabelWrapper = /*#__PURE__*/styled('div')({
   name: "LabelWrapper",
   "class": "l19xn9bg",
@@ -42,12 +54,14 @@ var LabelWrapper = /*#__PURE__*/styled('div')({
   vars: {
     "l19xn9bg-0": [/*#__PURE__*/_exp2()],
     "l19xn9bg-1": [/*#__PURE__*/_exp3()],
-    "l19xn9bg-2": [/*#__PURE__*/_exp5()]
+    "l19xn9bg-2": [/*#__PURE__*/_exp5()],
+    "l19xn9bg-3": [/*#__PURE__*/_exp6()],
+    "l19xn9bg-4": [/*#__PURE__*/_exp7()]
   }
 });
-var _exp6 = function _exp6() {
-  return function (_ref4) {
-    var hasLabel = _ref4.hasLabel;
+var _exp8 = function _exp8() {
+  return function (_ref6) {
+    var hasLabel = _ref6.hasLabel;
     return hasLabel ? 'relative' : 'static';
   };
 };
@@ -56,7 +70,7 @@ var IndicatorWrapper = /*#__PURE__*/styled('div')({
   "class": "ia4nqa1",
   propsAsIs: false,
   vars: {
-    "ia4nqa1-0": [/*#__PURE__*/_exp6()]
+    "ia4nqa1-0": [/*#__PURE__*/_exp8()]
   }
 });
 var Label = /*#__PURE__*/styled('label')({
@@ -64,10 +78,10 @@ var Label = /*#__PURE__*/styled('label')({
   "class": "l1fqe3w9",
   propsAsIs: false
 });
-var _exp10 = function _exp10() {
-  return function (_ref5) {
-    var hasCaption = _ref5.hasCaption;
-    return hasCaption ? "translateY(var(".concat(tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
+var _exp13 = function _exp13() {
+  return function (_ref7) {
+    var hasCaption = _ref7.hasCaption;
+    return hasCaption ? "translateY(var(".concat(tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(var(--plasma_private-translateY-without-title-caption)';
   };
 };
 var HintWrapper = /*#__PURE__*/styled('div')({
@@ -75,7 +89,7 @@ var HintWrapper = /*#__PURE__*/styled('div')({
   "class": "h1wtm44t",
   propsAsIs: false,
   vars: {
-    "h1wtm44t-0": [/*#__PURE__*/_exp10()]
+    "h1wtm44t-0": [/*#__PURE__*/_exp13()]
   }
 });
 var HintTargetWrapper = /*#__PURE__*/styled('div')({
@@ -83,10 +97,10 @@ var HintTargetWrapper = /*#__PURE__*/styled('div')({
   "class": "h43wmae",
   propsAsIs: false
 });
-var _exp12 = function _exp12() {
+var _exp15 = function _exp15() {
   return Tooltip;
 };
-var Hint = /*#__PURE__*/styled(_exp12())({
+var Hint = /*#__PURE__*/styled(_exp15())({
   name: "Hint",
   "class": "hdyyw77",
   propsAsIs: true
@@ -96,9 +110,9 @@ var HintIconWrapper = /*#__PURE__*/styled('div')({
   "class": "ho64r6r",
   propsAsIs: false
 });
-var _exp25 = function _exp25() {
-  return function (_ref6) {
-    var hasCaption = _ref6.hasCaption;
+var _exp28 = function _exp28() {
+  return function (_ref8) {
+    var hasCaption = _ref8.hasCaption;
     return hasCaption ? "translateY(var(".concat(tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
   };
 };
@@ -107,7 +121,7 @@ var Indicator = /*#__PURE__*/styled('div')({
   "class": "i1jayrnz",
   propsAsIs: false,
   vars: {
-    "i1jayrnz-0": [/*#__PURE__*/_exp25()]
+    "i1jayrnz-0": [/*#__PURE__*/_exp28()]
   }
 });
 var OptionalText = /*#__PURE__*/styled('span')({
@@ -115,9 +129,9 @@ var OptionalText = /*#__PURE__*/styled('span')({
   "class": "oaxqu7s",
   propsAsIs: false
 });
-var _exp29 = function _exp29() {
-  return function (_ref7) {
-    var hasLabel = _ref7.hasLabel;
+var _exp32 = function _exp32() {
+  return function (_ref9) {
+    var hasLabel = _ref9.hasLabel;
     return hasLabel ? "var(".concat(tokens.titleCaptionOffset, ")") : 'unset';
   };
 };
@@ -126,7 +140,7 @@ var TitleCaption = /*#__PURE__*/styled('div')({
   "class": "t7bnw1h",
   propsAsIs: false,
   vars: {
-    "t7bnw1h-0": [/*#__PURE__*/_exp29()]
+    "t7bnw1h-0": [/*#__PURE__*/_exp32()]
   }
 });
 var Helpers = /*#__PURE__*/styled('div')({

package/dist/css/es/components/InformationWrapper/InformationWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationWrapper.styles.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './InformationWrapper.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: flex-start;\n    gap: var(${tokens.contentGap});\n`;\n\nexport const ContentChildrenWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n\nexport const LabelWrapper = styled.div<{ hasLabel: boolean; hasCaption: boolean }>`\n    display: flex;\n    align-items: center;\n\n    white-space: ${({ hasLabel }) => (hasLabel ? 'nowrap' : 'normal')};\n    margin-bottom: ${({ hasLabel }) =>\n        hasLabel ? `var(${tokens.labelWrapperOffset})` : `var(${tokens.labelWrapperTitleCaptionOffset})`};\n\n    &.${classes.withoutLabel} {\n        position: relative;\n        margin-bottom: ${({ hasCaption }) => (hasCaption ? `var(${tokens.labelWrapperTitleCaptionOffset})` : '0')};\n    }\n`;\n\nexport const IndicatorWrapper = styled.div<{ hasLabel: boolean }>`\n    position: ${({ hasLabel }) => (hasLabel ? 'relative' : 'static')};\n    display: inline-flex;\n    align-items: center;\n    gap: var(${tokens.indicatorWrapperGap});\n`;\n\nexport const Label = styled.label`\n    display: inline-flex;\n`;\n\nexport const HintWrapper = styled.div<{ hasCaption?: boolean }>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    line-height: 0;\n\n    &.${classes.withoutLabel} {\n        position: absolute;\n        margin: 0;\n        z-index: 2;\n        inset: var(${tokens.hintWithoutLabelPlacementOffset});\n\n        transform: ${({ hasCaption }) =>\n            hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n    }\n`;\n\nexport const HintTargetWrapper = styled.div`\n    color: var(${tokens.hintIconColor});\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n    ${HintTargetWrapper} .${popoverClasses.root} {\n        width: fit-content;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n`;\n\nexport const HintIconWrapper = styled.div`\n    display: flex;\n`;\n\nexport const Indicator = styled.div<{ hasCaption?: boolean }>`\n    border-radius: 50%;\n    align-self: flex-start;\n\n    background-color: var(${tokens.indicatorColor});\n\n    width: var(${tokens.indicatorSizeOuter});\n    height: var(${tokens.indicatorSizeOuter});\n    margin-top: var(${tokens.indicatorMarginTop});\n    z-index: 2;\n\n    &.${classes.requiredAlignLeft} {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        left: var(${tokens.indicatorOuterLeft});\n        margin-top: unset;\n        align-self: unset;\n    }\n\n    &.${classes.withoutLabel} {\n        position: absolute;\n        margin-top: unset;\n        align-self: unset;\n\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorWithoutLabelInner});\n\n        transform: ${({ hasCaption }) =>\n            hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n        &.${classes.requiredAlignLeft} {\n            inset: var(${tokens.indicatorWithoutLabelInnerLeft});\n        }\n    }\n`;\n\nexport const OptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const TitleCaption = styled.div<{ hasLabel: boolean }>`\n    display: inline-block;\n    margin-left: auto;\n    margin-top: ${({ hasLabel }) => (hasLabel ? `var(${tokens.titleCaptionOffset})` : 'unset')};\n`;\n\nexport const Helpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const LeftHelper = styled.div``;\nexport const RightHelper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","base","ContentWrapper","styled","name","class","propsAsIs","ContentChildrenWrapper","_exp2","_ref","hasLabel","_exp3","_ref2","concat","tokens","labelWrapperOffset","labelWrapperTitleCaptionOffset","_exp5","_ref3","hasCaption","LabelWrapper","vars","_exp6","_ref4","IndicatorWrapper","Label","_exp10","_ref5","HintWrapper","HintTargetWrapper","_exp12","Hint","HintIconWrapper","_exp25","_ref6","Indicator","OptionalText","_exp29","_ref7","titleCaptionOffset","TitleCaption","Helpers","LeftHelper","RightHelper"],"mappings":"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"}
+{"version":3,"file":"InformationWrapper.styles.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './InformationWrapper.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: flex-start;\n    gap: var(${tokens.contentGap});\n`;\n\nexport const ContentChildrenWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n\nexport const LabelWrapper = styled.div<{ hasLabel: boolean; hasCaption: boolean }>`\n    display: flex;\n    align-items: center;\n\n    white-space: ${({ hasLabel }) => (hasLabel ? 'nowrap' : 'normal')};\n    margin-bottom: ${({ hasLabel }) =>\n        hasLabel ? `var(${tokens.labelWrapperOffset})` : `var(${tokens.labelWrapperTitleCaptionOffset})`};\n\n    &.${classes.withoutLabel} {\n        position: relative;\n        margin-bottom: ${({ hasCaption }) => (hasCaption ? `var(${tokens.labelWrapperTitleCaptionOffset})` : '0')};\n        display: ${({ hasCaption }) => (hasCaption ? 'flex' : 'block')};\n        height: ${({ hasCaption }) => (hasCaption ? 'fit-content' : '0')};\n    }\n`;\n\nexport const IndicatorWrapper = styled.div<{ hasLabel: boolean }>`\n    position: ${({ hasLabel }) => (hasLabel ? 'relative' : 'static')};\n    display: inline-flex;\n    align-items: center;\n    gap: var(${tokens.indicatorWrapperGap});\n`;\n\nexport const Label = styled.label`\n    display: inline-flex;\n`;\n\nexport const HintWrapper = styled.div<{ hasCaption?: boolean }>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    line-height: 0;\n\n    &.${classes.withoutLabel} {\n        position: absolute;\n        margin: 0;\n        z-index: 2;\n        inset: var(${tokens.hintWithoutLabelPlacementOffset});\n\n        --plasma_private-translateY-without-title-caption: calc(-1 * var(${tokens.titleCaptionLineHeight}));\n\n        transform: ${({ hasCaption }) =>\n            hasCaption\n                ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))`\n                : 'translateY(var(--plasma_private-translateY-without-title-caption)'};\n    }\n`;\n\nexport const HintTargetWrapper = styled.div`\n    color: var(${tokens.hintIconColor});\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n    ${HintTargetWrapper} .${popoverClasses.root} {\n        width: fit-content;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n`;\n\nexport const HintIconWrapper = styled.div`\n    display: flex;\n`;\n\nexport const Indicator = styled.div<{ hasCaption?: boolean }>`\n    border-radius: 50%;\n    align-self: flex-start;\n\n    background-color: var(${tokens.indicatorColor});\n\n    width: var(${tokens.indicatorSizeOuter});\n    height: var(${tokens.indicatorSizeOuter});\n    margin-top: var(${tokens.indicatorMarginTop});\n    z-index: 2;\n\n    &.${classes.requiredAlignLeft} {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        left: var(${tokens.indicatorOuterLeft});\n        margin-top: unset;\n        align-self: unset;\n    }\n\n    &.${classes.withoutLabel} {\n        position: absolute;\n        margin-top: unset;\n        align-self: unset;\n\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorWithoutLabelInner});\n\n        transform: ${({ hasCaption }) =>\n            hasCaption ? `translateY(var(${tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)'};\n        &.${classes.requiredAlignLeft} {\n            inset: var(${tokens.indicatorWithoutLabelInnerLeft});\n        }\n    }\n`;\n\nexport const OptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const TitleCaption = styled.div<{ hasLabel: boolean }>`\n    display: inline-block;\n    margin-left: auto;\n    margin-top: ${({ hasLabel }) => (hasLabel ? `var(${tokens.titleCaptionOffset})` : 'unset')};\n`;\n\nexport const Helpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const LeftHelper = styled.div``;\nexport const RightHelper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","base","ContentWrapper","styled","name","class","propsAsIs","ContentChildrenWrapper","_exp2","_ref","hasLabel","_exp3","_ref2","concat","tokens","labelWrapperOffset","labelWrapperTitleCaptionOffset","_exp5","_ref3","hasCaption","_exp6","_ref4","_exp7","_ref5","LabelWrapper","vars","_exp8","_ref6","IndicatorWrapper","Label","_exp13","_ref7","HintWrapper","HintTargetWrapper","_exp15","Hint","HintIconWrapper","_exp28","_ref8","Indicator","OptionalText","_exp32","_ref9","titleCaptionOffset","TitleCaption","Helpers","LeftHelper","RightHelper"],"mappings":"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"}

package/dist/css/{cjs/components/InformationWrapper/InformationWrapper.styles_1o4mbq5.css → es/components/InformationWrapper/InformationWrapper.styles_p99b7q.css}

@@ -1,10 +1,10 @@
 .b1afvn77{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .c145ezhs{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);}
 .c155wolr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
-.l19xn9bg{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);}.l19xn9bg.info-wrapper-without-label{position:relative;margin-bottom:var(--l19xn9bg-2);}
+.l19xn9bg{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);}.l19xn9bg.info-wrapper-without-label{position:relative;margin-bottom:var(--l19xn9bg-2);display:var(--l19xn9bg-3);height:var(--l19xn9bg-4);}
 .ia4nqa1{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);}
 .l1fqe3w9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.h1wtm44t{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;}.h1wtm44t.info-wrapper-without-label{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);}
+.h1wtm44t{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;}.h1wtm44t.info-wrapper-without-label{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);}
 .h43wmae{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;}
 .hdyyw77 .h43wmae .popover-root{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;}
 .ho64r6r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

package/dist/css/es/components/InformationWrapper/InformationWrapper.tokens.js

@@ -1,6 +1,7 @@
 var classes = {
   withoutLabel: 'info-wrapper-without-label',
-  requiredAlignLeft: 'info-wrapper-required-align-left'
+  requiredAlignLeft: 'info-wrapper-required-align-left',
+  leftHelper: 'info-wrapper-left-helper'
 };
 var tokens = {
   /** Токены для label */
@@ -14,9 +15,11 @@ var tokens = {
   labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',
   labelLineHeight: '--plasma-info-wrapper-label-line-height',
   labelColor: '--plasma-info-wrapper-label-color',
+  labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',
   contentGap: '--plasma-info-wrapper-content-gap',
   titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',
   titleCaptionColor: '--plasma-info-wrapper-title-caption-color',
+  titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',
   titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',
   titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',
   titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',
@@ -64,6 +67,8 @@ var tokens = {
   /** Токены для подписей снизу */
   leftHelperColor: '--plasma-info-wrapper-left-helper-color',
   rightHelperColor: '--plasma-info-wrapper-right-helper-color',
+  leftHelperColorReadOnly: '--plasma-info-wrapper-left-helper-color-readonly',
+  rightHelperColorReadOnly: '--plasma-info-wrapper-right-helper-color-readonly',
   helpersPadding: '--plasma-info-wrapper-helpers-padding-top',
   helpersGap: '--plasma-info-wrapper-helpers-gap',
   leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',