@salutejs/plasma-new-hope 0.172.0-canary.1452.11439149903.0 → 0.172.0-canary.1459.11440222275.0

package/es/components/TextField/ui/Hint/Hint.css

@@ -0,0 +1,34 @@
+.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
+.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
+
+.Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
+
+.Tooltip_aay375_s1cz8cv8__390cdb21{--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);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+
+
+.TextField_styles_grgg7q_i1j28rg8__04d4fe84{position:relative;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;box-sizing:border-box;}
+.TextField_styles_grgg7q_i13zudoe__04d4fe84{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_grgg7q_so4bpie__04d4fe84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_grgg7q_i13qvwoy__04d4fe84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
+.TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_grgg7q_ibt1ohz__04d4fe84{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_grgg7q_olv9av6__04d4fe84{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;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
+.TextField_styles_grgg7q_suk2zst__04d4fe84{position:relative;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;}
+.TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_grgg7q_sb3k3v1__04d4fe84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_grgg7q_hgy0im1__04d4fe84{color:var(--plasma-textfield__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;}
+
+.TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}

package/es/components/TextField/ui/Hint/Hint.js

@@ -0,0 +1,49 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles.js';
+import '@linaria/react';
+import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
+import { safeUseId } from '../../../../utils/react.js';
+
+var _IconInfoCircleOutlin;
+var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var hintText = _ref.hintText,
+    isHintVisible = _ref.isHintVisible,
+    hintTrigger = _ref.hintTrigger,
+    hintTargetIcon = _ref.hintTargetIcon,
+    hintPlacement = _ref.hintPlacement,
+    hintHasArrow = _ref.hintHasArrow,
+    hintOffset = _ref.hintOffset,
+    hintWidth = _ref.hintWidth,
+    hintContentLeft = _ref.hintContentLeft,
+    handleHintShow = _ref.handleHintShow,
+    handleHintHide = _ref.handleHintHide,
+    handleHintClick = _ref.handleHintClick;
+  var hintId = safeUseId();
+  return /*#__PURE__*/React.createElement(Hint, {
+    ref: ref,
+    text: String(hintText),
+    opened: isHintVisible,
+    target: /*#__PURE__*/React.createElement(HintTargetWrapper, null, /*#__PURE__*/React.createElement(HintIconWrapper, _extends({
+      id: hintId
+    }, hintTrigger === 'hover' ? {
+      onMouseEnter: handleHintShow,
+      onMouseLeave: handleHintHide
+    } : {
+      onClick: handleHintClick
+    }), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+      size: "xs",
+      color: "inherit"
+    })))),
+    placement: hintPlacement,
+    hasArrow: hintHasArrow,
+    offset: hintOffset,
+    minWidth: hintWidth,
+    maxWidth: hintWidth,
+    contentLeft: hintContentLeft,
+    frame: hintId
+  });
+});
+
+export { HintComponent };
+//# sourceMappingURL=Hint.js.map

package/es/components/TextField/ui/Hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper\n                            id={hintId}\n                            {...(hintTrigger === 'hover'\n                                ? {\n                                      onMouseEnter: handleHintShow,\n                                      onMouseLeave: handleHintHide,\n                                  }\n                                : { onClick: handleHintClick })}\n                        >\n                            {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","size","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;;AAQO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAeIC,GAAG,EACF;AAAA,EAAA,IAdGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,IAAA,CAAfa,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAEC,MAAM,CAAClB,QAAQ,CAAE;AACvBmB,IAAAA,MAAM,EAAElB,aAAc;AACtBmB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEZ,MAAAA;KACCV,EAAAA,WAAW,KAAK,OAAO,GACtB;AACIuB,MAAAA,YAAY,EAAEhB,cAAc;AAC5BiB,MAAAA,YAAY,EAAEhB,cAAAA;AAClB,KAAC,GACD;AAAEiB,MAAAA,OAAO,EAAEhB,eAAAA;KAAiB,CAAA,EAEjCR,cAAc,IAAAyB,qBAAA,KAAAA,qBAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CACzD,CACF,CACtB;AACDC,IAAAA,SAAS,EAAE5B,aAAc;AACzB6B,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,QAAQ,EAAE5B,SAAU;AACpB6B,IAAAA,QAAQ,EAAE7B,SAAU;AACpB8B,IAAAA,WAAW,EAAE7B,eAAgB;AAC7B8B,IAAAA,KAAK,EAAE1B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}

