@salutejs/plasma-new-hope 0.256.0-canary.1739.13123692822.0 → 0.256.0-canary.1744.13111488863.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_1yw1mrq.css → AccordionItem.styles_56cr5h.css} +2 -2
- package/cjs/components/Autocomplete/Autocomplete.css +5 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +5 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -5
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/cjs/components/NumberInput/NumberInput.js +1 -0
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +5 -5
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.js +9 -23
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.styles_gh4xvw.css +4 -0
- package/cjs/components/Popover/Popover.tokens.js +1 -3
- package/cjs/components/Popover/Popover.tokens.js.map +1 -1
- package/cjs/components/Range/Range.css +5 -5
- package/cjs/components/Select/Select.css +5 -5
- package/cjs/components/Select/ui/Target/Target.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
- package/cjs/components/Slider/Slider.css +5 -5
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
- package/cjs/components/TextArea/ui/Hint/Hint.css +5 -5
- package/cjs/components/TextField/ui/Hint/Hint.css +5 -5
- package/cjs/components/Tooltip/Tooltip.js +4 -3
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.tokens.js +4 -0
- package/cjs/components/Tooltip/Tooltip.tokens.js.map +1 -1
- package/{es/components/Tooltip/Tooltip_1qsg6ij.css → cjs/components/Tooltip/Tooltip_aay375.css} +1 -1
- package/cjs/index.css +16 -16
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -11
- package/emotion/cjs/components/NumberInput/NumberInput.js +1 -0
- package/emotion/cjs/components/Popover/Popover.js +9 -23
- package/emotion/cjs/components/Popover/Popover.styles.js +4 -4
- package/emotion/cjs/components/Popover/Popover.tokens.js +1 -3
- package/emotion/cjs/components/Tooltip/Tooltip.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -11
- package/emotion/es/components/NumberInput/NumberInput.js +1 -0
- package/emotion/es/components/Popover/Popover.js +9 -23
- package/emotion/es/components/Popover/Popover.styles.js +4 -4
- package/emotion/es/components/Popover/Popover.tokens.js +1 -3
- package/emotion/es/components/Tooltip/Tooltip.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/es/components/Accordion/Accordion.tokens.js +1 -4
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_1yw1mrq.css → AccordionItem.styles_56cr5h.css} +2 -2
- package/es/components/Autocomplete/Autocomplete.css +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.css +5 -5
- package/es/components/Combobox/ComboboxOld/Combobox.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDate.css +5 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
- package/es/components/DatePicker/SingleDate/SingleDate.css +5 -5
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/es/components/NumberInput/NumberInput.js +1 -0
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.css +5 -5
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.js +9 -23
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/Popover.styles_gh4xvw.css +4 -0
- package/es/components/Popover/Popover.tokens.js +1 -3
- package/es/components/Popover/Popover.tokens.js.map +1 -1
- package/es/components/Range/Range.css +5 -5
- package/es/components/Select/Select.css +5 -5
- package/es/components/Select/ui/Target/Target.css +5 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
- package/es/components/Slider/Slider.css +5 -5
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
- package/es/components/TextArea/ui/Hint/Hint.css +5 -5
- package/es/components/TextField/ui/Hint/Hint.css +5 -5
- package/es/components/Tooltip/Tooltip.js +4 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tooltip/Tooltip.tokens.js +4 -1
- package/es/components/Tooltip/Tooltip.tokens.js.map +1 -1
- package/{cjs/components/Tooltip/Tooltip_1qsg6ij.css → es/components/Tooltip/Tooltip_aay375.css} +1 -1
- package/es/index.css +16 -16
- package/package.json +5 -5
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/styled-components/cjs/components/NumberInput/NumberInput.js +1 -0
- package/styled-components/cjs/components/Popover/Popover.js +9 -23
- package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
- package/styled-components/cjs/components/Popover/Popover.tokens.js +1 -3
- package/styled-components/cjs/components/Tooltip/Tooltip.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/styled-components/es/components/NumberInput/NumberInput.js +1 -0
- package/styled-components/es/components/Popover/Popover.js +9 -23
- package/styled-components/es/components/Popover/Popover.styles.js +2 -2
- package/styled-components/es/components/Popover/Popover.tokens.js +1 -3
- package/styled-components/es/components/Tooltip/Tooltip.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.tokens.d.ts +0 -2
- package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +0 -4
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/cjs/components/Popover/Popover.styles_15l7isk.css +0 -4
- package/es/components/Popover/Popover.styles_15l7isk.css +0 -4
@@ -95,7 +95,7 @@
|
|
95
95
|
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
96
96
|
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
97
97
|
|
98
|
-
.
|
98
|
+
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
99
99
|
|
100
100
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
101
101
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -145,10 +145,10 @@
|
|
145
145
|
|
146
146
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
147
147
|
|
148
|
-
.
|
149
|
-
.
|
150
|
-
.
|
151
|
-
.
|
148
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
149
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
150
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
151
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
152
152
|
|
153
153
|
|
154
154
|
.SingleDate_styles_17lyyyf_s15omatb__3d26212f{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerError__3d26212f{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerSuccess__3d26212f{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
|
@@ -38,10 +38,10 @@
|
|
38
38
|
.DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
39
39
|
.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
|
40
40
|
|
41
|
-
.
|
42
|
-
.
|
43
|
-
.
|
44
|
-
.
|
41
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
42
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
43
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
44
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
45
45
|
|
46
46
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
47
47
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
2
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
3
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
5
5
|
|
6
6
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
7
7
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -64,6 +64,7 @@ var numberInputRoot = function numberInputRoot(Root) {
|
|
64
64
|
_useState6 = _slicedToArray(_useState5, 2),
|
65
65
|
isAnimationRun = _useState6[0],
|
66
66
|
setIsAnimationRun = _useState6[1];
|
67
|
+
console.log('innerValue', innerValue);
|
67
68
|
var innerWidth = width ? getSizeValueFromProp(width) : '100%';
|
68
69
|
var actionIconSize = size === 'xs' ? 'xs' : 's';
|
69
70
|
var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useEffect, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp, isNumber } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { getPreciseValue } from './utils';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value,\n min,\n max,\n step = 1,\n precision = 2,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n const loadingClass = isLoading ? classes.loading : undefined;\n const focusedClass = isInputFocused ? classes.focused : undefined;\n\n const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n const decrementButtonDisabled =\n (isMinValue(Number(innerValue)) && !isAnimationRun) || isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isMaxValue(Number(innerValue)) && !isAnimationRun) || isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading || disabled || isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) - step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = min !== undefined && diffValue <= min ? min : diffValue;\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading || disabled || isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) + step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = max !== undefined && diffValue >= max ? max : diffValue;\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n useEffect(() => {\n if (value === undefined || !isNumber(value)) {\n return;\n }\n\n setInnerValue((prevValue) => (prevValue !== value ? value : prevValue));\n }, [value]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(\n className,\n solidViewClass,\n segmentedViewClass,\n clearViewClass,\n disabledClass,\n loadingClass,\n focusedClass,\n )}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={innerValue}\n precision={precision}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n isInputFocused={isInputFocused}\n setIsInputFocused={setIsInputFocused}\n setIsAnimationRun={setIsAnimationRun}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","_ref$precision","precision","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","useEffect","isNumber","prevValue","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useEffect, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp, isNumber } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { getPreciseValue } from './utils';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value,\n min,\n max,\n step = 1,\n precision = 2,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n console.log('innerValue', innerValue);\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n const loadingClass = isLoading ? classes.loading : undefined;\n const focusedClass = isInputFocused ? classes.focused : undefined;\n\n const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n const decrementButtonDisabled =\n (isMinValue(Number(innerValue)) && !isAnimationRun) || isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isMaxValue(Number(innerValue)) && !isAnimationRun) || isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading || disabled || isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) - step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = min !== undefined && diffValue <= min ? min : diffValue;\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading || disabled || isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) + step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = max !== undefined && diffValue >= max ? max : diffValue;\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n useEffect(() => {\n if (value === undefined || !isNumber(value)) {\n return;\n }\n\n setInnerValue((prevValue) => (prevValue !== value ? value : prevValue));\n }, [value]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(\n className,\n solidViewClass,\n segmentedViewClass,\n clearViewClass,\n disabledClass,\n loadingClass,\n focusedClass,\n )}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={innerValue}\n precision={precision}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n isInputFocused={isInputFocused}\n setIsInputFocused={setIsInputFocused}\n setIsAnimationRun={setIsAnimationRun}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","_ref$precision","precision","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","console","log","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","useEffect","isNumber","prevValue","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
@@ -128,15 +128,15 @@
|
|
128
128
|
|
129
129
|
.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
130
130
|
|
131
|
-
.
|
132
|
-
.
|
133
|
-
.
|
134
|
-
.
|
131
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
132
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
133
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
134
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
135
135
|
|
136
136
|
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
137
137
|
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
138
138
|
|
139
|
-
.
|
139
|
+
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
140
140
|
|
141
141
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
142
142
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -96,15 +96,15 @@
|
|
96
96
|
|
97
97
|
.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
98
98
|
|
99
|
-
.
|
100
|
-
.
|
101
|
-
.
|
102
|
-
.
|
99
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
100
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
101
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
102
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
103
103
|
|
104
104
|
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
105
105
|
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
106
106
|
|
107
|
-
.
|
107
|
+
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
108
108
|
|
109
109
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
110
110
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
2
|
+
.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
|
3
|
+
.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[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;}
|
@@ -9,7 +9,7 @@ import { classes } from './Popover.tokens.js';
|
|
9
9
|
import { useFocusTrap } from '../../hooks/useFocusTrap.js';
|
10
10
|
import { Portal } from '../Portal/Portal.js';
|
11
11
|
|
12
|
-
var _excluded = ["target", "children", "
|
12
|
+
var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
13
13
|
var ESCAPE_KEYCODE = 27;
|
14
14
|
var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
15
15
|
|
@@ -22,7 +22,6 @@ var popoverRoot = function popoverRoot(Root) {
|
|
22
22
|
var _placement$;
|
23
23
|
var target = _ref.target,
|
24
24
|
children = _ref.children,
|
25
|
-
animated = _ref.animated,
|
26
25
|
isOpen = _ref.isOpen,
|
27
26
|
opened = _ref.opened,
|
28
27
|
_ref$trigger = _ref.trigger,
|
@@ -62,15 +61,13 @@ var popoverRoot = function popoverRoot(Root) {
|
|
62
61
|
var _useState3 = useState(false),
|
63
62
|
_useState4 = _slicedToArray(_useState3, 2),
|
64
63
|
forceRender = _useState4[1];
|
65
|
-
var _useState5 = useState(innerIsOpen),
|
66
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
67
|
-
shouldRender = _useState6[0],
|
68
|
-
setShouldRender = _useState6[1];
|
69
64
|
var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
70
65
|
var isAutoArray = Array.isArray(placement);
|
71
66
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
72
|
-
var
|
73
|
-
|
67
|
+
var initialStyles = {
|
68
|
+
visibility: innerIsOpen ? 'visible' : 'hidden',
|
69
|
+
opacity: innerIsOpen ? 1 : 0
|
70
|
+
};
|
74
71
|
var _usePopper = usePopper(rootRef.current, popoverRef.current, {
|
75
72
|
// TODO: #1121
|
76
73
|
// eslint-disable-next-line no-nested-ternary
|
@@ -198,16 +195,6 @@ var popoverRoot = function popoverRoot(Root) {
|
|
198
195
|
*/
|
199
196
|
Promise.resolve().then(forceUpdate);
|
200
197
|
}, [innerIsOpen, children, forceUpdate]);
|
201
|
-
var handleTransitionEnd = function handleTransitionEnd() {
|
202
|
-
if (!innerIsOpen) {
|
203
|
-
setShouldRender(false);
|
204
|
-
}
|
205
|
-
};
|
206
|
-
useEffect(function () {
|
207
|
-
if (innerIsOpen) {
|
208
|
-
setShouldRender(true);
|
209
|
-
}
|
210
|
-
}, [innerIsOpen]);
|
211
198
|
return /*#__PURE__*/React.createElement(Portal, {
|
212
199
|
container: portalContainer,
|
213
200
|
disabled: /*#__PURE__*/isValidElement(target)
|
@@ -227,12 +214,11 @@ var popoverRoot = function popoverRoot(Root) {
|
|
227
214
|
view: view,
|
228
215
|
className: className
|
229
216
|
}, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
230
|
-
|
231
|
-
className: cx(classes.root, openClass, animatedClass),
|
217
|
+
className: classes.root,
|
232
218
|
ref: popoverForkRef,
|
233
|
-
style: _objectSpread2(_objectSpread2({}, styles.popper), {
|
234
|
-
display:
|
235
|
-
}),
|
219
|
+
style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.popper), {
|
220
|
+
display: innerIsOpen ? 'block' : 'none'
|
221
|
+
}), initialStyles),
|
236
222
|
zIndex: zIndex
|
237
223
|
}), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
|
238
224
|
className: classes.arrow,
|