@salutejs/plasma-new-hope 0.344.0-canary.2402.20461160162.0 → 0.344.0-dev.0

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

@@ -7,9 +7,10 @@ var React = require('react');
 var cls = require('classnames');
 var base$1 = require('./variations/_view/base.js');
 var base = require('./variations/_size/base.js');
-var base$2 = require('./variations/_disabled/base.js');
-var base$3 = require('./variations/_hint-view/base.js');
-var base$4 = require('./variations/_hint-size/base.js');
+var base$3 = require('./variations/_disabled/base.js');
+var base$2 = require('./variations/_read-only/base.js');
+var base$4 = require('./variations/_hint-view/base.js');
+var base$5 = require('./variations/_hint-size/base.js');
 var InformationWrapper_styles = require('./InformationWrapper.styles.js');
 var InformationWrapper_tokens = require('./InformationWrapper.tokens.js');
 var Label = require('./ui/Label/Label.js');
@@ -19,7 +20,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-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__*/React.forwardRef(function (_ref, ref) {
     var size = _ref.size,
@@ -51,6 +52,7 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       titleCaption = _ref.titleCaption,
       leftHelper = _ref.leftHelper,
       rightHelper = _ref.rightHelper,
+      readOnly = _ref.readOnly,
       disabled = _ref.disabled,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var hasHelpers = leftHelper || rightHelper;
@@ -58,7 +60,8 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       ref: ref,
       size: size,
       view: view,
-      disabled: disabled
+      disabled: disabled,
+      readOnly: readOnly
     }, hintText && {
       hintView: hintView,
       hintSize: hintSize
@@ -102,7 +105,9 @@ var informationWrapperRoot = function informationWrapperRoot(Root) {
       hintOffset: hintOffset,
       hintWidth: hintWidth,
       hintContentLeft: hintContentLeft
-    }), /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.Helpers, null, leftHelper && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.LeftHelper, null, leftHelper), rightHelper && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.RightHelper, null, rightHelper)))));
+    }), /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.Helpers, null, leftHelper && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.LeftHelper, {
+      className: InformationWrapper_tokens.classes.leftHelper
+    }, leftHelper), rightHelper && /*#__PURE__*/React__default.default.createElement(InformationWrapper_styles.RightHelper, null, rightHelper)))));
   });
 };
 var informationWrapperConfig = {
@@ -117,15 +122,19 @@ var informationWrapperConfig = {
     view: {
       css: base$1.base
     },
-    disabled: {
+    readOnly: {
       css: base$2.base,
       attrs: true
     },
+    disabled: {
+      css: base$3.base,
+      attrs: true
+    },
     hintView: {
-      css: base$3.base
+      css: base$4.base
     },
     hintSize: {
-      css: base$4.base
+      css: base$5.base
     }
   },
   defaults: {

package/dist/css/cjs/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/cjs/components/InformationWrapper/InformationWrapper.styles.js

@@ -1,4 +1,4 @@
-require('./InformationWrapper.styles_1o4mbq5.css');
+require('./InformationWrapper.styles_p99b7q.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -39,6 +39,18 @@ var _exp5 = function _exp5() {
     return hasCaption ? "var(".concat(InformationWrapper_tokens.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__*/react.styled('div')({
   name: "LabelWrapper",
   "class": "l19xn9bg",
@@ -46,12 +58,14 @@ var LabelWrapper = /*#__PURE__*/react.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';
   };
 };
@@ -60,7 +74,7 @@ var IndicatorWrapper = /*#__PURE__*/react.styled('div')({
   "class": "ia4nqa1",
   propsAsIs: false,
   vars: {
-    "ia4nqa1-0": [/*#__PURE__*/_exp6()]
+    "ia4nqa1-0": [/*#__PURE__*/_exp8()]
   }
 });
 var Label = /*#__PURE__*/react.styled('label')({
@@ -68,10 +82,10 @@ var Label = /*#__PURE__*/react.styled('label')({
   "class": "l1fqe3w9",
   propsAsIs: false
 });
-var _exp10 = function _exp10() {
-  return function (_ref5) {
-    var hasCaption = _ref5.hasCaption;
-    return hasCaption ? "translateY(var(".concat(InformationWrapper_tokens.tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
+var _exp13 = function _exp13() {
+  return function (_ref7) {
+    var hasCaption = _ref7.hasCaption;
+    return hasCaption ? "translateY(var(".concat(InformationWrapper_tokens.tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(var(--plasma_private-translateY-without-title-caption)';
   };
 };
 var HintWrapper = /*#__PURE__*/react.styled('div')({
@@ -79,7 +93,7 @@ var HintWrapper = /*#__PURE__*/react.styled('div')({
   "class": "h1wtm44t",
   propsAsIs: false,
   vars: {
-    "h1wtm44t-0": [/*#__PURE__*/_exp10()]
+    "h1wtm44t-0": [/*#__PURE__*/_exp13()]
   }
 });
 var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
@@ -87,10 +101,10 @@ var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
   "class": "h43wmae",
   propsAsIs: false
 });
-var _exp12 = function _exp12() {
+var _exp15 = function _exp15() {
   return Tooltip;
 };
-var Hint = /*#__PURE__*/react.styled(_exp12())({
+var Hint = /*#__PURE__*/react.styled(_exp15())({
   name: "Hint",
   "class": "hdyyw77",
   propsAsIs: true
@@ -100,9 +114,9 @@ var HintIconWrapper = /*#__PURE__*/react.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(InformationWrapper_tokens.tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
   };
 };
@@ -111,7 +125,7 @@ var Indicator = /*#__PURE__*/react.styled('div')({
   "class": "i1jayrnz",
   propsAsIs: false,
   vars: {
-    "i1jayrnz-0": [/*#__PURE__*/_exp25()]
+    "i1jayrnz-0": [/*#__PURE__*/_exp28()]
   }
 });
 var OptionalText = /*#__PURE__*/react.styled('span')({
@@ -119,9 +133,9 @@ var OptionalText = /*#__PURE__*/react.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(InformationWrapper_tokens.tokens.titleCaptionOffset, ")") : 'unset';
   };
 };
@@ -130,7 +144,7 @@ var TitleCaption = /*#__PURE__*/react.styled('div')({
   "class": "t7bnw1h",
   propsAsIs: false,
   vars: {
-    "t7bnw1h-0": [/*#__PURE__*/_exp29()]
+    "t7bnw1h-0": [/*#__PURE__*/_exp32()]
   }
 });
 var Helpers = /*#__PURE__*/react.styled('div')({

package/dist/css/cjs/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/{es/components/InformationWrapper/InformationWrapper.styles_1o4mbq5.css → cjs/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/cjs/components/InformationWrapper/InformationWrapper.tokens.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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 */
@@ -18,9 +19,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',
@@ -68,6 +71,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',

package/dist/css/cjs/components/InformationWrapper/InformationWrapper.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationWrapper.tokens.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tokens.ts"],"sourcesContent":["export const classes = {\n    withoutLabel: 'info-wrapper-without-label',\n    requiredAlignLeft: 'info-wrapper-required-align-left',\n};\n\nexport const tokens = {\n    /** Токены для label */\n    indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',\n    labelWrapperOffset: '--plasma-info-wrapper-label-wrapper-offset',\n    labelWrapperTitleCaptionOffset: '--plasma-info-wrapper-label-wrapper-title-caption-offset',\n    labelFontFamily: '--plasma-info-wrapper-label-font-family',\n    labelFontStyle: '--plasma-info-wrapper-label-font-style',\n    labelFontSize: '--plasma-info-wrapper-label-font-size',\n    labelFontWeight: '--plasma-info-wrapper-label-font-weight',\n    labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',\n    labelLineHeight: '--plasma-info-wrapper-label-line-height',\n    labelColor: '--plasma-info-wrapper-label-color',\n\n    contentGap: '--plasma-info-wrapper-content-gap',\n\n    titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',\n    titleCaptionColor: '--plasma-info-wrapper-title-caption-color',\n    titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',\n    titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-info-wrapper-title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-info-wrapper-title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-info-wrapper-title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-info-wrapper-hint-margin',\n    hintTargetSize: '--plasma-info-wrapper-hint-target-size',\n    hintCustomIconTargetSize: '--plasma-info-wrapper-hint-custom-icon-target-size',\n    hintIconColor: '--plasma-info-wrapper-hint-icon-color',\n    hintWithoutLabelPlacementOffset: '--plasma-info-wrapper-hint-without-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-info-wrapper-tooltip-background-color',\n    tooltipBoxShadow: '--plasma-info-wrapper-tooltip-box-shadow',\n    tooltipColor: '--plasma-info-wrapper-tooltip-color',\n\n    tooltipPaddingTop: '--plasma-info-wrapper-tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-info-wrapper-tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-info-wrapper-tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-info-wrapper-tooltip-padding-left',\n    tooltipMinHeight: '--plasma-info-wrapper-tooltip-min-height',\n    tooltipBorderRadius: '--plasma-info-wrapper-tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-info-wrapper-tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-info-wrapper-tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-info-wrapper-tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-info-wrapper-tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-info-wrapper-tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-info-wrapper-tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-info-wrapper-tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-info-wrapper-tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-info-wrapper-tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-info-wrapper-tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-info-wrapper-tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-info-wrapper-tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-info-wrapper-tooltip-arrow-background',\n\n    /** Токены для required indicator */\n    indicatorColor: '--plasma-info-wrapper-indicator-color',\n    indicatorSizeInner: '--plasma-info-wrapper-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-info-wrapper-indicator-size-outer',\n    indicatorMarginTop: '--plasma-info-wrapper-indicator-margin-top',\n    indicatorOuterLeft: '--plasma-info-wrapper-indicator-outer-left',\n    indicatorWithoutLabelInner: '--plasma-info-wrapper-indicator-without-label-inner',\n    indicatorWithoutLabelInnerLeft: '--plasma-info-wrapper-indicator-without-label-inner-left',\n\n    /** Токены для optional */\n    optionalColor: '--plasma-info-wrapper-optional-color',\n\n    /** Токены для подписей снизу */\n    leftHelperColor: '--plasma-info-wrapper-left-helper-color',\n    rightHelperColor: '--plasma-info-wrapper-right-helper-color',\n\n    helpersPadding: '--plasma-info-wrapper-helpers-padding-top',\n    helpersGap: '--plasma-info-wrapper-helpers-gap',\n\n    leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',\n    leftHelperFontStyle: '--plasma-info-wrapper-left-helper-font-style',\n    leftHelperFontSize: '--plasma-info-wrapper-left-helper-font-size',\n    leftHelperFontWeight: '--plasma-info-wrapper-left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-info-wrapper-left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-info-wrapper-left-helper-line-height',\n\n    rightHelperFontFamily: '--plasma-info-wrapper-right-helper-font-family',\n    rightHelperFontStyle: '--plasma-info-wrapper-right-helper-font-style',\n    rightHelperFontSize: '--plasma-info-wrapper-right-helper-font-size',\n    rightHelperFontWeight: '--plasma-info-wrapper-right-helper-font-weight',\n    rightHelperLetterSpacing: '--plasma-info-wrapper-right-helper-letter-spacing',\n    rightHelperLineHeight: '--plasma-info-wrapper-right-helper-line-height',\n\n    disabledOpacity: '--plasma-info-wrapper-disabled-opacity',\n};\n"],"names":["classes","withoutLabel","requiredAlignLeft","tokens","indicatorWrapperGap","labelWrapperOffset","labelWrapperTitleCaptionOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelColor","contentGap","titleCaptionOffset","titleCaptionColor","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintWithoutLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorMarginTop","indicatorOuterLeft","indicatorWithoutLabelInner","indicatorWithoutLabelInnerLeft","optionalColor","leftHelperColor","rightHelperColor","helpersPadding","helpersGap","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","rightHelperFontFamily","rightHelperFontStyle","rightHelperFontSize","rightHelperFontWeight","rightHelperLetterSpacing","rightHelperLineHeight","disabledOpacity"],"mappings":"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"}
+{"version":3,"file":"InformationWrapper.tokens.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tokens.ts"],"sourcesContent":["export const classes = {\n    withoutLabel: 'info-wrapper-without-label',\n    requiredAlignLeft: 'info-wrapper-required-align-left',\n    leftHelper: 'info-wrapper-left-helper',\n};\n\nexport const tokens = {\n    /** Токены для label */\n    indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',\n    labelWrapperOffset: '--plasma-info-wrapper-label-wrapper-offset',\n    labelWrapperTitleCaptionOffset: '--plasma-info-wrapper-label-wrapper-title-caption-offset',\n    labelFontFamily: '--plasma-info-wrapper-label-font-family',\n    labelFontStyle: '--plasma-info-wrapper-label-font-style',\n    labelFontSize: '--plasma-info-wrapper-label-font-size',\n    labelFontWeight: '--plasma-info-wrapper-label-font-weight',\n    labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',\n    labelLineHeight: '--plasma-info-wrapper-label-line-height',\n    labelColor: '--plasma-info-wrapper-label-color',\n    labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',\n\n    contentGap: '--plasma-info-wrapper-content-gap',\n\n    titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',\n    titleCaptionColor: '--plasma-info-wrapper-title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',\n    titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',\n    titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-info-wrapper-title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-info-wrapper-title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-info-wrapper-title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-info-wrapper-hint-margin',\n    hintTargetSize: '--plasma-info-wrapper-hint-target-size',\n    hintCustomIconTargetSize: '--plasma-info-wrapper-hint-custom-icon-target-size',\n    hintIconColor: '--plasma-info-wrapper-hint-icon-color',\n    hintWithoutLabelPlacementOffset: '--plasma-info-wrapper-hint-without-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-info-wrapper-tooltip-background-color',\n    tooltipBoxShadow: '--plasma-info-wrapper-tooltip-box-shadow',\n    tooltipColor: '--plasma-info-wrapper-tooltip-color',\n\n    tooltipPaddingTop: '--plasma-info-wrapper-tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-info-wrapper-tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-info-wrapper-tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-info-wrapper-tooltip-padding-left',\n    tooltipMinHeight: '--plasma-info-wrapper-tooltip-min-height',\n    tooltipBorderRadius: '--plasma-info-wrapper-tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-info-wrapper-tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-info-wrapper-tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-info-wrapper-tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-info-wrapper-tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-info-wrapper-tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-info-wrapper-tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-info-wrapper-tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-info-wrapper-tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-info-wrapper-tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-info-wrapper-tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-info-wrapper-tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-info-wrapper-tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-info-wrapper-tooltip-arrow-background',\n\n    /** Токены для required indicator */\n    indicatorColor: '--plasma-info-wrapper-indicator-color',\n    indicatorSizeInner: '--plasma-info-wrapper-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-info-wrapper-indicator-size-outer',\n    indicatorMarginTop: '--plasma-info-wrapper-indicator-margin-top',\n    indicatorOuterLeft: '--plasma-info-wrapper-indicator-outer-left',\n    indicatorWithoutLabelInner: '--plasma-info-wrapper-indicator-without-label-inner',\n    indicatorWithoutLabelInnerLeft: '--plasma-info-wrapper-indicator-without-label-inner-left',\n\n    /** Токены для optional */\n    optionalColor: '--plasma-info-wrapper-optional-color',\n\n    /** Токены для подписей снизу */\n    leftHelperColor: '--plasma-info-wrapper-left-helper-color',\n    rightHelperColor: '--plasma-info-wrapper-right-helper-color',\n    leftHelperColorReadOnly: '--plasma-info-wrapper-left-helper-color-readonly',\n    rightHelperColorReadOnly: '--plasma-info-wrapper-right-helper-color-readonly',\n\n    helpersPadding: '--plasma-info-wrapper-helpers-padding-top',\n    helpersGap: '--plasma-info-wrapper-helpers-gap',\n\n    leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',\n    leftHelperFontStyle: '--plasma-info-wrapper-left-helper-font-style',\n    leftHelperFontSize: '--plasma-info-wrapper-left-helper-font-size',\n    leftHelperFontWeight: '--plasma-info-wrapper-left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-info-wrapper-left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-info-wrapper-left-helper-line-height',\n\n    rightHelperFontFamily: '--plasma-info-wrapper-right-helper-font-family',\n    rightHelperFontStyle: '--plasma-info-wrapper-right-helper-font-style',\n    rightHelperFontSize: '--plasma-info-wrapper-right-helper-font-size',\n    rightHelperFontWeight: '--plasma-info-wrapper-right-helper-font-weight',\n    rightHelperLetterSpacing: '--plasma-info-wrapper-right-helper-letter-spacing',\n    rightHelperLineHeight: '--plasma-info-wrapper-right-helper-line-height',\n\n    disabledOpacity: '--plasma-info-wrapper-disabled-opacity',\n};\n"],"names":["classes","withoutLabel","requiredAlignLeft","leftHelper","tokens","indicatorWrapperGap","labelWrapperOffset","labelWrapperTitleCaptionOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelColor","labelColorReadOnly","contentGap","titleCaptionOffset","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintWithoutLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorMarginTop","indicatorOuterLeft","indicatorWithoutLabelInner","indicatorWithoutLabelInnerLeft","optionalColor","leftHelperColor","rightHelperColor","leftHelperColorReadOnly","rightHelperColorReadOnly","helpersPadding","helpersGap","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","rightHelperFontFamily","rightHelperFontStyle","rightHelperFontSize","rightHelperFontWeight","rightHelperLetterSpacing","rightHelperLineHeight","disabledOpacity"],"mappings":"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"}

package/dist/css/cjs/components/InformationWrapper/ui/{Label/Label.css → Hint/Hint.css}

@@ -10,20 +10,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/cjs/components/InformationWrapper/variations/_read-only/base.js

@@ -0,0 +1,9 @@
+require('./base_of19k8.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b2rf35v";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/dist/css/cjs/components/InformationWrapper/variations/_read-only/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label, LeftHelper, RightHelper, TitleCaption } from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    &[readonly] {\n        ${Label} {\n            color: var(${tokens.labelColorReadOnly}, var(${tokens.labelColor}));\n        }\n\n        ${TitleCaption} {\n            color: var(${tokens.titleCaptionColorReadOnly}, var(${tokens.titleCaptionColor}));\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly}, var(${tokens.leftHelperColor}));\n        }\n\n        ${RightHelper} {\n            color: var(${tokens.rightHelperColorReadOnly}, var(${tokens.rightHelperColor}));\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAkBhB;;;;"}

package/dist/css/cjs/components/InformationWrapper/variations/_read-only/base_of19k8.css

@@ -0,0 +1 @@
+.b2rf35v[readonly] .l1fqe3w9{color:var(--plasma-info-wrapper-label-color-readonly,var(--plasma-info-wrapper-label-color));}.b2rf35v[readonly] .t7bnw1h{color:var(--plasma-info-wrapper-title-caption-color-readonly,var(--plasma-info-wrapper-title-caption-color));}.b2rf35v[readonly] .l132dj1{color:var(--plasma-info-wrapper-left-helper-color-readonly,var(--plasma-info-wrapper-left-helper-color));}.b2rf35v[readonly] .r19wxw5z{color:var(--plasma-info-wrapper-right-helper-color-readonly,var(--plasma-info-wrapper-right-helper-color));}

package/dist/css/cjs/components/InformationWrapper/variations/_size/base.js

@@ -1,4 +1,4 @@
-require('./base_xg1ywk.css');
+require('./base_192z4sg.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/css/cjs/components/InformationWrapper/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n    Helpers,\n    HintTargetWrapper,\n    HintWrapper,\n    Label,\n    LeftHelper,\n    OptionalText,\n    RightHelper,\n    TitleCaption,\n} from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    ${Label}, ${OptionalText} {\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${HintWrapper} {\n        margin: var(${tokens.hintMargin});\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${HintTargetWrapper} {\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n        margin: var(${tokens.hintMargin});\n    }\n\n    ${TitleCaption} {\n        font-family: var(${tokens.titleCaptionFontFamily});\n        font-size: var(${tokens.titleCaptionFontSize});\n        font-style: var(${tokens.titleCaptionFontStyle});\n        font-weight: var(${tokens.titleCaptionFontWeight});\n        letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n        line-height: var(${tokens.titleCaptionLineHeight});\n    }\n\n    ${Helpers} {\n        padding: var(${tokens.helpersPadding});\n        gap: var(${tokens.helpersGap});\n    }\n\n    ${LeftHelper} {\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n\n    ${RightHelper} {\n        font-family: var(${tokens.rightHelperFontFamily});\n        font-size: var(${tokens.rightHelperFontSize});\n        font-style: var(${tokens.rightHelperFontStyle});\n        font-weight: var(${tokens.rightHelperFontWeight});\n        letter-spacing: var(${tokens.rightHelperLetterSpacing});\n        line-height: var(${tokens.rightHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAcO,IAAMA,IAAI,GAqDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n    Helpers,\n    HintTargetWrapper,\n    HintWrapper,\n    Label,\n    LeftHelper,\n    OptionalText,\n    RightHelper,\n    TitleCaption,\n} from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    ${Label}, ${OptionalText} {\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${HintWrapper} {\n        margin: var(${tokens.hintMargin});\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${HintTargetWrapper} {\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${TitleCaption} {\n        font-family: var(${tokens.titleCaptionFontFamily});\n        font-size: var(${tokens.titleCaptionFontSize});\n        font-style: var(${tokens.titleCaptionFontStyle});\n        font-weight: var(${tokens.titleCaptionFontWeight});\n        letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n        line-height: var(${tokens.titleCaptionLineHeight});\n    }\n\n    ${Helpers} {\n        padding: var(${tokens.helpersPadding});\n        gap: var(${tokens.helpersGap});\n    }\n\n    ${LeftHelper} {\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n\n    ${RightHelper} {\n        font-family: var(${tokens.rightHelperFontFamily});\n        font-size: var(${tokens.rightHelperFontSize});\n        font-style: var(${tokens.rightHelperFontStyle});\n        font-weight: var(${tokens.rightHelperFontWeight});\n        letter-spacing: var(${tokens.rightHelperLetterSpacing});\n        line-height: var(${tokens.rightHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAcO,IAAMA,IAAI,GAoDhB;;;;"}

package/dist/css/cjs/components/InformationWrapper/variations/_size/base_192z4sg.css

@@ -0,0 +1 @@
+.bhbljtz .l1fqe3w9,.bhbljtz .oaxqu7s{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);}.bhbljtz .h1wtm44t{margin:var(--plasma-info-wrapper-hint-margin);width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.bhbljtz .h43wmae{width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.bhbljtz .t7bnw1h{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);}.bhbljtz .h18pp23t{padding:var(--plasma-info-wrapper-helpers-padding-top);gap:var(--plasma-info-wrapper-helpers-gap);}.bhbljtz .l132dj1{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);}.bhbljtz .r19wxw5z{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);}