package/es/components/TextField/variations/_clear/base.js

@@ -1,4 +1,4 @@
-import './base_rit6gc.css';
+import './base_1i91sjp.css';
 var base = "bg547ku";
 
 export { base };

package/es/components/TextField/variations/_clear/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    Label,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledIndicator,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.clear} {\n        &[readonly] ${InputWrapper}, ${InputWrapper} {\n            background-color: unset;\n            box-shadow: none;\n            border-radius: 0;\n            padding-left: 0;\n            padding-right: 0;\n\n            &:hover {\n                background-color: unset;\n            }\n        }\n\n        ${StyledContentLeft} {\n            margin-left: 0;\n        }\n\n        ${StyledContentRight} {\n            margin-right: 0;\n        }\n\n        &.${classes.outerLabelPlacement} {\n            ${Label} {\n                margin-bottom: var(${tokens.clearLabelOffset});\n            }\n        }\n\n        ${Input} {\n            color: var(${tokens.clearColor});\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n\n        ${StyledIndicator} {\n            &.${classes.innerLabelPlacement} {\n                inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n                &.align-right {\n                    inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n                }\n            }\n        }\n\n        &.${classes.hasDivider} {\n            ${InputWrapper} {\n                --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n                &:before {\n                    content: '';\n                    position: absolute;\n                    height: 0.063rem;\n                    width: 100%;\n                    bottom: 0;\n                    left: 0;\n                    background-color: var(--plasma_private-textfield-divider-color);\n                    transition: background-color 0.1s ease-in;\n                }\n            }\n\n            &:not([readonly]) ${InputWrapper}:hover {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorHover},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n\n            &:not([readonly]) ${InputWrapper}:focus-within {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorFocus},\n                    var(${String(tokens.dividerColor)})\n                );\n\n                ${InputPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColorFocus});\n                }\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAiFhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    OuterLabelWrapper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledHintWrapper,\n    StyledIndicator,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.clear} {\n        &[readonly] ${InputWrapper}, ${InputWrapper} {\n            background-color: unset;\n            box-shadow: none;\n            border-radius: 0;\n            padding-left: 0;\n            padding-right: 0;\n\n            &:hover {\n                background-color: unset;\n            }\n        }\n\n        ${StyledContentLeft} {\n            margin-left: 0;\n        }\n\n        ${StyledContentRight} {\n            margin-right: 0;\n        }\n\n        &.${classes.outerLabelPlacement} {\n            ${OuterLabelWrapper} {\n                margin-bottom: var(${tokens.clearLabelOffset});\n            }\n        }\n\n        ${Input} {\n            color: var(${tokens.clearColor});\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n\n        ${StyledIndicator} {\n            &.${classes.innerLabelPlacement} {\n                inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n                &.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n                }\n            }\n        }\n\n        &.${classes.hasHint} {\n            ${StyledHintWrapper} {\n                &.${classes.innerLabelPlacement} {\n                    inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n                }\n            }\n\n            ${StyledIndicator} {\n                &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorHintInnerRight});\n                }\n            }\n        }\n\n        &.${classes.hasDivider} {\n            ${InputWrapper} {\n                --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n                &:before {\n                    content: '';\n                    position: absolute;\n                    height: 0.063rem;\n                    width: 100%;\n                    bottom: 0;\n                    left: 0;\n                    background-color: var(--plasma_private-textfield-divider-color);\n                    transition: background-color 0.1s ease-in;\n                }\n            }\n\n            &:not([readonly]) ${InputWrapper}:hover {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorHover},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n\n            &:not([readonly]) ${InputWrapper}:focus-within {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorFocus},\n                    var(${String(tokens.dividerColor)})\n                );\n\n                ${InputPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColorFocus});\n                }\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GA+FhB;;;;"}

