@salutejs/plasma-new-hope 0.343.1-canary.2382.20369051129.0 → 0.343.1-canary.2387.20295571144.0

package/dist/css/cjs/components/TextField/ui/Hint/Hint.css

@@ -10,28 +10,28 @@
 
 .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);}
 
-.TextField_styles_s18fd2_iq39zt5__21d3c155{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_s18fd2_i1j28rg8__21d3c155{-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_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_s18fd2_io4bpie__21d3c155{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_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
-.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
-.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
-.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_s18fd2_olv9av6__21d3c155{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
-.TextField_styles_s18fd2_suk2zst__21d3c155{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_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_s18fd2_s190z894__21d3c155{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;}
-.TextField_styles_s18fd2_sb3k3v1__21d3c155{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_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
-.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
+.TextField_styles_1pu4eym_iq39zt5__18abad84{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_1pu4eym_i1j28rg8__18abad84{-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_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1pu4eym_io4bpie__18abad84{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_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
+.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
+.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_1pu4eym_olv9av6__18abad84{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
+.TextField_styles_1pu4eym_suk2zst__18abad84{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_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_1pu4eym_s190z894__18abad84{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;}
+.TextField_styles_1pu4eym_sb3k3v1__18abad84{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_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
-.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_s18fd2_hgy0im1__21d3c155{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_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1pu4eym_hgy0im1__18abad84{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_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{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/dist/css/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css

@@ -33,29 +33,29 @@
 
 .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);}
 
-.TextField_styles_s18fd2_iq39zt5__21d3c155{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_s18fd2_i1j28rg8__21d3c155{-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_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_s18fd2_io4bpie__21d3c155{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_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
-.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
-.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
-.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_s18fd2_olv9av6__21d3c155{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
-.TextField_styles_s18fd2_suk2zst__21d3c155{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_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_s18fd2_s190z894__21d3c155{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;}
-.TextField_styles_s18fd2_sb3k3v1__21d3c155{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_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
-.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
-
-.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_s18fd2_hgy0im1__21d3c155{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_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1pu4eym_iq39zt5__18abad84{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_1pu4eym_i1j28rg8__18abad84{-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_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1pu4eym_io4bpie__18abad84{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_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
+.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
+.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_1pu4eym_olv9av6__18abad84{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
+.TextField_styles_1pu4eym_suk2zst__18abad84{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_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_1pu4eym_s190z894__18abad84{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;}
+.TextField_styles_1pu4eym_sb3k3v1__18abad84{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_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1pu4eym_hgy0im1__18abad84{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_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
 .TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;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);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}

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

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

package/dist/css/cjs/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 {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    Label,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            position: relative;\n            color: var(${tokens.colorReadOnly});\n            background: transparent;\n\n            :before {\n                position: absolute;\n                content: '';\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                border-radius: var(${tokens.borderRadius});\n                background-color: var(${tokens.backgroundColorReadOnly});\n                opacity: var(${tokens.readOnlyOpacity});\n                box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${tokens.borderColorReadOnly});\n                z-index: -1;\n            }\n\n            :hover {\n                background-color: transparent;\n            }\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\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        ${StyledContentLeft}:hover {\n            color: var(--private_content-slot-color);\n        }\n         \n        ${StyledContentRight} {\n            opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n        }\n\n        ${StyledContentRight}:hover, ${StyledContentRight}:active {\n            cursor: default;\n            color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAcO,IAAMA,IAAI,GAmEhB;;;;"}
+{"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 {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    Label,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            position: relative;\n            z-index: 0;\n            color: var(${tokens.colorReadOnly});\n            background: transparent;\n            box-shadow: none;\n\n            :before {\n                position: absolute;\n                content: '';\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                border-radius: var(${tokens.borderRadius});\n                background-color: var(${tokens.backgroundColorReadOnly});\n                opacity: var(${tokens.readOnlyOpacity});\n                box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${tokens.borderColorReadOnly});\n                z-index: -1;\n            }\n\n            :hover {\n                background-color: transparent;\n            }\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\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        ${StyledContentLeft}:hover {\n            color: var(--private_content-slot-color);\n        }\n         \n        ${StyledContentRight} {\n            opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n        }\n\n        ${StyledContentRight}:hover, ${StyledContentRight}:active {\n            cursor: default;\n            color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAcO,IAAMA,IAAI,GAqEhB;;;;"}

package/dist/css/cjs/components/TextField/variations/_read-only/base_2lss3j.css

@@ -0,0 +1 @@
+.b1w985rt[readonly] .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly] .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly] .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{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] .ssv2kwg:hover{color:var(--private_content-slot-color);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}

package/dist/css/cjs/components/TextField/variations/_view/base.js

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

package/dist/css/cjs/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 { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    StyledTextAfter,\n    StyledTextBefore,\n    StyledContentLeft,\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            var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\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        ${Input} {\n            color: var(${tokens.colorFocus});\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorFocus});\n        }\n\n        ${StyledContentLeft} {\n            color: var(${tokens.contentSlotColorFocus});\n        }\n    }\n\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    ${StyledTextBefore} {\n        color: var(${tokens.textBeforeColor});\n    }\n\n    ${StyledTextAfter} {\n        color: var(${tokens.textAfterColor});\n    }\n\n    &.${classes.hasDivider} {\n        ${InputWrapper} {\n            --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n            --plasma_private-textfield-divider-width: var(${String(tokens.dividerWidth)});\n\n            &:before {\n                content: '';\n                position: absolute;\n                height: var(--plasma_private-textfield-divider-width, 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"],"names":["base"],"mappings":";;;;AAaO,IAAMA,IAAI,GAgGhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, 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            var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\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    &.${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"],"names":["base"],"mappings":";;;;AAaO,IAAMA,IAAI,GA2FhB;;;;"}

package/dist/css/cjs/components/TextField/variations/_view/base_1twy16p.css

@@ -0,0 +1 @@
+.bptx5xt .iq39zt5{--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), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);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 .iq39zt5: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 .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5: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 .iq39zt5:focus-within .i19ry60d{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);}.bptx5xt.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bptx5xt.textfield-has-divider .iq39zt5: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;}.bptx5xt.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bptx5xt.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bptx5xt.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}

package/dist/css/cjs/components/TimePicker/TimePicker.css

@@ -1,10 +1,10 @@
 .base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{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);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{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);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{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);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{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);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{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);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
-.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--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), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);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;}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_ssv2kwg__1c9f79b8{color:var(--plasma-textfield-content-slot-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_t600610__1c9f79b8{color:var(--plasma-textfield__title-caption-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_smqgwd8__1c9f79b8{color:var(--plasma-textfield__before-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_s14qvple__1c9f79b8{color:var(--plasma-textfield__after-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,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;}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--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), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);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;}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_io4bpie__a8f9d947{color:var(--plasma-textfield-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color-focus);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_t600610__a8f9d947{color:var(--plasma-textfield__title-caption-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_l7hnwwb__a8f9d947{color:var(--plasma-textfield__left-helper-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_smqgwd8__a8f9d947{color:var(--plasma-textfield__before-text-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_s14qvple__a8f9d947{color:var(--plasma-textfield__after-text-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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;}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
 
-.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa{position:relative;color:var(--plasma-textfield-color-readonly);background:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:hover{background-color:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_textfieldHasDivider__ecf699aa .base_1ys6zet_iq39zt5__ecf699aa:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:focus-within .base_1ys6zet_i19ry60d__ecf699aa,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_i19ry60d__ecf699aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_io4bpie__ecf699aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_t600610__ecf699aa{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_l7hnwwb__ecf699aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_ssv2kwg__ecf699aa:hover{color:var(--private_content-slot-color);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:hover,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_labelPlacementOuter__ecf699aa .base_1ys6zet_l1gjsnfi__ecf699aa{color:var(--plasma-textfield__label-color-readonly);}
+.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
 
 .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{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);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{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:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
 
@@ -17,29 +17,29 @@
 
 .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);}
 
-.TextField_styles_s18fd2_iq39zt5__21d3c155{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_s18fd2_i1j28rg8__21d3c155{-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_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_s18fd2_io4bpie__21d3c155{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_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
-.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
-.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
-.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_s18fd2_olv9av6__21d3c155{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
-.TextField_styles_s18fd2_suk2zst__21d3c155{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_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_s18fd2_s190z894__21d3c155{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;}
-.TextField_styles_s18fd2_sb3k3v1__21d3c155{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_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
-.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
-
-.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_s18fd2_hgy0im1__21d3c155{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_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1pu4eym_iq39zt5__18abad84{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_1pu4eym_i1j28rg8__18abad84{-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_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1pu4eym_io4bpie__18abad84{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_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
+.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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);padding:var(--i19ry60d-0);}
+.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_1pu4eym_olv9av6__18abad84{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(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
+.TextField_styles_1pu4eym_suk2zst__18abad84{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_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_1pu4eym_s190z894__18abad84{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;}
+.TextField_styles_1pu4eym_sb3k3v1__18abad84{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_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1pu4eym_hgy0im1__18abad84{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_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 

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

@@ -22,9 +22,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
 
 var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "disabled", "readonly", "frame", "usePortal", "closeOnOverlayClick", "closeOnEsc", "offset", "stretched", "dropdownAlign", "dropdownWidth", "dropdownHeight", "columnsQuantity", "onToggle", "onFocus", "onChange"];
-
-// changes to start tests
-
 var timePickerRoot = function timePickerRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,

package/dist/css/cjs/components/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n// changes to start tests\ninterface ActiveTime {\n    hours?: number | null;\n    minutes?: number | null;\n    seconds?: number | null;\n    currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n    forwardRef<HTMLDivElement, TimePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n                value: outerValue,\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                hasRequiredIndicator = true,\n                placeholder,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                disabled = false,\n                readonly = false,\n                frame = 'document',\n                usePortal = false,\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n                stretched,\n                dropdownAlign = 'left',\n                dropdownWidth,\n                dropdownHeight,\n                columnsQuantity = 2,\n                onToggle,\n                onFocus,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const rootForkRef = useForkRef(rootRef, ref);\n\n            const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n            const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n            const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n            const [innerTime, setInnerTime] = useState(outerValue || '');\n            const [rootWidth, setRootWidth] = useState<number | null>(null);\n            const [, setActiveTime] = useState<ActiveTime>({\n                hours: null,\n                minutes: null,\n                seconds: null,\n                currentColumn: null,\n            });\n\n            const viewValue = outerValue ?? innerTime;\n\n            const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n            useEffect(() => {\n                return () => {\n                    [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n                        if (timeoutRef.current) {\n                            clearTimeout(timeoutRef.current);\n                        }\n                    });\n                };\n            }, []);\n\n            useEffect(() => {\n                if (!viewValue) {\n                    return;\n                }\n\n                let timeString = viewValue;\n                if (format === 'HH:mm' && viewValue.length > 5) {\n                    timeString = viewValue.substring(0, 5);\n                }\n                setInnerTime(viewValue);\n                const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n                setActiveTime({\n                    hours: !Number.isNaN(hh) ? hh : null,\n                    minutes: !Number.isNaN(mm) ? mm : null,\n                    seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n                    currentColumn: null,\n                });\n            }, [outerValue, format]);\n\n            useEffect(() => {\n                if (isInnerOpen && (disabled || readonly)) {\n                    setIsInnerOpen(false);\n                }\n            }, [disabled, readonly]);\n\n            useEffect(() => {\n                if (dropdownWidth === 'fullWidth' && rootRef.current) {\n                    const width = rootRef.current.offsetWidth;\n                    setRootWidth(width);\n                }\n            }, [dropdownWidth, isInnerOpen]);\n\n            const handleToggle = () => {\n                if (disabled || readonly) return;\n                const newState = !isInnerOpen;\n                setIsInnerOpen(newState);\n\n                if (newState) {\n                    setActiveTime((prev) => ({\n                        ...prev,\n                        currentColumn: 'hours',\n                    }));\n                }\n\n                onToggle?.(newState);\n            };\n\n            const handleOnChange = (event: TimePickerGridChangeEvent) => {\n                if (!event) {\n                    return;\n                }\n\n                let timeString = event.value;\n                if (format === 'HH:mm' && viewValue.length > 5) {\n                    timeString = viewValue.substring(0, 5);\n                }\n                setInnerTime(timeString ?? '');\n\n                setActiveTime({\n                    hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n                    minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n                    seconds:\n                        format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n                            ? event.timeValues.second\n                            : null,\n                    currentColumn: null,\n                });\n\n                onChange?.(event);\n            };\n\n            const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n                const input = event.target.value;\n                const cursorPos = event.target.selectionStart;\n\n                const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n                setInnerTime(innerString);\n                setActiveTime((prev) => ({\n                    ...prev,\n                    hours: values.hh,\n                    minutes: values.mm,\n                    seconds: values.ss,\n                }));\n\n                if (onChange) {\n                    onChange(({\n                        ...event,\n                        target: {\n                            ...event.target,\n                            value: innerString,\n                            timeValues: values,\n                        },\n                    } as unknown) as ChangeEvent<HTMLInputElement>);\n                }\n\n                requestAnimationFrame(() => {\n                    if (inputRef.current) {\n                        inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n                    }\n                });\n            };\n\n            const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter' && !isInnerOpen) {\n                    event.preventDefault();\n                    setIsInnerOpen(true);\n                    setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n                    onToggle?.(true);\n                }\n            };\n\n            const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDownNavigation(e);\n                handleKeyDown(e);\n            };\n\n            const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                format,\n                maskWithFormat: true,\n                delimiter,\n                closeOnEsc,\n                onToggle: handleToggle,\n            });\n\n            const TimePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    value={viewValue}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={readonly}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleInputChange}\n                    onFocus={onFocus}\n                    onKeyDown={handleOnKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    hasRequiredIndicator={hasRequiredIndicator}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                />\n            );\n\n            const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n                if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n                    return undefined;\n                }\n                if (dropdownWidth === 'fullWidth') {\n                    return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n                }\n                return dropdownWidth as React.CSSProperties['width'];\n            };\n\n            return (\n                <Root\n                    stretched={stretched}\n                    view={view}\n                    size={size}\n                    className={cls(classes.timePickerRoot, className, {\n                        [classes.timePickerstretched]: stretched,\n                    })}\n                    disabled={disabled}\n                    readonly={readonly}\n                    ref={rootForkRef}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={TimePickerInput}\n                        preventOverflow={false}\n                        align={dropdownAlign}\n                    >\n                        <Root\n                            stretched={stretched}\n                            view={view}\n                            size={size}\n                            className={cls(classes.timePickerRoot, className, {\n                                [classes.timePickerFullWidth]: dropdownWidth === 'fullWidth',\n                                [classes.timePickerFixed]: dropdownWidth !== 'fullWidth',\n                            })}\n                            disabled={disabled}\n                            readonly={readonly}\n                            {...rest}\n                        >\n                            <StyledTimePickerGrid\n                                value={viewValue}\n                                onChange={handleOnChange}\n                                dropdownHeight={dropdownHeight}\n                                dropdownWidth={getDropdownWidth()}\n                                format={format}\n                                view={view}\n                                size={size}\n                                disabled={disabled}\n                                width={getDropdownWidth()}\n                            />\n                        </Root>\n                    </StyledPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const timePickerConfig = {\n    name: 'TimePicker',\n    tag: 'div',\n    layout: timePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readonly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","timePickerFullWidth","timePickerFixed","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;IAQaA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,IAA8F,EAAA;AAAA,EAAA,oBAE9FC,gBAAU,CACN,UAAAC,IAAA,EAmCIC,GAAG,EACF;AAAA,IAAA,IAlCGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAAC,WAAA,GAAAH,IAAA,CACTI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MACPE,UAAU,GAAAL,IAAA,CAAjBM,KAAK;MACLC,KAAK,GAAAP,IAAA,CAALO,KAAK;MAAAC,mBAAA,GAAAR,IAAA,CACLS,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;MACxBE,eAAe,GAAAV,IAAA,CAAfU,eAAe;MAAAC,aAAA,GAAAX,IAAA,CACfY,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAb,IAAA,CAChBc,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,qBAAA,GAAAf,IAAA,CAC3BgB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC3BE,WAAW,GAAAjB,IAAA,CAAXiB,WAAW;MACXC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,YAAY,GAAAnB,IAAA,CAAZmB,YAAY;MACZC,UAAU,GAAApB,IAAA,CAAVoB,UAAU;MACVC,SAAS,GAAArB,IAAA,CAATqB,SAAS;MACTC,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;MACJC,IAAI,GAAAvB,IAAA,CAAJuB,IAAI;MAAAC,aAAA,GAAAxB,IAAA,CACJyB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAA1B,IAAA,CAChB2B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,UAAA,GAAA5B,IAAA,CAChB6B,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;MAAAE,cAAA,GAAA9B,IAAA,CAClB+B,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MAAAE,qBAAA,GAAAhC,IAAA,CACjBiC,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,eAAA,GAAAlC,IAAA,CAC1BmC,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACjBE,MAAM,GAAApC,IAAA,CAANoC,MAAM;MACNC,SAAS,GAAArC,IAAA,CAATqC,SAAS;MAAAC,kBAAA,GAAAtC,IAAA,CACTuC,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,kBAAA;MACtBE,aAAa,GAAAxC,IAAA,CAAbwC,aAAa;MACbC,cAAc,GAAAzC,IAAA,CAAdyC,cAAc;MAAAC,oBAAA,GAAA1C,IAAA,CACd2C,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,oBAAA;MACnBE,QAAQ,GAAA5C,IAAA,CAAR4C,QAAQ;MACRC,OAAO,GAAA7C,IAAA,CAAP6C,OAAO;MACPC,QAAQ,GAAA9C,IAAA,CAAR8C,QAAQ;AACLC,MAAAA,IAAI,GAAAC,iDAAA,CAAAhD,IAAA,EAAAiD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,OAAO,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAME,WAAW,GAAGC,qBAAU,CAACF,OAAO,EAAEnD,GAAG,CAAC,CAAA;AAE5C,IAAA,IAAMsD,mBAAmB,GAAGJ,YAAM,CAAwB,IAAI,CAAC,CAAA;AAC/D,IAAA,IAAMK,qBAAqB,GAAGL,YAAM,CAAwB,IAAI,CAAC,CAAA;AACjE,IAAA,IAAMM,qBAAqB,GAAGN,YAAM,CAAwB,IAAI,CAAC,CAAA;AAEjE,IAAA,IAAAO,SAAA,GAAsCC,cAAQ,CAACvD,MAAM,CAAC;MAAAwD,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,IAAA,IAAAI,UAAA,GAAkCL,cAAQ,CAACtD,UAAU,IAAI,EAAE,CAAC;MAAA4D,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,IAAA,IAAAG,UAAA,GAAkCT,cAAQ,CAAgB,IAAI,CAAC;MAAAU,UAAA,GAAAR,uCAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAxDE,MAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,IAAAG,UAAA,GAA0Bb,cAAQ,CAAa;AAC3Cc,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,aAAa,EAAE,IAAA;AACnB,OAAC,CAAC;MAAAC,UAAA,GAAAhB,uCAAA,CAAAW,UAAA,EAAA,CAAA,CAAA;AALOM,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;IAOtB,IAAME,SAAS,GAAG1E,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI6D,SAAS,CAAA;IAEzC,IAAMc,MAAM,GAAGrC,eAAe,KAAK,CAAC,GAAG,UAAU,GAAG,OAAO,CAAA;AAE3DsC,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,OAAO,YAAM;QACT,CAAC1B,mBAAmB,EAAEC,qBAAqB,EAAEC,qBAAqB,CAAC,CAACyB,OAAO,CAAC,UAACC,UAAU,EAAK;UACxF,IAAIA,UAAU,CAACC,OAAO,EAAE;AACpBC,YAAAA,YAAY,CAACF,UAAU,CAACC,OAAO,CAAC,CAAA;AACpC,WAAA;AACJ,SAAC,CAAC,CAAA;OACL,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;AAENH,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,CAACF,SAAS,EAAE;AACZ,QAAA,OAAA;AACJ,OAAA;MAEA,IAAIO,UAAU,GAAGP,SAAS,CAAA;MAC1B,IAAIC,MAAM,KAAK,OAAO,IAAID,SAAS,CAACQ,MAAM,GAAG,CAAC,EAAE;QAC5CD,UAAU,GAAGP,SAAS,CAACS,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC1C,OAAA;MACArB,YAAY,CAACY,SAAS,CAAC,CAAA;AACvB,MAAA,IAAAU,qBAAA,GAAqBH,UAAU,CAACI,KAAK,CAACC,eAAS,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC;QAAAC,sBAAA,GAAAjC,uCAAA,CAAA4B,qBAAA,EAAA,CAAA,CAAA;AAArDM,QAAAA,EAAE,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,QAAAA,EAAE,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,QAAAA,EAAE,GAAAH,sBAAA,CAAA,CAAA,CAAA,CAAA;AACjBhB,MAAAA,aAAa,CAAC;QACVL,KAAK,EAAE,CAACoB,MAAM,CAACK,KAAK,CAACH,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;QACpCrB,OAAO,EAAE,CAACmB,MAAM,CAACK,KAAK,CAACF,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;AACtCrB,QAAAA,OAAO,EAAEK,MAAM,KAAK,UAAU,IAAI,CAACa,MAAM,CAACK,KAAK,CAACD,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;AAC/DrB,QAAAA,aAAa,EAAE,IAAA;AACnB,OAAC,CAAC,CAAA;AACN,KAAC,EAAE,CAACvE,UAAU,EAAE2E,MAAM,CAAC,CAAC,CAAA;AAExBC,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,IAAInB,WAAW,KAAKrC,QAAQ,IAAIE,QAAQ,CAAC,EAAE;QACvCoC,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,OAAA;AACJ,KAAC,EAAE,CAACtC,QAAQ,EAAEE,QAAQ,CAAC,CAAC,CAAA;AAExBsD,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,IAAIzC,aAAa,KAAK,WAAW,IAAIY,OAAO,CAACgC,OAAO,EAAE;AAClD,QAAA,IAAMe,KAAK,GAAG/C,OAAO,CAACgC,OAAO,CAACgB,WAAW,CAAA;QACzC7B,YAAY,CAAC4B,KAAK,CAAC,CAAA;AACvB,OAAA;AACJ,KAAC,EAAE,CAAC3D,aAAa,EAAEsB,WAAW,CAAC,CAAC,CAAA;AAEhC,IAAA,IAAMuC,YAAY,GAAG,SAAfA,YAAYA,GAAS;MACvB,IAAI5E,QAAQ,IAAIE,QAAQ,EAAE,OAAA;MAC1B,IAAM2E,QAAQ,GAAG,CAACxC,WAAW,CAAA;MAC7BC,cAAc,CAACuC,QAAQ,CAAC,CAAA;AAExB,MAAA,IAAIA,QAAQ,EAAE;QACVxB,aAAa,CAAC,UAACyB,IAAI,EAAA;AAAA,UAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACZD,IAAI,CAAA,EAAA,EAAA,EAAA;AACP3B,YAAAA,aAAa,EAAE,OAAA;AAAO,WAAA,CAAA,CAAA;AAAA,SACxB,CAAC,CAAA;AACP,OAAA;AAEAhC,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG0D,QAAQ,CAAC,CAAA;KACvB,CAAA;AAED,IAAA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAgC,EAAK;AAAA,MAAA,IAAAC,WAAA,CAAA;MACzD,IAAI,CAACD,KAAK,EAAE;AACR,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIpB,UAAU,GAAGoB,KAAK,CAACpG,KAAK,CAAA;MAC5B,IAAI0E,MAAM,KAAK,OAAO,IAAID,SAAS,CAACQ,MAAM,GAAG,CAAC,EAAE;QAC5CD,UAAU,GAAGP,SAAS,CAACS,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC1C,OAAA;MACArB,YAAY,CAAA,CAAAwC,WAAA,GAACrB,UAAU,MAAA,IAAA,IAAAqB,WAAA,KAAAA,KAAAA,CAAAA,GAAAA,WAAA,GAAI,EAAE,CAAC,CAAA;AAE9B7B,MAAAA,aAAa,CAAC;AACVL,QAAAA,KAAK,EAAE,CAACoB,MAAM,CAACK,KAAK,CAACQ,KAAK,CAACE,UAAU,CAACC,IAAI,CAAC,GAAGH,KAAK,CAACE,UAAU,CAACC,IAAI,GAAG,IAAI;AAC1EnC,QAAAA,OAAO,EAAE,CAACmB,MAAM,CAACK,KAAK,CAACQ,KAAK,CAACE,UAAU,CAACE,MAAM,CAAC,GAAGJ,KAAK,CAACE,UAAU,CAACE,MAAM,GAAG,IAAI;QAChFnC,OAAO,EACHK,MAAM,KAAK,UAAU,IAAI,CAACa,MAAM,CAACK,KAAK,CAACQ,KAAK,CAACE,UAAU,CAACG,MAAM,CAAC,GACzDL,KAAK,CAACE,UAAU,CAACG,MAAM,GACvB,IAAI;AACdnC,QAAAA,aAAa,EAAE,IAAA;AACnB,OAAC,CAAC,CAAA;AAEF9B,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG4D,KAAK,CAAC,CAAA;KACpB,CAAA;AAED,IAAA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIN,KAAoC,EAAK;AAChE,MAAA,IAAMO,KAAK,GAAGP,KAAK,CAACQ,MAAM,CAAC5G,KAAK,CAAA;AAChC,MAAA,IAAM6G,SAAS,GAAGT,KAAK,CAACQ,MAAM,CAACE,cAAc,CAAA;MAE7C,IAAAC,iBAAA,GAAmDC,sBAAgB,CAACL,KAAK,EAAEjC,MAAM,EAAEmC,SAAS,CAAC;QAArFI,WAAW,GAAAF,iBAAA,CAAXE,WAAW;QAAEC,MAAM,GAAAH,iBAAA,CAANG,MAAM;QAAEC,iBAAiB,GAAAJ,iBAAA,CAAjBI,iBAAiB,CAAA;MAE9CtD,YAAY,CAACoD,WAAW,CAAC,CAAA;MACzBzC,aAAa,CAAC,UAACyB,IAAI,EAAA;AAAA,QAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACZD,IAAI,CAAA,EAAA,EAAA,EAAA;UACP9B,KAAK,EAAE+C,MAAM,CAACzB,EAAE;UAChBrB,OAAO,EAAE8C,MAAM,CAACxB,EAAE;UAClBrB,OAAO,EAAE6C,MAAM,CAACvB,EAAAA;AAAE,SAAA,CAAA,CAAA;AAAA,OACpB,CAAC,CAAA;AAEH,MAAA,IAAInD,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAA0D,uCAAA,CAAAA,uCAAA,KACDE,KAAK,CAAA,EAAA,EAAA,EAAA;AACRQ,UAAAA,MAAM,EAAAV,uCAAA,CAAAA,uCAAA,CACCE,EAAAA,EAAAA,KAAK,CAACQ,MAAM,CAAA,EAAA,EAAA,EAAA;AACf5G,YAAAA,KAAK,EAAEiH,WAAW;AAClBX,YAAAA,UAAU,EAAEY,MAAAA;AAAM,WAAA,CAAA;AACrB,SAAA,CACyC,CAAC,CAAA;AACnD,OAAA;AAEAE,MAAAA,qBAAqB,CAAC,YAAM;QACxB,IAAIxE,QAAQ,CAACkC,OAAO,EAAE;UAClBlC,QAAQ,CAACkC,OAAO,CAACuC,iBAAiB,CAACF,iBAAiB,EAAEA,iBAAiB,CAAC,CAAA;AAC5E,SAAA;AACJ,OAAC,CAAC,CAAA;KACL,CAAA;AAED,IAAA,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAIlB,KAAsC,EAAK;MAC9D,IAAIA,KAAK,CAACmB,GAAG,KAAK,OAAO,IAAI,CAAC/D,WAAW,EAAE;QACvC4C,KAAK,CAACoB,cAAc,EAAE,CAAA;QACtB/D,cAAc,CAAC,IAAI,CAAC,CAAA;QACpBe,aAAa,CAAC,UAACyB,IAAI,EAAA;AAAA,UAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EAAWD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAE3B,YAAAA,aAAa,EAAE,OAAA;AAAO,WAAA,CAAA,CAAA;AAAA,SAAG,CAAC,CAAA;AAC9DhC,QAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG,IAAI,CAAC,CAAA;AACpB,OAAA;KACH,CAAA;AAED,IAAA,IAAMmF,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAwC,EAAK;MAClEC,mBAAmB,CAACD,CAAC,CAAC,CAAA;MACtBJ,aAAa,CAACI,CAAC,CAAC,CAAA;KACnB,CAAA;IAED,IAAAE,iBAAA,GAA2CC,sCAAgB,CAAC;AACxDC,QAAAA,cAAc,EAAEtE,WAAW;AAC3BkB,QAAAA,MAAM,EAANA,MAAM;AACNqD,QAAAA,cAAc,EAAE,IAAI;AACpB1C,QAAAA,SAAS,EAATA,eAAS;AACTxD,QAAAA,UAAU,EAAVA,UAAU;AACVS,QAAAA,QAAQ,EAAEyD,YAAAA;AACd,OAAC,CAAC;MAPiB4B,mBAAmB,GAAAC,iBAAA,CAA9BI,SAAS,CAAA;AASjB,IAAA,IAAMC,eAAe,gBACjBC,sBAAA,CAAAC,aAAA,CAACC,6BAAW,EAAA;AACRzI,MAAAA,GAAG,EAAEiD,QAAS;AACd5C,MAAAA,KAAK,EAAEyE,SAAU;AACjBxD,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBkH,MAAAA,QAAQ,EAAEhH,QAAS;AACnBV,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrByB,MAAAA,QAAQ,EAAEkE,iBAAkB;AAC5BnE,MAAAA,OAAO,EAAEA,OAAQ;AACjByF,MAAAA,SAAS,EAAEP,eAAgB;AAC3BnH,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CT,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,eAAe,EAAEA,eAAAA;AAAgB,KACpC,CACJ,CAAA;AAED,IAAA,IAAMkI,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAA+D;AACjF,MAAA,IAAIpG,aAAa,KAAK,OAAO,IAAIA,aAAa,KAAKqG,SAAS,EAAE;AAC1D,QAAA,OAAOA,SAAS,CAAA;AACpB,OAAA;MACA,IAAIrG,aAAa,KAAK,WAAW,EAAE;QAC/B,OAAO8B,SAAS,KAAK,IAAI,GAAA,EAAA,CAAAwE,MAAA,CAAMxE,SAAS,UAAO,WAAW,CAAA;AAC9D,OAAA;AACA,MAAA,OAAO9B,aAAa,CAAA;KACvB,CAAA;AAED,IAAA,oBACIgG,sBAAA,CAAAC,aAAA,CAAC3I,IAAI,EAAAiJ,iCAAA,CAAA;AACD1G,MAAAA,SAAS,EAAEA,SAAU;AACrBf,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,SAAS,EAAE8I,oBAAG,CAACC,yBAAO,CAACpJ,cAAc,EAAEK,SAAS,EAAAgJ,wCAAA,KAC3CD,yBAAO,CAACE,mBAAmB,EAAG9G,SAAS,CAC3C,CAAE;AACHZ,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnB1B,MAAAA,GAAG,EAAEoD,WAAAA;AAAY,KAAA,EACbN,IAAI,CAERyF,eAAAA,sBAAA,CAAAC,aAAA,CAACW,+BAAa,EAAA;AACVhJ,MAAAA,MAAM,EAAE0D,WAAY;AACpB/B,MAAAA,SAAS,EAAEA,SAAU;AACrBF,MAAAA,KAAK,EAAEA,KAAM;AACbe,MAAAA,QAAQ,EAAEyD,YAAa;AACvBjE,MAAAA,MAAM,EAAEA,MAAO;AACfiH,MAAAA,SAAS,EAAEC,iCAAa,CAAC/G,aAAa,KAAK,MAAM,GAAG,cAAc,GAAG,YAAY,EAAE,KAAK,CAAE;AAC1FgH,MAAAA,OAAO,EAAC,OAAO;AACftH,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCuH,MAAAA,cAAc,EAAE,KAAM;AACtBtC,MAAAA,MAAM,EAAEqB,eAAgB;AACxBkB,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,KAAK,EAAEnH,aAAAA;AAAc,KAAA,eAErBiG,sBAAA,CAAAC,aAAA,CAAC3I,IAAI,EAAAiJ,iCAAA,CAAA;AACD1G,MAAAA,SAAS,EAAEA,SAAU;AACrBf,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,SAAS,EAAE8I,oBAAG,CAACC,yBAAO,CAACpJ,cAAc,EAAEK,SAAS,EAAAgJ,wCAAA,CAAAA,wCAAA,CAC3CD,EAAAA,EAAAA,yBAAO,CAACU,mBAAmB,EAAGnH,aAAa,KAAK,WAAW,CAC3DyG,EAAAA,yBAAO,CAACW,eAAe,EAAGpH,aAAa,KAAK,WAAW,CAC3D,CAAE;AACHf,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACfoB,IAAI,CAERyF,eAAAA,sBAAA,CAAAC,aAAA,CAACoB,sCAAoB,EAAA;AACjBvJ,MAAAA,KAAK,EAAEyE,SAAU;AACjBjC,MAAAA,QAAQ,EAAE2D,cAAe;AACzBhE,MAAAA,cAAc,EAAEA,cAAe;MAC/BD,aAAa,EAAEoG,gBAAgB,EAAG;AAClC5D,MAAAA,MAAM,EAAEA,MAAO;AACf1D,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;MACnB0E,KAAK,EAAEyC,gBAAgB,EAAC;KAC3B,CACC,CACK,CACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMkB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpK,cAAc;AACtBqK,EAAAA,IAAI,EAAJA,sBAAI;AACJC,EAAAA,UAAU,EAAE;AACR7I,IAAAA,IAAI,EAAE;AACF8I,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD9I,IAAAA,IAAI,EAAE;AACF6I,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD7I,IAAAA,QAAQ,EAAE;AACN2I,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD7I,IAAAA,QAAQ,EAAE;AACNyI,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNnJ,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n    hours?: number | null;\n    minutes?: number | null;\n    seconds?: number | null;\n    currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n    forwardRef<HTMLDivElement, TimePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n                value: outerValue,\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                hasRequiredIndicator = true,\n                placeholder,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                disabled = false,\n                readonly = false,\n                frame = 'document',\n                usePortal = false,\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n                stretched,\n                dropdownAlign = 'left',\n                dropdownWidth,\n                dropdownHeight,\n                columnsQuantity = 2,\n                onToggle,\n                onFocus,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const rootForkRef = useForkRef(rootRef, ref);\n\n            const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n            const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n            const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n            const [innerTime, setInnerTime] = useState(outerValue || '');\n            const [rootWidth, setRootWidth] = useState<number | null>(null);\n            const [, setActiveTime] = useState<ActiveTime>({\n                hours: null,\n                minutes: null,\n                seconds: null,\n                currentColumn: null,\n            });\n\n            const viewValue = outerValue ?? innerTime;\n\n            const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n            useEffect(() => {\n                return () => {\n                    [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n                        if (timeoutRef.current) {\n                            clearTimeout(timeoutRef.current);\n                        }\n                    });\n                };\n            }, []);\n\n            useEffect(() => {\n                if (!viewValue) {\n                    return;\n                }\n\n                let timeString = viewValue;\n                if (format === 'HH:mm' && viewValue.length > 5) {\n                    timeString = viewValue.substring(0, 5);\n                }\n                setInnerTime(viewValue);\n                const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n                setActiveTime({\n                    hours: !Number.isNaN(hh) ? hh : null,\n                    minutes: !Number.isNaN(mm) ? mm : null,\n                    seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n                    currentColumn: null,\n                });\n            }, [outerValue, format]);\n\n            useEffect(() => {\n                if (isInnerOpen && (disabled || readonly)) {\n                    setIsInnerOpen(false);\n                }\n            }, [disabled, readonly]);\n\n            useEffect(() => {\n                if (dropdownWidth === 'fullWidth' && rootRef.current) {\n                    const width = rootRef.current.offsetWidth;\n                    setRootWidth(width);\n                }\n            }, [dropdownWidth, isInnerOpen]);\n\n            const handleToggle = () => {\n                if (disabled || readonly) return;\n                const newState = !isInnerOpen;\n                setIsInnerOpen(newState);\n\n                if (newState) {\n                    setActiveTime((prev) => ({\n                        ...prev,\n                        currentColumn: 'hours',\n                    }));\n                }\n\n                onToggle?.(newState);\n            };\n\n            const handleOnChange = (event: TimePickerGridChangeEvent) => {\n                if (!event) {\n                    return;\n                }\n\n                let timeString = event.value;\n                if (format === 'HH:mm' && viewValue.length > 5) {\n                    timeString = viewValue.substring(0, 5);\n                }\n                setInnerTime(timeString ?? '');\n\n                setActiveTime({\n                    hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n                    minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n                    seconds:\n                        format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n                            ? event.timeValues.second\n                            : null,\n                    currentColumn: null,\n                });\n\n                onChange?.(event);\n            };\n\n            const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n                const input = event.target.value;\n                const cursorPos = event.target.selectionStart;\n\n                const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n                setInnerTime(innerString);\n                setActiveTime((prev) => ({\n                    ...prev,\n                    hours: values.hh,\n                    minutes: values.mm,\n                    seconds: values.ss,\n                }));\n\n                if (onChange) {\n                    onChange(({\n                        ...event,\n                        target: {\n                            ...event.target,\n                            value: innerString,\n                            timeValues: values,\n                        },\n                    } as unknown) as ChangeEvent<HTMLInputElement>);\n                }\n\n                requestAnimationFrame(() => {\n                    if (inputRef.current) {\n                        inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n                    }\n                });\n            };\n\n            const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter' && !isInnerOpen) {\n                    event.preventDefault();\n                    setIsInnerOpen(true);\n                    setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n                    onToggle?.(true);\n                }\n            };\n\n            const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDownNavigation(e);\n                handleKeyDown(e);\n            };\n\n            const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                format,\n                maskWithFormat: true,\n                delimiter,\n                closeOnEsc,\n                onToggle: handleToggle,\n            });\n\n            const TimePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    value={viewValue}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={readonly}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleInputChange}\n                    onFocus={onFocus}\n                    onKeyDown={handleOnKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    hasRequiredIndicator={hasRequiredIndicator}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                />\n            );\n\n            const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n                if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n                    return undefined;\n                }\n                if (dropdownWidth === 'fullWidth') {\n                    return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n                }\n                return dropdownWidth as React.CSSProperties['width'];\n            };\n\n            return (\n                <Root\n                    stretched={stretched}\n                    view={view}\n                    size={size}\n                    className={cls(classes.timePickerRoot, className, {\n                        [classes.timePickerstretched]: stretched,\n                    })}\n                    disabled={disabled}\n                    readonly={readonly}\n                    ref={rootForkRef}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={TimePickerInput}\n                        preventOverflow={false}\n                        align={dropdownAlign}\n                    >\n                        <Root\n                            stretched={stretched}\n                            view={view}\n                            size={size}\n                            className={cls(classes.timePickerRoot, className, {\n                                [classes.timePickerFullWidth]: dropdownWidth === 'fullWidth',\n                                [classes.timePickerFixed]: dropdownWidth !== 'fullWidth',\n                            })}\n                            disabled={disabled}\n                            readonly={readonly}\n                            {...rest}\n                        >\n                            <StyledTimePickerGrid\n                                value={viewValue}\n                                onChange={handleOnChange}\n                                dropdownHeight={dropdownHeight}\n                                dropdownWidth={getDropdownWidth()}\n                                format={format}\n                                view={view}\n                                size={size}\n                                disabled={disabled}\n                                width={getDropdownWidth()}\n                            />\n                        </Root>\n                    </StyledPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const timePickerConfig = {\n    name: 'TimePicker',\n    tag: 'div',\n    layout: timePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readonly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","timePickerFullWidth","timePickerFixed","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}

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

@@ -16,9 +16,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var _excluded = ["value", "view", "size", "disabled", "dropdownWidth", "dropdownHeight", "format", "min", "max", "columnsQuantity", "disabledValues", "onChange"];
-
-// changes to start tests
-
 var timePickerGridRoot = function timePickerGridRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _Object$values$;