@salutejs/plasma-new-hope 0.330.0-canary.1655.16198986399.0 → 0.330.0-canary.2009.16162480074.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 -7
- package/cjs/components/Drawer/Drawer.js +1 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Modal/Modal.css +6 -9
- package/cjs/components/Modal/Modal.js +3 -7
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +4 -6
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
- package/cjs/components/Notification/NotificationsProvider.css +3 -7
- package/cjs/components/Popup/Popup.js +3 -65
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +19 -31
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/Popup/Popup.styles_gq4luz.css +4 -0
- package/cjs/components/Popup/Popup.tokens.js +1 -10
- package/cjs/components/Popup/Popup.tokens.js.map +1 -1
- package/cjs/components/Popup/PopupContext.css +3 -7
- package/cjs/components/Popup/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +8 -22
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +64 -101
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1r7xix5.css +20 -0
- package/cjs/components/TextArea/TextArea.tokens.js +1 -3
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/TextArea_e0xkpd.css +1 -0
- package/cjs/components/TextArea/ui/Hint/Hint.css +18 -22
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_16hm89e.css +1 -0
- package/cjs/components/TextArea/variations/_disabled/base.js +1 -1
- package/cjs/components/TextArea/variations/_disabled/base_1bn0zc9.css +1 -0
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/cjs/components/TextArea/variations/_read-only/{base_vk912g.css → base_1v0syh0.css} +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +29 -36
- package/emotion/cjs/components/Drawer/Drawer.js +2 -3
- package/emotion/cjs/components/Modal/Modal.js +4 -8
- package/emotion/cjs/components/Modal/Modal.styles.js +6 -11
- package/emotion/cjs/components/Popup/Popup.js +4 -68
- package/emotion/cjs/components/Popup/Popup.styles.js +8 -22
- package/emotion/cjs/components/Popup/Popup.tokens.js +1 -10
- package/emotion/cjs/components/Popup/utils/index.js +0 -16
- package/emotion/cjs/components/TextArea/TextArea.js +8 -20
- package/emotion/cjs/components/TextArea/TextArea.styles.js +41 -78
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -3
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/emotion/cjs/components/TextField/TextField.js +1 -1
- package/emotion/cjs/components/_Icon/index.js +0 -4
- package/emotion/es/components/Drawer/Drawer.js +2 -3
- package/emotion/es/components/Modal/Modal.js +5 -9
- package/emotion/es/components/Modal/Modal.styles.js +6 -8
- package/emotion/es/components/Popup/Popup.js +5 -64
- package/emotion/es/components/Popup/Popup.styles.js +8 -16
- package/emotion/es/components/Popup/Popup.tokens.js +1 -10
- package/emotion/es/components/Popup/utils/index.js +0 -3
- package/emotion/es/components/TextArea/TextArea.js +9 -21
- package/emotion/es/components/TextArea/TextArea.styles.js +41 -66
- package/emotion/es/components/TextArea/TextArea.tokens.js +1 -3
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/emotion/es/components/TextField/TextField.js +1 -1
- package/emotion/es/components/_Icon/index.js +0 -1
- package/es/components/Drawer/Drawer.css +5 -7
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Modal/Modal.css +6 -9
- package/es/components/Modal/Modal.js +6 -10
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/Modal.styles.js +5 -6
- package/es/components/Modal/Modal.styles.js.map +1 -1
- package/es/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
- package/es/components/Notification/NotificationsProvider.css +3 -7
- package/es/components/Popup/Popup.js +4 -65
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +20 -30
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/Popup/Popup.styles_gq4luz.css +4 -0
- package/es/components/Popup/Popup.tokens.js +1 -10
- package/es/components/Popup/Popup.tokens.js.map +1 -1
- package/es/components/Popup/PopupContext.css +3 -7
- package/es/components/Popup/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +9 -23
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +65 -100
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1r7xix5.css +20 -0
- package/es/components/TextArea/TextArea.tokens.js +1 -3
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/TextArea_e0xkpd.css +1 -0
- package/es/components/TextArea/ui/Hint/Hint.css +18 -22
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_16hm89e.css +1 -0
- package/es/components/TextArea/variations/_disabled/base.js +1 -1
- package/es/components/TextArea/variations/_disabled/base_1bn0zc9.css +1 -0
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/{base_vk912g.css → base_1v0syh0.css} +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +29 -36
- package/package.json +4 -5
- package/styled-components/cjs/components/Drawer/Drawer.js +2 -3
- package/styled-components/cjs/components/Modal/Modal.js +4 -8
- package/styled-components/cjs/components/Modal/Modal.styles.js +8 -50
- package/styled-components/cjs/components/Popup/Popup.js +4 -68
- package/styled-components/cjs/components/Popup/Popup.styles.js +8 -68
- package/styled-components/cjs/components/Popup/Popup.tokens.js +1 -10
- package/styled-components/cjs/components/Popup/utils/index.js +0 -16
- package/styled-components/cjs/components/TextArea/TextArea.js +7 -19
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +28 -76
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -3
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/styled-components/cjs/components/_Icon/index.js +0 -4
- package/styled-components/es/components/Drawer/Drawer.js +2 -3
- package/styled-components/es/components/Modal/Modal.js +5 -9
- package/styled-components/es/components/Modal/Modal.styles.js +4 -8
- package/styled-components/es/components/Popup/Popup.js +5 -64
- package/styled-components/es/components/Popup/Popup.styles.js +4 -23
- package/styled-components/es/components/Popup/Popup.tokens.js +1 -10
- package/styled-components/es/components/Popup/utils/index.js +0 -3
- package/styled-components/es/components/TextArea/TextArea.js +8 -20
- package/styled-components/es/components/TextArea/TextArea.styles.js +28 -64
- package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -3
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
- package/styled-components/es/components/_Icon/index.js +0 -1
- package/types/components/Breadcrumbs/utils/index.d.ts +1 -1
- package/types/components/Carousel/CarouselOld/Carousel.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts +1 -1
- 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/Modal/Modal.d.ts +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.styles.d.ts +0 -1
- package/types/components/Modal/Modal.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts +0 -2
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.tokens.d.ts +0 -9
- package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +0 -52
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/utils/index.d.ts +0 -3
- package/types/components/Popup/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/Table/ui/HeadCell/HeadCell.d.ts +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -10
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -2
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +0 -5
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/cjs/components/Popup/Popup.styles_kpf3dd.css +0 -6
- package/cjs/components/Popup/utils/getHandleStyles.js +0 -58
- package/cjs/components/Popup/utils/getHandleStyles.js.map +0 -1
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -36
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/cjs/components/Popup/utils/getResizeDirections.js +0 -73
- package/cjs/components/Popup/utils/getResizeDirections.js.map +0 -1
- package/cjs/components/TextArea/TextArea.styles_exqsyh.css +0 -24
- package/cjs/components/TextArea/TextArea_c31ipk.css +0 -1
- package/cjs/components/TextArea/variations/_clear/base_1vo4ba5.css +0 -1
- package/cjs/components/TextArea/variations/_disabled/base_s6ttw.css +0 -1
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -30
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -30
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
- package/emotion/cjs/components/Popup/utils/getHandleStyles.js +0 -61
- package/emotion/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
- package/emotion/cjs/components/Popup/utils/getResizeDirections.js +0 -82
- package/emotion/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
- package/emotion/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
- package/emotion/es/components/Popup/utils/getHandleStyles.js +0 -51
- package/emotion/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
- package/emotion/es/components/Popup/utils/getResizeDirections.js +0 -72
- package/emotion/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
- package/emotion/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
- package/es/components/Popup/Popup.styles_kpf3dd.css +0 -6
- package/es/components/Popup/utils/getHandleStyles.js +0 -54
- package/es/components/Popup/utils/getHandleStyles.js.map +0 -1
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -32
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/es/components/Popup/utils/getResizeDirections.js +0 -69
- package/es/components/Popup/utils/getResizeDirections.js.map +0 -1
- package/es/components/TextArea/TextArea.styles_exqsyh.css +0 -24
- package/es/components/TextArea/TextArea_c31ipk.css +0 -1
- package/es/components/TextArea/variations/_clear/base_1vo4ba5.css +0 -1
- package/es/components/TextArea/variations/_disabled/base_s6ttw.css +0 -1
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -22
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
- package/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -22
- package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
- package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +0 -61
- package/styled-components/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
- package/styled-components/cjs/components/Popup/utils/getResizeDirections.js +0 -82
- package/styled-components/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
- package/styled-components/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
- package/styled-components/es/components/Popup/utils/getHandleStyles.js +0 -51
- package/styled-components/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
- package/styled-components/es/components/Popup/utils/getResizeDirections.js +0 -72
- package/styled-components/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
- package/styled-components/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
- package/types/components/Popup/utils/getHandleStyles.d.ts +0 -29
- package/types/components/Popup/utils/getHandleStyles.d.ts.map +0 -1
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts +0 -3
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
- package/types/components/Popup/utils/getResizeDirections.d.ts +0 -14
- package/types/components/Popup/utils/getResizeDirections.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts +0 -4
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts.map +0 -1
package/cjs/index.css
CHANGED
@@ -139,45 +139,41 @@
|
|
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
|
-
.
|
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);}
|
142
|
+
.TextArea_styles_1r7xix5_o1r1fvk8__d0987dcf{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_1r7xix5_surmvwq__d0987dcf{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_1r7xix5_t18bd513__d0987dcf{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_1r7xix5_s7alcr2__d0987dcf{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_1r7xix5_si9oz50__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
148
|
+
.TextArea_styles_1r7xix5_h19sfsrt__d0987dcf{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_1r7xix5_s3wsw3p__d0987dcf{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
|
151
|
+
.TextArea_styles_1r7xix5_stc5t23__d0987dcf{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;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
152
|
+
.TextArea_styles_1r7xix5_salwx57__d0987dcf{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(--salwx57-0);position:relative;}
|
153
|
+
.TextArea_styles_1r7xix5_s18lndvq__d0987dcf{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(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-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(--s18lndvq-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_1r7xix5_s18lndvq__d0987dcf::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-moz-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-ms-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-moz-read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-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_1r7xix5_s18lndvq__d0987dcf::-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;}
|
154
|
+
.TextArea_styles_1r7xix5_s183p45n__d0987dcf{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(--s183p45n-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);}
|
155
|
+
.TextArea_styles_1r7xix5_snf439a__d0987dcf{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);}
|
156
|
+
.TextArea_styles_1r7xix5_suev9vb__d0987dcf{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);}
|
157
|
+
.TextArea_styles_1r7xix5_s7jal92__d0987dcf{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);}
|
158
|
+
.TextArea_styles_1r7xix5_s11kd6xq__d0987dcf.TextArea_styles_1r7xix5_s7jal92__d0987dcf{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
159
|
+
.TextArea_styles_1r7xix5_s14zw9ik__d0987dcf{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(--s14zw9ik-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);}
|
160
|
+
.TextArea_styles_1r7xix5_sgr5lml__d0987dcf{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf.TextArea_styles_1r7xix5_textareaHasHint__d0987dcf{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
165
161
|
|
166
162
|
.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);}
|
167
163
|
|
168
164
|
.base_1mq4sb2_bp4bcu4__31d62216{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}
|
169
165
|
|
170
|
-
.
|
166
|
+
.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91{border:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_o1r1fvk8__fcebfb91{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_stc5t23__fcebfb91{right:0;bottom:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91,.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_snf439a__fcebfb91{padding-left:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_snf439a__fcebfb91{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91.base_16hm89e_textareaHasRightContent__fcebfb91{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91:not(.base_16hm89e_innerPlaceholderUp__fcebfb91) .base_16hm89e_s14zw9ik__fcebfb91{color:var(--plasma-textarea-clear-placeholder-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91:not(.base_16hm89e_innerPlaceholderUp__fcebfb91).base_16hm89e_focusedOuterPlaceholderColor__fcebfb91 .base_16hm89e_s14zw9ik__fcebfb91{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91.base_16hm89e_innerPlaceholderUp__fcebfb91{color:var(--plasma-textarea-placeholder-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s14zw9ik__fcebfb91{padding-left:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91.base_16hm89e_requiredAlignRight__fcebfb91{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasHint__fcebfb91 .base_16hm89e_s18tpn65__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasHint__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91.base_16hm89e_requiredAlignRight__fcebfb91{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_textareaContainer__fcebfb91{border:unset;border-radius:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaWrapper__fcebfb91{background-color:unset;box-shadow:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaContainer__fcebfb91{border:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaHelpers__fcebfb91{background-color:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91: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_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91:not([readonly]) .base_16hm89e_s3wsw3p__fcebfb91:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91:not([readonly]) .base_16hm89e_s3wsw3p__fcebfb91:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
171
167
|
|
172
|
-
.
|
168
|
+
.base_1v0syh0_b1xxdrt2__da85c725[readonly] .base_1v0syh0_s18lndvq__da85c725{color:var(--plasma-textarea-input-color-read-only);}.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725 .base_1v0syh0_s3wsw3p__da85c725:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725,.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_snf439a__da85c725{background:transparent;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725{position:relative;box-shadow:none;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725: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_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725{background:transparent;position:relative;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725: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_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725:hover{background:transparent;}
|
173
169
|
|
174
|
-
.
|
170
|
+
.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
175
171
|
|
176
172
|
.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);}
|
177
173
|
|
178
174
|
.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);}
|
179
175
|
|
180
|
-
.
|
176
|
+
.TextArea_e0xkpd_b6rykm0__3c2cd4e3{position:relative;box-sizing:border-box;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textarea__3c2cd4e3{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaWrapper__3c2cd4e3{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_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{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_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_hidePlaceholder__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{display:none;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_focusedOuterPlaceholderColor__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{color:var(--plasma-textarea-placeholder-color-focus);}
|
181
177
|
|
182
178
|
.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);}
|
183
179
|
|
@@ -349,17 +345,14 @@
|
|
349
345
|
|
350
346
|
.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;}
|
351
347
|
|
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;}
|
353
348
|
|
354
|
-
.
|
355
|
-
.
|
356
|
-
.
|
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);}
|
349
|
+
.Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
|
350
|
+
.Popup_styles_gq4luz_p5u7tqa__bb610b96{position:relative;max-width:100%;pointer-events:all;}
|
351
|
+
.Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
|
358
352
|
|
359
|
-
.
|
360
|
-
.
|
361
|
-
.
|
362
|
-
.Modal_styles_1obtvtw_cjp242v__a2f4e50d{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d.Modal_styles_1obtvtw_focusVisible__a2f4e50d:focus::before,.Modal_styles_1obtvtw_cjp242v__a2f4e50d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:active{color:var(--plasma-modal-close-button-active-color);}
|
353
|
+
.Modal_styles_1gt0sfn_m7npn1w__75045114{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);}
|
354
|
+
.Modal_styles_1gt0sfn_m16phoaz__75045114{position:relative;padding:var(--plasma-modal-content-padding);}
|
355
|
+
.Modal_styles_1gt0sfn_c5bx5hr__75045114{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1gt0sfn_c5bx5hr__75045114::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1gt0sfn_c5bx5hr__75045114.Modal_styles_1gt0sfn_focusVisible__75045114:focus::before,.Modal_styles_1gt0sfn_c5bx5hr__75045114[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:active{color:var(--plasma-modal-close-button-active-color);}
|
363
356
|
|
364
357
|
.NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
|
365
358
|
|
@@ -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,
|
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, [
|
132
132
|
"id",
|
133
133
|
"zIndex",
|
134
134
|
"popupInfo",
|
@@ -154,8 +154,7 @@ var drawerRoot = function(Root) {
|
|
154
154
|
"placement",
|
155
155
|
"closeOnEsc",
|
156
156
|
"closeOnOverlayClick",
|
157
|
-
"asModal"
|
158
|
-
"draggable"
|
157
|
+
"asModal"
|
159
158
|
]);
|
160
159
|
var innerIsOpen = Boolean(isOpen || opened);
|
161
160
|
var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
|
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
130
130
|
var Popup = (0, _engines.component)(_Popup.popupConfig);
|
131
131
|
var modalRoot = function(Root) {
|
132
132
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
|
133
|
-
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose,
|
133
|
+
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
|
134
134
|
"id",
|
135
135
|
"withAnimation",
|
136
136
|
"onClose",
|
@@ -148,9 +148,7 @@ var modalRoot = function(Root) {
|
|
148
148
|
"opened",
|
149
149
|
"isOpen",
|
150
150
|
"hasBody",
|
151
|
-
"hasClose"
|
152
|
-
"resizable",
|
153
|
-
"draggable"
|
151
|
+
"hasClose"
|
154
152
|
]);
|
155
153
|
var innerIsOpen = Boolean(isOpen || opened);
|
156
154
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
@@ -205,9 +203,7 @@ var modalRoot = function(Root) {
|
|
205
203
|
zIndex: zIndex,
|
206
204
|
overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
|
207
205
|
view: view
|
208
|
-
}, overlayNode)
|
209
|
-
draggable: draggable,
|
210
|
-
resizable: resizable
|
206
|
+
}, overlayNode)
|
211
207
|
}, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
|
212
208
|
view: view
|
213
209
|
}, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
|
@@ -223,7 +219,7 @@ var modalConfig = {
|
|
223
219
|
name: 'Modal',
|
224
220
|
tag: 'div',
|
225
221
|
layout: modalRoot,
|
226
|
-
base:
|
222
|
+
base: '',
|
227
223
|
variations: {
|
228
224
|
view: {
|
229
225
|
css: _base.base
|
@@ -17,13 +17,9 @@ _export(exports, {
|
|
17
17
|
},
|
18
18
|
get ModalContent () {
|
19
19
|
return ModalContent;
|
20
|
-
},
|
21
|
-
get base () {
|
22
|
-
return base;
|
23
20
|
}
|
24
21
|
});
|
25
22
|
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
26
|
-
var _react = require("@emotion/react");
|
27
23
|
var _mixins = require("../../mixins");
|
28
24
|
var _Modaltokens = require("./Modal.tokens");
|
29
25
|
function _interop_require_default(obj) {
|
@@ -31,21 +27,20 @@ function _interop_require_default(obj) {
|
|
31
27
|
default: obj
|
32
28
|
};
|
33
29
|
}
|
34
|
-
var base = (0, /*#__PURE__*/ _react.css)("height:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT29CIn0= */");
|
35
30
|
var ModalBody = (0, /*#__PURE__*/ _styled.default)("div", {
|
36
|
-
target: "
|
31
|
+
target: "e14x5qup0",
|
37
32
|
label: "ModalBody"
|
38
|
-
})("
|
33
|
+
})("border-radius:var(", _Modaltokens.tokens.modalBodyBorderRadius, ");padding:var(", _Modaltokens.tokens.modalBodyPadding, ");background:var(", _Modaltokens.tokens.modalBodyBackground, ");box-shadow:var(--shadow-down-soft-l);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlCIn0= */");
|
39
34
|
var ModalContent = (0, /*#__PURE__*/ _styled.default)("div", {
|
40
|
-
target: "
|
35
|
+
target: "e14x5qup1",
|
41
36
|
label: "ModalContent"
|
42
|
-
})("position:relative;padding:var(", _Modaltokens.tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
37
|
+
})("position:relative;padding:var(", _Modaltokens.tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIn0= */");
|
43
38
|
var CloseButton = (0, /*#__PURE__*/ _styled.default)("button", {
|
44
|
-
target: "
|
39
|
+
target: "e14x5qup2",
|
45
40
|
label: "CloseButton"
|
46
41
|
})("top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(", _Modaltokens.tokens.modalCloseButtonRadius, ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;", (0, _mixins.addFocus)({
|
47
42
|
outlineSize: '0.063rem',
|
48
43
|
outlineOffset: '-0.125rem',
|
49
44
|
outlineColor: "var(".concat(_Modaltokens.tokens.modalOutlineFocusColor, ")"),
|
50
45
|
outlineRadius: "calc(var(".concat(_Modaltokens.tokens.modalCloseButtonRadius, ") + 0.063rem)")
|
51
|
-
}), ";color:var(", _Modaltokens.tokens.modalCloseButtonColor, ");&:hover{color:var(", _Modaltokens.tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", _Modaltokens.tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
46
|
+
}), ";color:var(", _Modaltokens.tokens.modalCloseButtonColor, ");&:hover{color:var(", _Modaltokens.tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", _Modaltokens.tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQiJ9 */");
|
@@ -21,11 +21,8 @@ _export(exports, {
|
|
21
21
|
});
|
22
22
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
23
23
|
var _plasmacore = require("@salutejs/plasma-core");
|
24
|
-
var _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
|
25
|
-
var _reresizable = require("re-resizable");
|
26
24
|
var _utils = require("../../utils");
|
27
25
|
var _Portal = require("../Portal");
|
28
|
-
var _utils1 = require("./utils");
|
29
26
|
var _PopupRoot = require("./PopupRoot");
|
30
27
|
var _hooks = require("./hooks");
|
31
28
|
var _Popuptokens = require("./Popup.tokens");
|
@@ -51,11 +48,6 @@ function _define_property(obj, key, value) {
|
|
51
48
|
}
|
52
49
|
return obj;
|
53
50
|
}
|
54
|
-
function _interop_require_default(obj) {
|
55
|
-
return obj && obj.__esModule ? obj : {
|
56
|
-
default: obj
|
57
|
-
};
|
58
|
-
}
|
59
51
|
function _getRequireWildcardCache(nodeInterop) {
|
60
52
|
if (typeof WeakMap !== "function") return null;
|
61
53
|
var cacheBabelInterop = new WeakMap();
|
@@ -238,7 +230,7 @@ var popupRoot = function(Root) {
|
|
238
230
|
0,
|
239
231
|
0
|
240
232
|
] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
241
|
-
role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className,
|
233
|
+
role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, rest = _object_without_properties(_param, [
|
242
234
|
"id",
|
243
235
|
"isOpen",
|
244
236
|
"opened",
|
@@ -251,15 +243,9 @@ var popupRoot = function(Root) {
|
|
251
243
|
"zIndex",
|
252
244
|
"popupInfo",
|
253
245
|
"withAnimation",
|
254
|
-
"className"
|
255
|
-
"draggable",
|
256
|
-
"resizable"
|
246
|
+
"className"
|
257
247
|
]);
|
258
|
-
var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
|
259
248
|
var innerIsOpen = isOpen || opened;
|
260
|
-
var resizable = typeof outerResizable === 'boolean' ? {
|
261
|
-
disabled: !outerResizable
|
262
|
-
} : outerResizable;
|
263
249
|
var uniqId = (0, _utils.safeUseId)();
|
264
250
|
var innerId = id || uniqId;
|
265
251
|
var _usePopup = (0, _hooks.usePopup)({
|
@@ -270,7 +256,6 @@ var popupRoot = function(Root) {
|
|
270
256
|
}), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible, rootId = _usePopup.rootId;
|
271
257
|
var portalRef = (0, _react.useRef)(null);
|
272
258
|
var contentRef = (0, _react.useRef)(null);
|
273
|
-
var resizableContainer = (0, _react.useRef)(null);
|
274
259
|
var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
|
275
260
|
if (!isVisible && !innerIsOpen) {
|
276
261
|
return null;
|
@@ -286,56 +271,7 @@ var popupRoot = function(Root) {
|
|
286
271
|
frame: frame,
|
287
272
|
animationInfo: animationInfo,
|
288
273
|
setVisible: setVisible
|
289
|
-
}, rest),
|
290
|
-
defaultClassName: draggable ? _Popuptokens.classes.draggablePopupWrapper : undefined,
|
291
|
-
defaultClassNameDragging: draggable ? _Popuptokens.classes.draggingPopupWrapper : undefined,
|
292
|
-
disabled: !draggable,
|
293
|
-
cancel: ".".concat(_Popuptokens.classes.resizableHandleWrapper)
|
294
|
-
}, /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
|
295
|
-
ref: resizableContainer,
|
296
|
-
enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
|
297
|
-
resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
|
298
|
-
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
299
|
-
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
300
|
-
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
301
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
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
|
-
},
|
313
|
-
handleComponent: {
|
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, {
|
315
|
-
className: _Popuptokens.classes.resizableTopRightIcon,
|
316
|
-
color: "inherit",
|
317
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
318
|
-
}),
|
319
|
-
bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
320
|
-
className: _Popuptokens.classes.resizableBottomRightIcon,
|
321
|
-
color: "inherit",
|
322
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
323
|
-
}),
|
324
|
-
bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
325
|
-
className: _Popuptokens.classes.resizableBottomLeftIcon,
|
326
|
-
color: "inherit",
|
327
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
328
|
-
}),
|
329
|
-
topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
330
|
-
className: _Popuptokens.classes.resizableTopLeftIcon,
|
331
|
-
color: "inherit",
|
332
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
333
|
-
})
|
334
|
-
},
|
335
|
-
className: _Popuptokens.classes.resizableContainer,
|
336
|
-
handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
|
337
|
-
handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
|
338
|
-
}, children))));
|
274
|
+
}, rest), children));
|
339
275
|
if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
|
340
276
|
return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
|
341
277
|
container: frame.current
|
@@ -362,7 +298,7 @@ var popupConfig = {
|
|
362
298
|
name: 'Popup',
|
363
299
|
tag: 'div',
|
364
300
|
layout: popupRoot,
|
365
|
-
base:
|
301
|
+
base: '',
|
366
302
|
variations: {},
|
367
303
|
defaults: {}
|
368
304
|
};
|