package/es/components/TextField/variations/_clear/base_1i91sjp.css

@@ -0,0 +1 @@
+.bg547ku.textfield-clear[readonly] .i1j28rg8,.bg547ku.textfield-clear .i1j28rg8{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .i1j28rg8:hover,.bg547ku.textfield-clear .i1j28rg8:hover{background-color:unset;}.bg547ku.textfield-clear .s190z894{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .i13qvwoy{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color-focus);}

package/es/components/TextField/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_2tv0nz.css';
+import './base_4d3opa.css';
 var base = "b15zsg4z";
 
 export { base };

package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css}

@@ -1 +1 @@
-.b15zsg4z[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .io4bpie{cursor:not-allowed;min-width:unset;}
+.b15zsg4z[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .i13qvwoy{cursor:not-allowed;min-width:unset;}

package/es/components/TextField/variations/_hint-size/base.js

@@ -0,0 +1,5 @@
+import './base_1x99605.css';
+var base = "b10o15xy";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/TextField/variations/_hint-size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_hint-size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextField.styles';\n\nexport const base = css`\n    ${Hint} {\n        ${tooltipTokens.paddingTop}: var(${tokens.tooltipPaddingTop});\n        ${tooltipTokens.paddingRight}: var(${tokens.tooltipPaddingRight});\n        ${tooltipTokens.paddingBottom}: var(${tokens.tooltipPaddingBottom});\n        ${tooltipTokens.paddingLeft}: var(${tokens.tooltipPaddingLeft});\n\n        ${tooltipTokens.minHeight}: var(${tokens.tooltipMinHeight});\n        ${tooltipTokens.borderRadius}: var(${tokens.tooltipBorderRadius});\n\n        ${tooltipTokens.textFontFamily}: var(${tokens.tooltipTextFontFamily});\n        ${tooltipTokens.textFontSize}: var(${tokens.tooltipTextFontSize});\n        ${tooltipTokens.textFontStyle}: var(${tokens.tooltipTextFontStyle});\n        ${tooltipTokens.textFontWeight}: var(${tokens.tooltipTextFontWeight});\n        ${tooltipTokens.textFontLetterSpacing}: var(${tokens.tooltipTextFontLetterSpacing});\n        ${tooltipTokens.textFontLineHeight}: var(${tokens.tooltipTextFontLineHeight});\n\n        ${tooltipTokens.contentLeftMargin}: var(${tokens.tooltipContentLeftMargin});\n\n        ${tooltipTokens.arrowMaskWidth}: var(${tokens.tooltipArrowMaskWidth});\n        ${tooltipTokens.arrowMaskHeight}: var(${tokens.tooltipArrowMaskHeight});\n        ${tooltipTokens.arrowMaskImage}: var(${tokens.tooltipArrowMaskImage});\n        ${tooltipTokens.arrowHeight}: var(${tokens.tooltipArrowHeight});\n        ${tooltipTokens.arrowEdgeMargin}: var(${tokens.tooltipArrowEdgeMargin});\n        ${tooltipTokens.arrowBackground}: var(${tokens.tooltipArrowBackground});\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA0BhB;;;;"}

package/es/components/TextField/variations/_hint-size/base_1x99605.css

@@ -0,0 +1 @@
+.b10o15xy .hq39zt5{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}

package/es/components/TextField/variations/_hint-view/base.js

@@ -0,0 +1,5 @@
+import './base_l8etux.css';
+var base = "bbsd6t5";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/TextField/variations/_hint-view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_hint-view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextField.styles';\n\nexport const base = css`\n    ${Hint} {\n        ${tooltipTokens.backgroundColor}: var(${tokens.tooltipBackgroundColor});\n        ${tooltipTokens.boxShadow}: var(${tokens.tooltipBoxShadow});\n        ${tooltipTokens.color}: var(${tokens.tooltipColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAMhB;;;;"}

package/es/components/TextField/variations/_hint-view/base_l8etux.css

@@ -0,0 +1 @@
+.bbsd6t5 .hq39zt5{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}

package/es/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
-import './base_1ghihns.css';
+import './base_3domm.css';
 var base = "b15d3bnf";
 
 export { base };

package/es/components/TextField/variations/_label-placement/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            margin-bottom: var(${tokens.labelOffset});\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        ${StyledTextAfter}, ${StyledTextBefore} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n            color: var(${tokens.placeholderColor});\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: var(${tokens.height});\n\n            padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n            padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAuDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        ${StyledTextAfter}, ${StyledTextBefore} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n            color: var(${tokens.placeholderColor});\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: var(${tokens.height});\n\n            padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n            padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsDhB;;;;"}

package/es/components/TextField/variations/_label-placement/base_3domm.css

@@ -0,0 +1 @@
+.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s14qvple,.b15d3bnf.label-placement-inner .smqgwd8{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}

package/es/components/TextField/variations/_read-only/base.js

@@ -1,4 +1,4 @@
-import './base_1n7tghz.css';
+import './base_17ypmu7.css';
 var base = "b1w985rt";
 
 export { base };

package/es/components/TextField/variations/_read-only/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            color: var(${tokens.colorReadOnly});\n            background-color: var(${String(tokens.backgroundColorReadOnly)});\n            box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\n        }\n\n        ${InputWrapper}:hover {\n            background-color: var(${tokens.backgroundColorReadOnly});\n        }\n\n        ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAoChB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            color: var(${tokens.colorReadOnly});\n            background-color: var(${String(tokens.backgroundColorReadOnly)});\n            box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\n        }\n\n        ${InputWrapper}:hover {\n            background-color: var(${tokens.backgroundColorReadOnly});\n        }\n\n        ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${TitleCaption} {\n            color: var(${tokens.titleCaptionColorReadOnly});\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwChB;;;;"}

package/es/components/TextField/variations/_read-only/base_17ypmu7.css

@@ -0,0 +1 @@
+.b1w985rt[readonly] .i1j28rg8{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .i1j28rg8:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .i1j28rg8:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .i1j28rg8:focus-within .ibt1ohz,.b1w985rt[readonly] .ibt1ohz{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .i13qvwoy{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}

package/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_1h8l0kj.css';
+import './base_1xdmaqh.css';
 var base = "b13ve66i";
 
 export { base };

package/es/components/TextField/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputContainer,\n    InputWrapper,\n    Label,\n    LeftHelper,\n    StyledTextAfter,\n    StyledTextBefore,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${Input} {\n        width: 100%;\n        font: inherit;\n        letter-spacing: inherit;\n        line-height: inherit;\n    }\n\n    ${InputContainer} {\n        width: 100%;\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    ${InputWrapper} {\n        height: var(${tokens.height});\n        border-radius: var(${tokens.borderRadius});\n        padding: var(${tokens.padding});\n\n        &.${classes.hasChips} {\n            padding-top: var(${tokens.paddingWithChips});\n            padding-bottom: var(${tokens.paddingWithChips});\n        }\n\n        &.${classes.hasEmptyContentLeft} {\n            padding-left: var(${tokens.paddingWithChips});\n        }\n\n        &.${classes.hasEmptyContentRight} {\n            padding-right: var(${tokens.paddingWithChips});\n        }\n    }\n\n    ${Label} {\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    ${LeftHelper} {\n        margin-top: var(${tokens.leftHelperOffset});\n\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    ${StyledTextBefore}, ${StyledTextAfter} {\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    ${StyledTextBefore} {\n        margin: var(${tokens.textBeforeMargin});\n    }\n\n    ${StyledTextAfter} {\n        margin: var(${tokens.textAfterMargin});\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAyEhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    HintTargetWrapper,\n    Input,\n    InputContainer,\n    InputWrapper,\n    Label,\n    LeftHelper,\n    StyledHintWrapper,\n    StyledOptionalText,\n    StyledTextAfter,\n    StyledTextBefore,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${Input} {\n        width: 100%;\n        font: inherit;\n        letter-spacing: inherit;\n        line-height: inherit;\n    }\n\n    ${InputContainer} {\n        width: 100%;\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    ${InputWrapper} {\n        height: var(${tokens.height});\n        border-radius: var(${tokens.borderRadius});\n        padding: var(${tokens.padding});\n\n        &.${classes.hasChips} {\n            padding-top: var(${tokens.paddingWithChips});\n            padding-bottom: var(${tokens.paddingWithChips});\n        }\n\n        &.${classes.hasEmptyContentLeft} {\n            padding-left: var(${tokens.paddingWithChips});\n        }\n\n        &.${classes.hasEmptyContentRight} {\n            padding-right: var(${tokens.paddingWithChips});\n        }\n    }\n\n    ${Label}, &:not(.${classes.innerLabelPlacement}) ${StyledOptionalText} {\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    ${StyledHintWrapper} {\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    ${LeftHelper} {\n        margin-top: var(${tokens.leftHelperOffset});\n\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    ${StyledTextBefore}, ${StyledTextAfter} {\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    ${StyledTextBefore} {\n        margin: var(${tokens.textBeforeMargin});\n    }\n\n    ${StyledTextAfter} {\n        margin: var(${tokens.textAfterMargin});\n    }\n`;\n"],"names":["base"],"mappings":"AAiBO,IAAMA,IAAI,GA6FhB;;;;"}

package/es/components/TextField/variations/_size/base_1xdmaqh.css

@@ -0,0 +1 @@
+.b13ve66i .i13qvwoy{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i19ry60d{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .i1j28rg8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .i1j28rg8.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l1gjsnfi,.b13ve66i:not(.label-placement-inner) .s16itze4{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s1skqnhr{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .hgy0im1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .t600610{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .l7hnwwb{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .smqgwd8,.b13ve66i .s14qvple{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s14qvple{margin:var(--plasma-textfield__after-text-margin);}

package/es/components/TextField/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_1noe46b.css';
+import './base_qhyte8.css';
 var base = "bptx5xt";
 
 export { base };

package/es/components/TextField/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    LeftHelper,\n    StyledTextAfter,\n    StyledTextBefore,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n        --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n        color: var(${tokens.color});\n        background-color: var(--plasma_private-textfield-bg-color);\n        box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n        caret-color: var(${tokens.caretColor});\n\n        transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n    }\n    ${InputWrapper}:hover {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorHover},\n            var(${String(tokens.backgroundColor)})\n        );\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n    }\n\n    ${InputPlaceholder} {\n        color: var(${tokens.placeholderColor});\n    }\n\n    ${InputWrapper}:focus-within {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorFocus},\n            var(${String(tokens.backgroundColor)})\n        );\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorFocus});\n        }\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n\n    ${StyledTextBefore} {\n        color: var(${tokens.textBeforeColor});\n    }\n\n    ${StyledTextAfter} {\n        color: var(${tokens.textAfterColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,GAmDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    LeftHelper,\n    StyledTextAfter,\n    StyledTextBefore,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n        --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n        color: var(${tokens.color});\n        background-color: var(--plasma_private-textfield-bg-color);\n        box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n        caret-color: var(${tokens.caretColor});\n\n        transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n    }\n    ${InputWrapper}:hover {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorHover},\n            var(${String(tokens.backgroundColor)})\n        );\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n    }\n\n    ${InputPlaceholder} {\n        color: var(${tokens.placeholderColor});\n    }\n\n    ${InputWrapper}:focus-within {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorFocus},\n            var(${String(tokens.backgroundColor)})\n        );\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorFocus});\n        }\n    }\n\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n\n    ${StyledTextBefore} {\n        color: var(${tokens.textBeforeColor});\n    }\n\n    ${StyledTextAfter} {\n        color: var(${tokens.textAfterColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAuDhB;;;;"}

package/es/components/TextField/variations/_view/base_qhyte8.css

@@ -0,0 +1 @@
+.bptx5xt .i1j28rg8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .i1j28rg8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .i13qvwoy{color:var(--plasma-textfield-color);}.bptx5xt .ibt1ohz{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .i1j28rg8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .l7hnwwb{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s14qvple{color:var(--plasma-textfield__after-text-color);}

package/es/components/TextFieldGroup/TextFieldGroup.css

@@ -2,7 +2,7 @@
 
 .base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
 
-.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeDefault__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d{--plasma_private-text-field-radius-inner:0;}.base_1e0je21_b1jijyt7__df84199d .base_1e0je21_textFieldGroupItem__df84199d .base_1e0je21_iq39zt5__df84199d{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
+.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeDefault__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112.base_52bndd_textFieldGroupGapNone__7df62112{--plasma_private-text-field-radius-inner:0;}.base_52bndd_b1jijyt7__7df62112 .base_52bndd_textFieldGroupItem__7df62112 .base_52bndd_i1j28rg8__7df62112{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
 
 .base_you2ou_b13vfoug__36f20bf4{-webkit-flex-direction:var(--plasma-text-field-group-orientation);-ms-flex-direction:var(--plasma-text-field-group-orientation);flex-direction:var(--plasma-text-field-group-orientation);}.base_you2ou_b13vfoug__36f20bf4.base_you2ou_textFieldGroupOrientationVertical__36f20bf4 .base_you2ou_textFieldGroupItem__36f20bf4{width:auto;}
 

package/es/components/TextFieldGroup/variations/_shape/base.js

@@ -1,4 +1,4 @@
-import './base_1e0je21.css';
+import './base_52bndd.css';
 var base = "b1jijyt7";
 
 export { base };

package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css

@@ -0,0 +1 @@
+.b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .i1j28rg8{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .i1j28rg8,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .i1j28rg8{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .i1j28rg8{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .i1j28rg8{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .i1j28rg8{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .i1j28rg8{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}

package/es/components/_Icon/Icon.assets/InfoCircleOutline.js

@@ -0,0 +1,19 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+
+var _path;
+var InfoCircleOutline = function InfoCircleOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
+    fill: "currentColor"
+  })));
+};
+
+export { InfoCircleOutline };
+//# sourceMappingURL=InfoCircleOutline.js.map

package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCircleOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/InfoCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const InfoCircleOutline: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["InfoCircleOutline","props","React","createElement","_extends","width","viewBox","fill","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,iBAAsC,GAAG,SAAzCA,iBAAsCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACxDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,8gBAA8gB;AAChhBJ,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/es/components/_Icon/Icons/IconInfoCircleOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: InfoCircleOutline
+  });
+};
+
+export { IconInfoCircleOutline };
+//# sourceMappingURL=IconInfoCircleOutline.js.map

package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconInfoCircleOutline.js","sources":["../../../../src/components/_Icon/Icons/IconInfoCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconInfoCircleOutline: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={InfoCircleOutline} />;\n};\n"],"names":["IconInfoCircleOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","InfoCircleOutline"],"mappings":";;;;IAKaA,qBAA0C,GAAG,SAA7CA,qBAA0CA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACrF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,iBAAAA;AAAkB,GAAE,CAAC,CAAA;AAChG;;;;"}