@salutejs/plasma-new-hope 0.117.0-dev.0 → 0.118.0-canary.1344.10280312887.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 -0
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +2 -0
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +28 -32
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/{es/components/Select/Select.styles_zx0ztg.css → cjs/components/Select/Select.styles_1e7cbbz.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +7 -11
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +31 -31
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -0
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +2 -0
- package/emotion/cjs/components/Select/Select.js +28 -32
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +7 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/es/components/Accordion/Accordion.tokens.js +1 -0
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +2 -0
- package/emotion/es/components/Select/Select.js +28 -32
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +7 -11
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
- package/emotion/es/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/es/components/Accordion/Accordion.tokens.js +1 -0
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/es/components/Button/Button.tokens.js +2 -0
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +28 -32
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/{cjs/components/Select/Select.styles_zx0ztg.css → es/components/Select/Select.styles_1e7cbbz.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +7 -11
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +12 -13
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +31 -31
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -0
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +2 -0
- package/styled-components/cjs/components/Select/Select.js +28 -32
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -0
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +2 -0
- package/styled-components/es/components/Select/Select.js +28 -32
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/styled-components/es/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/types/components/Accordion/Accordion.tokens.d.ts +1 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +12 -8
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +2 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +4 -2
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -2
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +3 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
package/es/index.css
CHANGED
@@ -8,14 +8,14 @@
|
|
8
8
|
|
9
9
|
.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
11
|
+
.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
12
|
+
.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
13
|
+
.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
14
|
+
.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
|
15
|
+
.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
16
|
+
.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
|
17
|
+
.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
|
18
|
+
.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
|
19
19
|
|
20
20
|
.IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
21
21
|
|
@@ -492,32 +492,32 @@
|
|
492
492
|
.Item_styles_y3jg1m_wzzpzvq__110489ac{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::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-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
493
493
|
|
494
494
|
|
495
|
-
.
|
496
|
-
.
|
497
|
-
.
|
498
|
-
.
|
499
|
-
.
|
495
|
+
.Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
496
|
+
.Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
497
|
+
.Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
498
|
+
.Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
499
|
+
.Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
500
500
|
|
501
501
|
.Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
502
502
|
|
503
|
-
.
|
504
|
-
.
|
505
|
-
|
506
|
-
.
|
507
|
-
.
|
508
|
-
.
|
509
|
-
.
|
510
|
-
.
|
511
|
-
.
|
512
|
-
.
|
513
|
-
.
|
514
|
-
.
|
515
|
-
|
516
|
-
.
|
517
|
-
.
|
518
|
-
.
|
519
|
-
.
|
520
|
-
.
|
503
|
+
.Textfield_styles_5mg7p7_t1yhwv5r__edd76511{display:inline;}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectTextfieldTarget__edd76511{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectWithoutBoxShadow__edd76511::before{box-shadow:none !important;}
|
504
|
+
.Textfield_styles_5mg7p7_s7x5udn__edd76511{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_5mg7p7_s7x5udn__edd76511::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_5mg7p7_s7x5udn__edd76511.Textfield_styles_5mg7p7_focusVisible__edd76511:focus::before,.Textfield_styles_5mg7p7_s7x5udn__edd76511[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
505
|
+
|
506
|
+
.Textfield_styles_5mg7p7_i1kxyc50__edd76511{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
507
|
+
.Textfield_styles_5mg7p7_wqzfsxn__edd76511{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_5mg7p7_wqzfsxn__edd76511 .Textfield_styles_5mg7p7_arrowInverse__edd76511{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
508
|
+
.Textfield_styles_5mg7p7_c1cgo38i__edd76511{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_5mg7p7_c1cgo38i__edd76511::-webkit-scrollbar{display:none;}
|
509
|
+
.Textfield_styles_5mg7p7_l9ikjwc__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
510
|
+
.Textfield_styles_5mg7p7_p1jn3k4y__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
511
|
+
.Textfield_styles_5mg7p7_i8xlj9b__edd76511{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
512
|
+
.Textfield_styles_5mg7p7_iu6fefp__edd76511{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
|
513
|
+
.Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
|
514
|
+
.Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
515
|
+
|
516
|
+
.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverRoot__4a6fbd83,.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{width:100%;}
|
517
|
+
.Select_styles_1e7cbbz_u1yey2x3__4a6fbd83{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
|
518
|
+
.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverWrapper__4a6fbd83,.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{display:block;}
|
519
|
+
.Select_styles_1e7cbbz_ogpldc9__4a6fbd83{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
520
|
+
.Select_styles_1e7cbbz_h2ef052__4a6fbd83{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
|
521
521
|
|
522
522
|
.base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
|
523
523
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.118.0-canary.1344.10280312887.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "7ca16dc697e3000e203bc6e071f6b63dd278917d"
|
122
122
|
}
|
@@ -29,6 +29,7 @@ var tokens = exports.tokens = {
|
|
29
29
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
30
30
|
accordionItemBorder: '--plasma-accordion-item-border',
|
31
31
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
32
|
+
accordionItemIconColor: '--plasma-accordion-item-color-icon',
|
32
33
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
33
34
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
34
35
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
@@ -40,10 +40,10 @@ var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComp
|
|
40
40
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontalLeft);
|
41
41
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-20ij9z-8"
|
43
|
-
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.
|
43
|
+
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemIconColor);
|
44
44
|
var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
|
45
45
|
componentId: "plasma-new-hope__sc-20ij9z-9"
|
46
|
-
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.
|
46
|
+
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
|
47
47
|
var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
48
48
|
componentId: "plasma-new-hope__sc-20ij9z-10"
|
49
49
|
})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
|
@@ -42,10 +42,10 @@ var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["
|
|
42
42
|
})(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
|
43
43
|
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
44
44
|
componentId: "plasma-new-hope__sc-9d9bqj-5"
|
45
|
-
})(["display:flex;margin:var(", ");"], _Button.tokens.buttonLeftContentMargin);
|
45
|
+
})(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonLeftContentMargin, _Button.tokens.buttonLeftContentAlignSelf);
|
46
46
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
47
47
|
componentId: "plasma-new-hope__sc-9d9bqj-6"
|
48
|
-
})(["display:flex;margin:var(", ");"], _Button.tokens.buttonRightContentMargin);
|
48
|
+
})(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonRightContentMargin, _Button.tokens.buttonRightContentAlignSelf);
|
49
49
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(_Button.classes.buttonSquare), _Button.tokens.buttonHeight);
|
50
50
|
|
51
51
|
// INFO: Для возможности переиспользования стилей в других компонентах
|
@@ -35,7 +35,9 @@ var tokens = exports.tokens = {
|
|
35
35
|
buttonLetterSpacing: '--plasma-button-letter-spacing',
|
36
36
|
buttonLineHeight: '--plasma-button-line-height',
|
37
37
|
buttonLeftContentMargin: '--plasma-button-left-content-margin',
|
38
|
+
buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
|
38
39
|
buttonRightContentMargin: '--plasma-button-right-content-margin',
|
40
|
+
buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
|
39
41
|
buttonValueMargin: '--plasma-button-value-margin',
|
40
42
|
buttonDisabledOpacity: '--plasma-button-disabled-opacity',
|
41
43
|
buttonFocusColor: '--plasma-button-focus-color',
|
@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
|
|
16
16
|
var _Select = /*#__PURE__*/require("./Select.styles");
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
19
|
-
var _excluded = ["
|
19
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -35,9 +35,7 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
|
35
35
|
*/
|
36
36
|
var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
37
37
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
38
|
-
var
|
39
|
-
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
40
|
-
outerValue = props.value,
|
38
|
+
var outerValue = props.value,
|
41
39
|
outerOnChange = props.onChange,
|
42
40
|
_props$target = props.target,
|
43
41
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -49,8 +47,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
49
47
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
50
48
|
placeholder = props.placeholder,
|
51
49
|
helperText = props.helperText,
|
52
|
-
_props$isTargetAmount = props.isTargetAmount,
|
53
|
-
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
54
50
|
_props$disabled = props.disabled,
|
55
51
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
56
52
|
view = props.view,
|
@@ -67,7 +63,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
67
63
|
renderValue = props.renderValue,
|
68
64
|
renderItem = props.renderItem,
|
69
65
|
rest = _objectWithoutProperties(props, _excluded);
|
70
|
-
var _useState = (0, _react.useState)(outerValue || multiselect ? [] : ''),
|
66
|
+
var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
|
71
67
|
_useState2 = _slicedToArray(_useState, 2),
|
72
68
|
internalValue = _useState2[0],
|
73
69
|
setInternalValue = _useState2[1];
|
@@ -128,30 +124,32 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
128
124
|
}
|
129
125
|
};
|
130
126
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
131
|
-
|
132
|
-
|
133
|
-
checkedCopy.
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
127
|
+
if (props.multiselect) {
|
128
|
+
var checkedCopy = new Map(checked);
|
129
|
+
if (!checkedCopy.get(item.value)) {
|
130
|
+
checkedCopy.set(item.value, true);
|
131
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, true);
|
132
|
+
} else {
|
133
|
+
checkedCopy.set(item.value, false);
|
134
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, false);
|
135
|
+
}
|
136
|
+
(0, _utils2.updateAncestors)(item, checkedCopy);
|
137
|
+
var newValues = [];
|
138
|
+
valueToItemMap.forEach(function (item, key) {
|
139
|
+
if (checkedCopy.get(key)) {
|
140
|
+
newValues.push(item.value);
|
141
|
+
}
|
142
|
+
});
|
143
|
+
if (onChange) {
|
144
|
+
onChange(newValues);
|
144
145
|
}
|
145
|
-
});
|
146
|
-
if (onChange) {
|
147
|
-
onChange(newValues);
|
148
146
|
}
|
149
147
|
};
|
150
148
|
var handleItemClick = function handleItemClick(item, e) {
|
151
149
|
if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
152
150
|
return;
|
153
151
|
}
|
154
|
-
if (multiselect) {
|
152
|
+
if (props.multiselect) {
|
155
153
|
handleCheckboxChange(item);
|
156
154
|
} else {
|
157
155
|
if (e) {
|
@@ -177,7 +175,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
177
175
|
var handlePressDown = function handlePressDown(item, e) {
|
178
176
|
if ((0, _utils.isEmpty)(item.items)) {
|
179
177
|
handleItemClick(item, e);
|
180
|
-
} else if (multiselect) {
|
178
|
+
} else if (props.multiselect) {
|
181
179
|
handleCheckboxChange(item);
|
182
180
|
}
|
183
181
|
};
|
@@ -189,6 +187,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
189
187
|
}
|
190
188
|
};
|
191
189
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
190
|
+
value: value,
|
192
191
|
focusedPath: focusedPath,
|
193
192
|
dispatchFocusedPath: dispatchFocusedPath,
|
194
193
|
path: path,
|
@@ -199,10 +198,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
199
198
|
handlePressDown: handlePressDown,
|
200
199
|
focusedChipIndex: focusedChipIndex,
|
201
200
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
202
|
-
value: value,
|
203
201
|
valueToItemMap: valueToItemMap,
|
204
|
-
multiselect: multiselect,
|
205
|
-
isTargetAmount: isTargetAmount
|
202
|
+
multiselect: props.multiselect,
|
203
|
+
isTargetAmount: props.isTargetAmount
|
206
204
|
}),
|
207
205
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
208
206
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -236,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
236
234
|
value: {
|
237
235
|
focusedPath: focusedPath,
|
238
236
|
checked: checked,
|
239
|
-
multiselect: multiselect,
|
237
|
+
multiselect: props.multiselect,
|
240
238
|
size: size,
|
241
239
|
handleCheckboxChange: handleCheckboxChange,
|
242
240
|
handleItemClick: handleItemClick,
|
@@ -253,10 +251,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
253
251
|
trigger: "click",
|
254
252
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Target, {
|
255
253
|
opened: isCurrentListOpen,
|
256
|
-
target: target,
|
257
254
|
value: value,
|
258
|
-
isTargetAmount: isTargetAmount,
|
259
|
-
multiselect: multiselect,
|
260
255
|
valueToItemMap: valueToItemMap,
|
261
256
|
focusedPath: focusedPath,
|
262
257
|
focusedToValueMap: focusedToValueMap,
|
@@ -266,6 +261,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
266
261
|
onKeyDown: onKeyDown,
|
267
262
|
focusedChipIndex: focusedChipIndex,
|
268
263
|
labelPlacement: labelPlacement,
|
264
|
+
selectProps: props,
|
269
265
|
size: size,
|
270
266
|
contentLeft: contentLeft,
|
271
267
|
disabled: disabled,
|
@@ -18,7 +18,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
18
18
|
})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
19
19
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
21
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:
|
21
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref) {
|
22
22
|
var listWidth = _ref.listWidth;
|
23
23
|
return listWidth || '100%';
|
24
24
|
}, function (_ref2) {
|
@@ -85,7 +85,7 @@ var constants = exports.constants = {
|
|
85
85
|
focusColor: '--surface-accent',
|
86
86
|
focusSize: '0.0625rem',
|
87
87
|
background: '--surface-solid-card',
|
88
|
-
boxShadow: '
|
88
|
+
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
89
89
|
disclosureIconColor: '--text-secondary',
|
90
90
|
disclosureIconColorHover: '--text-secondary-hover',
|
91
91
|
itemBackground: '--plasma-colors-transparent',
|
@@ -9,9 +9,6 @@ var _ui = /*#__PURE__*/require("./ui");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
10
|
var Target = exports.Target = function Target(_ref) {
|
11
11
|
var value = _ref.value,
|
12
|
-
multiselect = _ref.multiselect,
|
13
|
-
isTargetAmount = _ref.isTargetAmount,
|
14
|
-
target = _ref.target,
|
15
12
|
opened = _ref.opened,
|
16
13
|
valueToItemMap = _ref.valueToItemMap,
|
17
14
|
onChipClick = _ref.onChipClick,
|
@@ -25,12 +22,11 @@ var Target = exports.Target = function Target(_ref) {
|
|
25
22
|
disabled = _ref.disabled,
|
26
23
|
renderValue = _ref.renderValue,
|
27
24
|
focusedPath = _ref.focusedPath,
|
28
|
-
focusedToValueMap = _ref.focusedToValueMap
|
29
|
-
|
25
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
26
|
+
selectProps = _ref.selectProps;
|
27
|
+
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
30
28
|
opened: opened,
|
31
29
|
value: value,
|
32
|
-
isTargetAmount: isTargetAmount,
|
33
|
-
multiselect: multiselect,
|
34
30
|
valueToItemMap: valueToItemMap,
|
35
31
|
onKeyDown: onKeyDown,
|
36
32
|
label: label,
|
@@ -38,12 +34,11 @@ var Target = exports.Target = function Target(_ref) {
|
|
38
34
|
disabled: disabled,
|
39
35
|
renderValue: renderValue,
|
40
36
|
focusedPath: focusedPath,
|
41
|
-
focusedToValueMap: focusedToValueMap
|
37
|
+
focusedToValueMap: focusedToValueMap,
|
38
|
+
selectProps: selectProps
|
42
39
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
43
40
|
opened: opened,
|
44
41
|
value: value,
|
45
|
-
isTargetAmount: isTargetAmount,
|
46
|
-
multiselect: multiselect,
|
47
42
|
valueToItemMap: valueToItemMap,
|
48
43
|
onChipClick: onChipClick,
|
49
44
|
label: label,
|
@@ -56,6 +51,7 @@ var Target = exports.Target = function Target(_ref) {
|
|
56
51
|
disabled: disabled,
|
57
52
|
renderValue: renderValue,
|
58
53
|
focusedPath: focusedPath,
|
59
|
-
focusedToValueMap: focusedToValueMap
|
54
|
+
focusedToValueMap: focusedToValueMap,
|
55
|
+
selectProps: selectProps
|
60
56
|
});
|
61
57
|
};
|
@@ -13,8 +13,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
13
13
|
var Button = exports.Button = function Button(_ref) {
|
14
14
|
var opened = _ref.opened,
|
15
15
|
value = _ref.value,
|
16
|
-
isTargetAmount = _ref.isTargetAmount,
|
17
|
-
multiselect = _ref.multiselect,
|
18
16
|
valueToItemMap = _ref.valueToItemMap,
|
19
17
|
onKeyDown = _ref.onKeyDown,
|
20
18
|
label = _ref.label,
|
@@ -22,7 +20,8 @@ var Button = exports.Button = function Button(_ref) {
|
|
22
20
|
disabled = _ref.disabled,
|
23
21
|
renderValue = _ref.renderValue,
|
24
22
|
focusedPath = _ref.focusedPath,
|
25
|
-
focusedToValueMap = _ref.focusedToValueMap
|
23
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
24
|
+
selectProps = _ref.selectProps;
|
26
25
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
27
26
|
var getActiveDescendant = function getActiveDescendant() {
|
28
27
|
var _focusedToValueMap$ge;
|
@@ -45,13 +44,13 @@ var Button = exports.Button = function Button(_ref) {
|
|
45
44
|
"aria-controls": "tree_level_1",
|
46
45
|
"aria-expanded": opened,
|
47
46
|
"aria-activedescendant": getActiveDescendant(),
|
48
|
-
"aria-label": label
|
49
|
-
|
47
|
+
"aria-label": label,
|
48
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
49
|
+
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
50
50
|
value: value,
|
51
|
-
isTargetAmount: isTargetAmount,
|
52
|
-
multiselect: multiselect,
|
53
51
|
valueToItemMap: valueToItemMap,
|
54
52
|
label: label,
|
55
|
-
renderValue: renderValue
|
53
|
+
renderValue: renderValue,
|
54
|
+
selectProps: selectProps
|
56
55
|
}))));
|
57
56
|
};
|
@@ -15,7 +15,10 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
|
|
15
15
|
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
16
16
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-38cqi1-0"
|
18
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
18
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.targetButtonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.targetButtonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.targetButtonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.targetButtonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.targetButtonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.targetButtonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.targetButtonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
|
19
|
+
var renderTarget = _ref.renderTarget;
|
20
|
+
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
21
|
+
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
|
19
22
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
23
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
21
24
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
|
@@ -24,7 +27,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
24
27
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
25
28
|
var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
29
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
27
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
|
30
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], _Select.classes.selectWithoutBoxShadow, _Select.classes.arrowInverse);
|
28
31
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
32
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
30
|
-
})(["display:inline;width:100%;text-align:left;", "
|
33
|
+
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
@@ -56,8 +56,6 @@ var getLabel = function getLabel(_ref) {
|
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
57
57
|
var opened = _ref2.opened,
|
58
58
|
value = _ref2.value,
|
59
|
-
isTargetAmount = _ref2.isTargetAmount,
|
60
|
-
multiselect = _ref2.multiselect,
|
61
59
|
valueToItemMap = _ref2.valueToItemMap,
|
62
60
|
onChipClick = _ref2.onChipClick,
|
63
61
|
label = _ref2.label,
|
@@ -70,7 +68,8 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
70
68
|
disabled = _ref2.disabled,
|
71
69
|
renderValue = _ref2.renderValue,
|
72
70
|
focusedPath = _ref2.focusedPath,
|
73
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
71
|
+
focusedToValueMap = _ref2.focusedToValueMap,
|
72
|
+
selectProps = _ref2.selectProps;
|
74
73
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
75
74
|
var getActiveDescendant = function getActiveDescendant() {
|
76
75
|
var _focusedToValueMap$ge;
|
@@ -91,19 +90,20 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
91
90
|
"aria-controls": "tree_level_1",
|
92
91
|
"aria-expanded": opened,
|
93
92
|
"aria-activedescendant": getActiveDescendant(),
|
94
|
-
"aria-label": label
|
95
|
-
|
93
|
+
"aria-label": label,
|
94
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|
96
96
|
value: value,
|
97
|
-
isTargetAmount: isTargetAmount,
|
98
97
|
valueToItemMap: valueToItemMap,
|
99
98
|
onChipClick: onChipClick,
|
100
|
-
label: label,
|
101
|
-
placeholder: placeholder,
|
102
99
|
focusedChipIndex: focusedChipIndex,
|
100
|
+
label: label,
|
103
101
|
labelPlacement: labelPlacement,
|
104
|
-
|
105
|
-
|
106
|
-
|
102
|
+
placeholder: placeholder,
|
103
|
+
isTargetAmount: selectProps.isTargetAmount,
|
104
|
+
renderValue: renderValue,
|
105
|
+
size: size
|
106
|
+
}))), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
|
107
107
|
size: (0, _utils2.sizeToIconSize)(size),
|
108
108
|
color: "inherit",
|
109
109
|
className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
|
@@ -25,7 +25,10 @@ var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents
|
|
25
25
|
}, _Select.classes.selectWithoutBoxShadow);
|
26
26
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
28
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
28
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref3) {
|
29
|
+
var renderTarget = _ref3.renderTarget;
|
30
|
+
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
31
|
+
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
29
32
|
outlineOffset: _Select.constants.textfieldBorderSize,
|
30
33
|
outlineSize: _Select.constants.focusSize,
|
31
34
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
|
@@ -6,32 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.getButtonLabel = void 0;
|
7
7
|
var _utils = /*#__PURE__*/require("../../../utils");
|
8
8
|
var getLabel = function getLabel(_ref) {
|
9
|
-
var
|
10
|
-
|
11
|
-
|
9
|
+
var value = _ref.value,
|
10
|
+
valueToItemMap = _ref.valueToItemMap,
|
11
|
+
renderValue = _ref.renderValue;
|
12
12
|
var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
|
13
13
|
label = _ref2.label;
|
14
14
|
return renderValue ? renderValue(value, label) : label;
|
15
15
|
};
|
16
16
|
var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
17
17
|
var value = _ref3.value,
|
18
|
-
label = _ref3.label,
|
19
|
-
isTargetAmount = _ref3.isTargetAmount,
|
20
|
-
multiselect = _ref3.multiselect,
|
21
18
|
valueToItemMap = _ref3.valueToItemMap,
|
22
|
-
|
19
|
+
label = _ref3.label,
|
20
|
+
renderValue = _ref3.renderValue,
|
21
|
+
selectProps = _ref3.selectProps;
|
23
22
|
if ((0, _utils.isEmpty)(value)) {
|
24
|
-
return label;
|
23
|
+
return label || '';
|
25
24
|
}
|
26
|
-
if (multiselect && isTargetAmount) {
|
25
|
+
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
27
26
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
28
27
|
}
|
29
|
-
if (multiselect && Array.isArray(value)) {
|
30
|
-
return value.map(function (itemValue) {
|
28
|
+
if (selectProps.multiselect && Array.isArray(value)) {
|
29
|
+
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
31
30
|
return getLabel({
|
32
|
-
renderValue: renderValue,
|
33
31
|
value: itemValue,
|
34
|
-
valueToItemMap: valueToItemMap
|
32
|
+
valueToItemMap: valueToItemMap,
|
33
|
+
renderValue: renderValue
|
35
34
|
});
|
36
35
|
}).join(', ');
|
37
36
|
}
|