@salutejs/plasma-new-hope 0.330.0-canary.1655.16168891603.0 → 0.330.0-canary.1655.16198986399.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Drawer/Drawer.css +5 -5
- package/cjs/components/Drawer/Drawer.js +1 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Modal/Modal.css +5 -5
- package/cjs/components/Notification/NotificationsProvider.css +5 -5
- package/cjs/components/Popup/Popup.js +13 -1
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +17 -17
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/Popup/{Popup.styles_1dvwxdu.css → Popup.styles_kpf3dd.css} +1 -1
- package/cjs/components/Popup/Popup.tokens.js +1 -0
- package/cjs/components/Popup/Popup.tokens.js.map +1 -1
- package/cjs/components/Popup/PopupContext.css +5 -5
- package/cjs/components/TextArea/TextArea.js +22 -8
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +101 -64
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_exqsyh.css +24 -0
- package/cjs/components/TextArea/TextArea.tokens.js +3 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/TextArea_c31ipk.css +1 -0
- package/cjs/components/TextArea/ui/Hint/Hint.css +22 -18
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
- package/cjs/components/TextArea/variations/_disabled/base.js +1 -1
- package/cjs/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/cjs/components/TextArea/variations/_read-only/{base_1v0syh0.css → base_vk912g.css} +1 -1
- package/cjs/index.css +32 -28
- package/emotion/cjs/components/Drawer/Drawer.js +3 -2
- package/emotion/cjs/components/Popup/Popup.js +13 -1
- package/emotion/cjs/components/Popup/Popup.styles.js +11 -11
- package/emotion/cjs/components/Popup/Popup.tokens.js +1 -0
- package/emotion/cjs/components/TextArea/TextArea.js +20 -8
- package/emotion/cjs/components/TextArea/TextArea.styles.js +78 -41
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/emotion/es/components/Drawer/Drawer.js +3 -2
- package/emotion/es/components/Popup/Popup.js +13 -1
- package/emotion/es/components/Popup/Popup.styles.js +11 -11
- package/emotion/es/components/Popup/Popup.tokens.js +1 -0
- package/emotion/es/components/TextArea/TextArea.js +21 -9
- package/emotion/es/components/TextArea/TextArea.styles.js +66 -41
- package/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/es/components/Drawer/Drawer.css +5 -5
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Modal/Modal.css +5 -5
- package/es/components/Notification/NotificationsProvider.css +5 -5
- package/es/components/Popup/Popup.js +13 -1
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +17 -17
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/Popup/{Popup.styles_1dvwxdu.css → Popup.styles_kpf3dd.css} +1 -1
- package/es/components/Popup/Popup.tokens.js +1 -0
- package/es/components/Popup/Popup.tokens.js.map +1 -1
- package/es/components/Popup/PopupContext.css +5 -5
- package/es/components/TextArea/TextArea.js +23 -9
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +100 -65
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_exqsyh.css +24 -0
- package/es/components/TextArea/TextArea.tokens.js +3 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/TextArea_c31ipk.css +1 -0
- package/es/components/TextArea/ui/Hint/Hint.css +22 -18
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
- package/es/components/TextArea/variations/_disabled/base.js +1 -1
- package/es/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/{base_1v0syh0.css → base_vk912g.css} +1 -1
- package/es/index.css +32 -28
- package/package.json +4 -4
- package/styled-components/cjs/components/Drawer/Drawer.js +3 -2
- package/styled-components/cjs/components/Popup/Popup.js +13 -1
- package/styled-components/cjs/components/Popup/Popup.styles.js +8 -7
- package/styled-components/cjs/components/Popup/Popup.tokens.js +1 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +19 -7
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +76 -28
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/styled-components/es/components/Drawer/Drawer.js +3 -2
- package/styled-components/es/components/Popup/Popup.js +13 -1
- package/styled-components/es/components/Popup/Popup.styles.js +8 -7
- package/styled-components/es/components/Popup/Popup.tokens.js +1 -0
- package/styled-components/es/components/TextArea/TextArea.js +20 -8
- package/styled-components/es/components/TextArea/TextArea.styles.js +64 -28
- package/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/types/components/Drawer/Drawer.d.ts +2 -2
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +1 -1
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.tokens.d.ts +1 -0
- package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +10 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +2 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +5 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
- package/cjs/components/TextArea/TextArea_e0xkpd.css +0 -1
- package/cjs/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
- package/cjs/components/TextArea/variations/_disabled/base_1bn0zc9.css +0 -1
- package/es/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
- package/es/components/TextArea/TextArea_e0xkpd.css +0 -1
- package/es/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
- package/es/components/TextArea/variations/_disabled/base_1bn0zc9.css +0 -1
package/es/index.css
CHANGED
|
@@ -139,41 +139,45 @@
|
|
|
139
139
|
.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
.
|
|
143
|
-
.
|
|
144
|
-
.
|
|
145
|
-
.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
153
|
-
.
|
|
154
|
-
.
|
|
155
|
-
.
|
|
156
|
-
.
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
142
|
+
.TextArea_styles_exqsyh_o1r1fvk8__813eb524{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;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
|
|
143
|
+
.TextArea_styles_exqsyh_surmvwq__813eb524{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
|
|
144
|
+
.TextArea_styles_exqsyh_t18bd513__813eb524{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
|
|
145
|
+
.TextArea_styles_exqsyh_s7alcr2__813eb524{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;}
|
|
146
|
+
.TextArea_styles_exqsyh_si9oz50__813eb524{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
|
|
147
|
+
.TextArea_styles_exqsyh_s18tpn65__813eb524{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_exqsyh_s18tpn65__813eb524.TextArea_styles_exqsyh_labelPlacementInner__813eb524{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
148
|
+
.TextArea_styles_exqsyh_h19sfsrt__813eb524{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);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;}
|
|
149
|
+
|
|
150
|
+
.TextArea_styles_exqsyh_s3wsw3p__813eb524{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
|
|
151
|
+
.TextArea_styles_exqsyh_stc5t23__813eb524{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
|
|
152
|
+
.TextArea_styles_exqsyh_salwx57__813eb524{position:absolute;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;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
153
|
+
.TextArea_styles_exqsyh_s18lndvq__813eb524{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
154
|
+
.TextArea_styles_exqsyh_d183p45n__813eb524{background:var(--plasma-textarea-background-color);}
|
|
155
|
+
.TextArea_styles_exqsyh_dnf439a__813eb524{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
|
|
156
|
+
.TextArea_styles_exqsyh_suev9vb__813eb524{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--suev9vb-0);position:relative;}
|
|
157
|
+
.TextArea_styles_exqsyh_s7jal92__813eb524{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7jal92-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_exqsyh_s7jal92__813eb524::-webkit-input-placeholder{opacity:0;}.TextArea_styles_exqsyh_s7jal92__813eb524::-moz-placeholder{opacity:0;}.TextArea_styles_exqsyh_s7jal92__813eb524:-ms-input-placeholder{opacity:0;}.TextArea_styles_exqsyh_s7jal92__813eb524::placeholder{opacity:0;}.TextArea_styles_exqsyh_s7jal92__813eb524:-moz-read-only{cursor:default;}.TextArea_styles_exqsyh_s7jal92__813eb524:read-only{cursor:default;}.TextArea_styles_exqsyh_s7jal92__813eb524:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_exqsyh_s7jal92__813eb524::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_exqsyh_s7jal92__813eb524::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_exqsyh_s7jal92__813eb524::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
|
|
158
|
+
.TextArea_styles_exqsyh_s11kd6xq__813eb524{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
|
159
|
+
.TextArea_styles_exqsyh_s14zw9ik__813eb524{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
|
160
|
+
.TextArea_styles_exqsyh_sgr5lml__813eb524{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
|
|
161
|
+
.TextArea_styles_exqsyh_s1etfemq__813eb524{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
|
162
|
+
.TextArea_styles_exqsyh_sf7nhlh__813eb524.TextArea_styles_exqsyh_s1etfemq__813eb524{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
163
|
+
.TextArea_styles_exqsyh_s4gk1z__813eb524{box-sizing:border-box;position:absolute;pointer-events:none;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-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s4gk1z-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
|
164
|
+
.TextArea_styles_exqsyh_s1h2xvub__813eb524{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_exqsyh_s1h2xvub__813eb524.TextArea_styles_exqsyh_labelPlacementOuter__813eb524{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_exqsyh_s1h2xvub__813eb524.TextArea_styles_exqsyh_labelPlacementOuter__813eb524.TextArea_styles_exqsyh_requiredAlignRight__813eb524{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_exqsyh_s1h2xvub__813eb524.TextArea_styles_exqsyh_labelPlacementOuter__813eb524.TextArea_styles_exqsyh_requiredAlignRight__813eb524.TextArea_styles_exqsyh_textareaHasHint__813eb524{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_exqsyh_s1h2xvub__813eb524.TextArea_styles_exqsyh_labelPlacementInner__813eb524{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_exqsyh_s1h2xvub__813eb524.TextArea_styles_exqsyh_labelPlacementInner__813eb524.TextArea_styles_exqsyh_requiredAlignRight__813eb524{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
161
165
|
|
|
162
166
|
.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_t18bd513__34e6ac76{color:var(--plasma-textarea__title-caption-color);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaWrapper__34e6ac76{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaWrapper__34e6ac76{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
|
163
167
|
|
|
164
168
|
.base_1mq4sb2_bp4bcu4__31d62216{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}
|
|
165
169
|
|
|
166
|
-
.
|
|
170
|
+
.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_o1r1fvk8__7125cfce{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_salwx57__7125cfce{right:0;bottom:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce,.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce.base_1vo4ba5_textareaHasRightContent__7125cfce{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce) .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce).base_1vo4ba5_focusedOuterPlaceholderColor__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce.base_1vo4ba5_innerPlaceholderUp__7125cfce{color:var(--plasma-textarea-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s18tpn65__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_textareaContainer__7125cfce{border:unset;border-radius:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaWrapper__7125cfce{background-color:unset;box-shadow:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaContainer__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaHelpers__7125cfce{background-color:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
|
167
171
|
|
|
168
|
-
.
|
|
172
|
+
.base_vk912g_b1xxdrt2__2e9a4891[readonly] .base_vk912g_s7jal92__2e9a4891{color:var(--plasma-textarea-input-color-read-only);}.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891 .base_vk912g_s3wsw3p__2e9a4891:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_s3wsw3p__2e9a4891,.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_s14zw9ik__2e9a4891{background:transparent;}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_s3wsw3p__2e9a4891{position:relative;box-shadow:none;}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_s3wsw3p__2e9a4891:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_suev9vb__2e9a4891{background:transparent;position:relative;}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_suev9vb__2e9a4891:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_vk912g_b1xxdrt2__2e9a4891[readonly]:not(.base_vk912g_b1xxdrt2__2e9a4891[readonly].base_vk912g_textareaClear__2e9a4891) .base_vk912g_suev9vb__2e9a4891:hover{background:transparent;}
|
|
169
173
|
|
|
170
|
-
.
|
|
174
|
+
.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_s6ttw_b1w9g1pa__1a439b81 .base_s6ttw_textarea__1a439b81:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
171
175
|
|
|
172
176
|
.base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
|
|
173
177
|
|
|
174
178
|
.base_1ipgv90_bfm7p1t__30b9036e .base_1ipgv90_h1luq7vd__30b9036e{--plasma-tooltip-padding-top:var(--plasma-textarea__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textarea__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textarea__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textarea__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textarea__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textarea__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textarea__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textarea__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textarea__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textarea__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textarea__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textarea__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textarea__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textarea__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textarea__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textarea__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textarea__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textarea__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textarea__tooltip-arrow-background);}
|
|
175
179
|
|
|
176
|
-
.
|
|
180
|
+
.TextArea_c31ipk_b6rykm0__83bc8ee7{position:relative;box-sizing:border-box;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textarea__83bc8ee7{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaWrapper__83bc8ee7{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7{padding-top:unset;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7 .TextArea_c31ipk_textareaContentWrapper__83bc8ee7{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_hidePlaceholder__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{display:none;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_focusedOuterPlaceholderColor__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{color:var(--plasma-textarea-placeholder-color-focus);}
|
|
177
181
|
|
|
178
182
|
.base_1oec4lw_b13ve66i__de8e763a{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_io4bpie__de8e763a{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_i13qvwoy__de8e763a{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_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasChips__de8e763a{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentLeft__de8e763a{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentRight__de8e763a{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_luk2zst__de8e763a,.base_1oec4lw_b13ve66i__de8e763a:not(.base_1oec4lw_labelPlacementInner__de8e763a) .base_1oec4lw_s14qvple__de8e763a{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_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s16itze4__de8e763a{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_h1skqnhr__de8e763a{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_tlv9av6__de8e763a{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_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_lb3k3v1__de8e763a{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_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a,.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{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_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a{margin:var(--plasma-textfield__before-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{margin:var(--plasma-textfield__after-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a .base_1oec4lw_s190z894__de8e763a{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
179
183
|
|
|
@@ -345,12 +349,12 @@
|
|
|
345
349
|
|
|
346
350
|
.Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
|
|
347
351
|
|
|
348
|
-
.
|
|
352
|
+
.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggablePopupWrapper__890879ed{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_draggingPopupWrapper__890879ed{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}.Popup_styles_kpf3dd_bvkpf6n__890879ed .Popup_styles_kpf3dd_resizableContainerNoSelect__890879ed{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;}
|
|
349
353
|
|
|
350
|
-
.
|
|
351
|
-
.
|
|
352
|
-
.
|
|
353
|
-
.
|
|
354
|
+
.Popup_styles_kpf3dd_s5u7tqa__890879ed{width:0;}
|
|
355
|
+
.Popup_styles_kpf3dd_p1f40oul__890879ed{position:relative;max-width:100%;pointer-events:all;}
|
|
356
|
+
.Popup_styles_kpf3dd_p1ug7bn2__890879ed{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
|
357
|
+
.Popup_styles_kpf3dd_i10c9529__890879ed{color:var(--text-secondary);}.Popup_styles_kpf3dd_i10c9529__890879ed:hover{color:var(--text-secondary-hover);}.Popup_styles_kpf3dd_i10c9529__890879ed:active{color:var(--text-secondary-active);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopRightIcon__890879ed{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomRightIcon__890879ed{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableBottomLeftIcon__890879ed{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_kpf3dd_i10c9529__890879ed.Popup_styles_kpf3dd_resizableTopLeftIcon__890879ed{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
354
358
|
|
|
355
359
|
.Modal_styles_1obtvtw_b7npn1w__a2f4e50d{height:100%;}
|
|
356
360
|
.Modal_styles_1obtvtw_m16phoaz__a2f4e50d{height:100%;box-sizing:border-box;border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.330.0-canary.1655.
|
|
3
|
+
"version": "0.330.0-canary.1655.16198986399.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.202.0
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.202.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.34.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.201.0
|
|
120
|
+
"@salutejs/plasma-core": "1.201.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -138,5 +138,5 @@
|
|
|
138
138
|
"sideEffects": [
|
|
139
139
|
"*.css"
|
|
140
140
|
],
|
|
141
|
-
"gitHead": "
|
|
141
|
+
"gitHead": "4a47347012f001f699a78c02ec909a00d1eb1a92"
|
|
142
142
|
}
|
|
@@ -128,7 +128,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
128
128
|
}
|
|
129
129
|
var drawerRoot = function(Root) {
|
|
130
130
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
|
|
131
|
-
var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, rest = _object_without_properties(_param, [
|
|
131
|
+
var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
|
|
132
132
|
"id",
|
|
133
133
|
"zIndex",
|
|
134
134
|
"popupInfo",
|
|
@@ -154,7 +154,8 @@ var drawerRoot = function(Root) {
|
|
|
154
154
|
"placement",
|
|
155
155
|
"closeOnEsc",
|
|
156
156
|
"closeOnOverlayClick",
|
|
157
|
-
"asModal"
|
|
157
|
+
"asModal",
|
|
158
|
+
"draggable"
|
|
158
159
|
]);
|
|
159
160
|
var innerIsOpen = Boolean(isOpen || opened);
|
|
160
161
|
var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
|
|
@@ -270,11 +270,12 @@ var popupRoot = function(Root) {
|
|
|
270
270
|
}), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible, rootId = _usePopup.rootId;
|
|
271
271
|
var portalRef = (0, _react.useRef)(null);
|
|
272
272
|
var contentRef = (0, _react.useRef)(null);
|
|
273
|
+
var resizableContainer = (0, _react.useRef)(null);
|
|
273
274
|
var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
|
|
274
|
-
var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
|
|
275
275
|
if (!isVisible && !innerIsOpen) {
|
|
276
276
|
return null;
|
|
277
277
|
}
|
|
278
|
+
var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
|
|
278
279
|
var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
|
|
279
280
|
className: cls
|
|
280
281
|
}, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
|
|
@@ -291,6 +292,7 @@ var popupRoot = function(Root) {
|
|
|
291
292
|
disabled: !draggable,
|
|
292
293
|
cancel: ".".concat(_Popuptokens.classes.resizableHandleWrapper)
|
|
293
294
|
}, /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
|
|
295
|
+
ref: resizableContainer,
|
|
294
296
|
enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
|
|
295
297
|
resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
|
|
296
298
|
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
|
@@ -298,6 +300,16 @@ var popupRoot = function(Root) {
|
|
|
298
300
|
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
|
299
301
|
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
|
300
302
|
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
|
303
|
+
onResizeStart: function() {
|
|
304
|
+
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
305
|
+
resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
onResizeStop: function() {
|
|
309
|
+
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
310
|
+
resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
|
|
311
|
+
}
|
|
312
|
+
},
|
|
301
313
|
handleComponent: {
|
|
302
314
|
topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
|
303
315
|
className: _Popuptokens.classes.resizableTopRightIcon,
|
|
@@ -76,29 +76,30 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
76
76
|
var base = (0, _styledcomponents.css)([
|
|
77
77
|
".",
|
|
78
78
|
"{cursor:grab;}.",
|
|
79
|
-
"{cursor:grabbing;}"
|
|
80
|
-
|
|
79
|
+
"{cursor:grabbing;}.",
|
|
80
|
+
"{user-select:none;-webkit-user-select:none;}"
|
|
81
|
+
], _Popuptokens.classes.draggablePopupWrapper, _Popuptokens.classes.draggingPopupWrapper, _Popuptokens.classes.resizableContainerNoSelect);
|
|
81
82
|
var StyledPortal = _styledcomponents.default.div.withConfig({
|
|
82
83
|
displayName: "Popup.styles__StyledPortal",
|
|
83
|
-
componentId: "sc-
|
|
84
|
+
componentId: "sc-e8036c4-0"
|
|
84
85
|
})([
|
|
85
86
|
""
|
|
86
87
|
]);
|
|
87
88
|
var StyledPortalContainer = _styledcomponents.default.div.withConfig({
|
|
88
89
|
displayName: "Popup.styles__StyledPortalContainer",
|
|
89
|
-
componentId: "sc-
|
|
90
|
+
componentId: "sc-e8036c4-1"
|
|
90
91
|
})([
|
|
91
92
|
"width:0;"
|
|
92
93
|
]);
|
|
93
94
|
var PopupView = _styledcomponents.default.div.withConfig({
|
|
94
95
|
displayName: "Popup.styles__PopupView",
|
|
95
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-e8036c4-2"
|
|
96
97
|
})([
|
|
97
98
|
"position:relative;max-width:100%;pointer-events:all;"
|
|
98
99
|
]);
|
|
99
100
|
var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
100
101
|
displayName: "Popup.styles__PopupRootContainer",
|
|
101
|
-
componentId: "sc-
|
|
102
|
+
componentId: "sc-e8036c4-3"
|
|
102
103
|
})([
|
|
103
104
|
"position:",
|
|
104
105
|
";z-index:",
|
|
@@ -132,7 +133,7 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
|
132
133
|
});
|
|
133
134
|
var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
|
|
134
135
|
displayName: "Popup.styles__IconResizeDiagonalStyled",
|
|
135
|
-
componentId: "sc-
|
|
136
|
+
componentId: "sc-e8036c4-4"
|
|
136
137
|
})([
|
|
137
138
|
"color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
|
|
138
139
|
"{transform:rotate(-90deg);}&.",
|
|
@@ -20,6 +20,7 @@ var classes = {
|
|
|
20
20
|
resizableBottomLeftIcon: 'resizable-bottom-left-icon',
|
|
21
21
|
resizableTopLeftIcon: 'resizable-top-left-icon',
|
|
22
22
|
resizableHandleWrapper: 'resizable-handle-wrapper',
|
|
23
|
+
resizableContainerNoSelect: 'resizable-container-no-select',
|
|
23
24
|
draggablePopupWrapper: 'draggable-popup-wrapper',
|
|
24
25
|
draggingPopupWrapper: 'dragging-popup-wrapper'
|
|
25
26
|
};
|
|
@@ -190,7 +190,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
190
190
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
191
191
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
192
192
|
}
|
|
193
|
-
var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers;
|
|
193
|
+
var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers, hasHeaderSlot = _TextAreatokens.classes.hasHeaderSlot, styledContentWrapper = _TextAreatokens.classes.styledContentWrapper;
|
|
194
194
|
var optionalText = 'optional';
|
|
195
195
|
var base = (0, _styledcomponents.css)([
|
|
196
196
|
"",
|
|
@@ -223,10 +223,11 @@ var getDynamicLabelClasses = function(props, focused) {
|
|
|
223
223
|
};
|
|
224
224
|
var textAreaRoot = function(Root) {
|
|
225
225
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, innerRef) {
|
|
226
|
-
var helperText = props.helperText, status = props.status, resize = props.resize, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
|
|
226
|
+
var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
|
|
227
227
|
"helperText",
|
|
228
228
|
"status",
|
|
229
229
|
"resize",
|
|
230
|
+
"headerSlot",
|
|
230
231
|
"rightHelper",
|
|
231
232
|
"leftHelper",
|
|
232
233
|
"leftHelperPlacement",
|
|
@@ -290,6 +291,7 @@ var textAreaRoot = function(Root) {
|
|
|
290
291
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
|
291
292
|
var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
|
|
292
293
|
var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
|
|
294
|
+
var hasHeader = Boolean(headerSlot) && !clear;
|
|
293
295
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
|
294
296
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
|
295
297
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
|
@@ -426,10 +428,20 @@ var textAreaRoot = function(Root) {
|
|
|
426
428
|
handleHintHide: handleHintHide,
|
|
427
429
|
handleHintClick: handleHintClick,
|
|
428
430
|
isInnerLabel: true
|
|
429
|
-
}))),
|
|
430
|
-
className: (0, _utils.cx)(styledTextAreaWrapper),
|
|
431
|
-
hasHelper: hasHelper
|
|
432
|
-
|
|
431
|
+
}))), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextAreaWrapper, {
|
|
432
|
+
className: (0, _utils.cx)(styledTextAreaWrapper, hasHeader && hasHeaderSlot),
|
|
433
|
+
hasHelper: hasHelper,
|
|
434
|
+
hasHeader: hasHeader
|
|
435
|
+
}, headerSlot && !clear && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHeaderSlot, null, headerSlot), contentRight && !hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, {
|
|
436
|
+
className: styledContentWrapper,
|
|
437
|
+
hasHeader: hasHeader
|
|
438
|
+
}, contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, {
|
|
439
|
+
hasHeader: hasHeader
|
|
440
|
+
}, contentRight), headerSlot && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
|
|
441
|
+
hasContentRight: Boolean(contentRight),
|
|
442
|
+
className: styledPlaceholder,
|
|
443
|
+
htmlFor: id
|
|
444
|
+
}, placeholderLabel, !hasOuterLabel && optionalTextNode)), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextArea, _object_spread({
|
|
433
445
|
className: (0, _utils.cx)(styledTextArea, hasRightContentClass),
|
|
434
446
|
id: id,
|
|
435
447
|
hasContentRight: Boolean(contentRight),
|
|
@@ -461,7 +473,7 @@ var textAreaRoot = function(Root) {
|
|
|
461
473
|
id: textareaHelperId
|
|
462
474
|
}, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
|
|
463
475
|
"data-root": true
|
|
464
|
-
}, rightHelper)), placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
|
|
476
|
+
}, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
|
|
465
477
|
hasContentRight: Boolean(contentRight),
|
|
466
478
|
className: styledPlaceholder,
|
|
467
479
|
htmlFor: id
|