@salutejs/plasma-new-hope 0.176.1-canary.1510.11572230988.0 → 0.176.1-canary.1517.11571952534.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Notification/Notification.css +11 -11
- package/cjs/components/Notification/Notification.js +2 -2
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +2 -11
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_e6274r.css → Notification.styles_7h8hp0.css} +2 -2
- package/cjs/components/Notification/Notification.tokens.js +1 -2
- package/cjs/components/Notification/Notification.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +4 -8
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +12 -12
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
- package/cjs/components/Select/Select.css +12 -12
- package/cjs/components/Select/Select.tokens.js +1 -2
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +12 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +12 -12
- package/cjs/components/Select/ui/Target/Target.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_jzeap2.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +1 -1
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.tokens.js +1 -0
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_1oh5gqm.css +9 -0
- package/cjs/index.css +31 -31
- package/cjs/index.js +1 -1
- package/emotion/cjs/components/Notification/Notification.js +2 -2
- package/emotion/cjs/components/Notification/Notification.styles.js +19 -14
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +8 -17
- package/emotion/cjs/components/Notification/Notification.tokens.js +1 -2
- package/emotion/cjs/components/Notification/NotificationsPortal.js +5 -9
- package/emotion/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/emotion/cjs/components/Notification/index.js +4 -4
- package/emotion/cjs/components/Select/Select.tokens.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -12
- package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -11
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/components/Notification/Notification.js +1 -1
- package/emotion/es/components/Notification/Notification.styles.js +19 -14
- package/emotion/es/components/Notification/Notification.template-doc.mdx +8 -17
- package/emotion/es/components/Notification/Notification.tokens.js +1 -2
- package/emotion/es/components/Notification/NotificationsPortal.js +5 -9
- package/emotion/es/components/Notification/NotificationsProvider.js +1 -3
- package/emotion/es/components/Notification/index.js +1 -1
- package/emotion/es/components/Select/Select.tokens.js +1 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -12
- package/emotion/es/components/Steps/Steps.tokens.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.js +29 -7
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -11
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Notification/Notification.js +4 -6
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/es/components/Notification/Notification.css +11 -11
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +2 -11
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_e6274r.css → Notification.styles_7h8hp0.css} +2 -2
- package/es/components/Notification/Notification.tokens.js +1 -2
- package/es/components/Notification/Notification.tokens.js.map +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +4 -8
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/components/Notification/NotificationsProvider.js +1 -3
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/es/components/Pagination/Pagination.css +12 -12
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
- package/es/components/Select/Select.css +12 -12
- package/es/components/Select/Select.tokens.js +1 -2
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +12 -12
- package/es/components/Select/ui/Inner/ui/Item/Item.css +12 -12
- package/es/components/Select/ui/Target/Target.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_jzeap2.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +1 -1
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.tokens.js +1 -0
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.js +30 -8
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_1oh5gqm.css +9 -0
- package/es/index.css +31 -31
- package/es/index.js +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/Notification.js +2 -2
- package/styled-components/cjs/components/Notification/Notification.styles.js +2 -5
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +8 -17
- package/styled-components/cjs/components/Notification/Notification.tokens.js +1 -2
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +4 -8
- package/styled-components/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/styled-components/cjs/components/Notification/index.js +4 -4
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +12 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/components/Notification/Notification.js +1 -1
- package/styled-components/es/components/Notification/Notification.styles.js +2 -5
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +8 -17
- package/styled-components/es/components/Notification/Notification.tokens.js +1 -2
- package/styled-components/es/components/Notification/NotificationsPortal.js +4 -8
- package/styled-components/es/components/Notification/NotificationsProvider.js +1 -3
- package/styled-components/es/components/Notification/index.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +29 -7
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +12 -6
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +4 -6
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/types/components/Notification/Notification.d.ts +3 -3
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +2 -4
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.tokens.d.ts +0 -1
- package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +5 -11
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts +3 -4
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
- package/types/components/Notification/index.d.ts +2 -2
- package/types/components/Notification/index.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -1
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +1 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +2 -4
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.d.ts +13 -4
- package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
package/es/index.css
CHANGED
|
@@ -338,17 +338,17 @@
|
|
|
338
338
|
|
|
339
339
|
.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd.base_crlufx_notificationWithoutIcon__c6cc97dd{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificationCloseIcon__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
|
|
340
340
|
|
|
341
|
-
.
|
|
342
|
-
.
|
|
343
|
-
.
|
|
344
|
-
.
|
|
345
|
-
.
|
|
346
|
-
.
|
|
347
|
-
.
|
|
348
|
-
.
|
|
349
|
-
.
|
|
350
|
-
.
|
|
351
|
-
.
|
|
341
|
+
.Notification_styles_7h8hp0_sb12p__2b784e15{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
342
|
+
.Notification_styles_7h8hp0_crvd7hm__2b784e15{position:absolute;width:1.5rem;height:1.5rem;color:var(--plasma-notification-close-icon-color);}.Notification_styles_7h8hp0_crvd7hm__2b784e15:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_7h8hp0_crvd7hm__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{position:relative;}
|
|
343
|
+
.Notification_styles_7h8hp0_wg1ga5v__2b784e15{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);}.Notification_styles_7h8hp0_wg1ga5v__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{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;gap:var(--plasma-notification-horizontal-layout-gap);}
|
|
344
|
+
.Notification_styles_7h8hp0_b1amsn8a__2b784e15{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);}.Notification_styles_7h8hp0_b1amsn8a__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{margin-top:unset;margin-left:unset;}
|
|
345
|
+
.Notification_styles_7h8hp0_i14raqr9__2b784e15{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);margin-right:var(--i14raqr9-0);margin-bottom:var(--i14raqr9-1);}.Notification_styles_7h8hp0_i14raqr9__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
|
|
346
|
+
.Notification_styles_7h8hp0_c157peez__2b784e15{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_7h8hp0_c157peez__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{padding:unset;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-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
|
|
347
|
+
.Notification_styles_7h8hp0_t1vmb0f2__2b784e15{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_7h8hp0_t1vmb0f2__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{padding:unset;}
|
|
348
|
+
.Notification_styles_7h8hp0_s1k4e58v__2b784e15{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
349
|
+
.Notification_styles_7h8hp0_s92kmpm__2b784e15{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
|
|
350
|
+
.Notification_styles_7h8hp0_s18m0x6v__2b784e15{margin-top:1rem;opacity:1;}.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_notificationItemOpened__2b784e15{-webkit-animation:0.4s Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15 ease-out;animation:0.4s Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15 ease-out;}.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_notificationItemHidden__2b784e15{-webkit-animation:0.4s Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15 ease-out;animation:0.4s Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15 ease-out;}@-webkit-keyframes Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
|
|
351
|
+
.Notification_styles_7h8hp0_sfe5ql2__2b784e15{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
|
|
352
352
|
|
|
353
353
|
.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
|
|
354
354
|
|
|
@@ -621,18 +621,18 @@
|
|
|
621
621
|
|
|
622
622
|
.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);}
|
|
623
623
|
|
|
624
|
-
.
|
|
625
|
-
.
|
|
624
|
+
.Textfield_styles_11yj58s_t1yhwv5r__817000d1{display:inline;}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectTextfieldTarget__817000d1{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectTextfieldTarget__817000d1:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectWithoutBoxShadow__817000d1::before{box-shadow:none !important;}
|
|
625
|
+
.Textfield_styles_11yj58s_s7x5udn__817000d1{--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 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_11yj58s_s7x5udn__817000d1::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_11yj58s_s7x5udn__817000d1.Textfield_styles_11yj58s_focusVisible__817000d1:focus::before,.Textfield_styles_11yj58s_s7x5udn__817000d1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
626
626
|
|
|
627
|
-
.
|
|
628
|
-
.
|
|
629
|
-
.
|
|
630
|
-
.
|
|
631
|
-
.
|
|
632
|
-
.
|
|
633
|
-
.
|
|
634
|
-
.
|
|
635
|
-
.
|
|
627
|
+
.Textfield_styles_11yj58s_i1kxyc50__817000d1{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_11yj58s_i1kxyc50__817000d1:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_11yj58s_i1kxyc50__817000d1:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
|
628
|
+
.Textfield_styles_11yj58s_wqzfsxn__817000d1{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_11yj58s_wqzfsxn__817000d1 .Textfield_styles_11yj58s_arrowInverse__817000d1{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
|
629
|
+
.Textfield_styles_11yj58s_c1cgo38i__817000d1{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);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_11yj58s_c1cgo38i__817000d1::-webkit-scrollbar{display:none;}
|
|
630
|
+
.Textfield_styles_11yj58s_l9ikjwc__817000d1{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);}
|
|
631
|
+
.Textfield_styles_11yj58s_p1jn3k4y__817000d1{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);}
|
|
632
|
+
.Textfield_styles_11yj58s_i8xlj9b__817000d1{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);}
|
|
633
|
+
.Textfield_styles_11yj58s_iu6fefp__817000d1{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;}
|
|
634
|
+
.Textfield_styles_11yj58s_c1ox0htq__817000d1{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
|
|
635
|
+
.Textfield_styles_11yj58s_v1kam5d__817000d1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
636
636
|
|
|
637
637
|
.Select_styles_768h42_spxbau6__d1d95a37 .Select_styles_768h42_popoverRoot__d1d95a37{width:var(--spxbau6-0);}.Select_styles_768h42_spxbau6__d1d95a37 .Select_styles_768h42_popoverTarget__d1d95a37{width:100%;}
|
|
638
638
|
.Select_styles_768h42_u1yey2x3__d1d95a37{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);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
|
|
@@ -685,15 +685,15 @@
|
|
|
685
685
|
|
|
686
686
|
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::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.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
687
687
|
|
|
688
|
-
.
|
|
689
|
-
.
|
|
690
|
-
.
|
|
691
|
-
.
|
|
692
|
-
.
|
|
693
|
-
.
|
|
694
|
-
.
|
|
695
|
-
.
|
|
696
|
-
.StepItem_styles_sp9rcd_s12pqpa3__20446152{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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
688
|
+
.StepItem_styles_1oh5gqm_snf9dn9__29712156{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
689
|
+
.StepItem_styles_1oh5gqm_sv5tpso__29712156{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
|
690
|
+
.StepItem_styles_1oh5gqm_s529fhk__29712156{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
|
691
|
+
.StepItem_styles_1oh5gqm_b1kcj14__29712156{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;}.StepItem_styles_1oh5gqm_b1kcj14__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1oh5gqm_b1kcj14__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156).StepItem_styles_1oh5gqm_itemHasIndicator__29712156{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156):not(.StepItem_styles_1oh5gqm_itemHasIndicator__29712156){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156).StepItem_styles_1oh5gqm_verticalOrientation__29712156{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_simple__29712156{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemHasIndicator__29712156{width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemHasIndicator__29712156){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156.StepItem_styles_1oh5gqm_itemHasIndicator__29712156{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156:not(.StepItem_styles_1oh5gqm_itemHasIndicator__29712156){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1oh5gqm_b1kcj14__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
692
|
+
.StepItem_styles_1oh5gqm_b9hdug__29712156{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_1oh5gqm_b9hdug__29712156::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_focusVisible__29712156:focus::before,.StepItem_styles_1oh5gqm_b9hdug__29712156[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_itemActive__29712156{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_simple__29712156:before,.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_simple__29712156:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
693
|
+
.StepItem_styles_1oh5gqm_b1eo1o32__29712156.StepItem_styles_1oh5gqm_b9hdug__29712156{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1oh5gqm_b1eo1o32__29712156.StepItem_styles_1oh5gqm_b9hdug__29712156.StepItem_styles_1oh5gqm_itemActive__29712156{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
|
694
|
+
.StepItem_styles_1oh5gqm_sxskc3q__29712156{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1oh5gqm_sxskc3q__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1oh5gqm_sxskc3q__29712156.StepItem_styles_1oh5gqm_transparentDivider__29712156{background:transparent;}.StepItem_styles_1oh5gqm_sxskc3q__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1oh5gqm_sxskc3q__29712156.StepItem_styles_1oh5gqm_indentDivider__29712156{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_1oh5gqm_sxskc3q__29712156.StepItem_styles_1oh5gqm_indentDivider__29712156.StepItem_styles_1oh5gqm_simple__29712156{height:auto;max-height:none;}
|
|
695
|
+
.StepItem_styles_1oh5gqm_s4zgmmr__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1oh5gqm_s4zgmmr__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156 .StepItem_styles_1oh5gqm_s529fhk__29712156{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
696
|
+
.StepItem_styles_1oh5gqm_s12pqpa3__29712156{position:relative;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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156 .StepItem_styles_1oh5gqm_sxskc3q__29712156{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemActive__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemHasIndicator__29712156{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemHasIndicator__29712156){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156:before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156):before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156):after{position:absolute;top:0;bottom:0;left:0;content:'';display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156):after{left:auto;right:0;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156:before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_verticalOrientation__29712156:before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_verticalOrientation__29712156:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156:before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_verticalOrientation__29712156:before{top:0;left:0;right:0;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_verticalOrientation__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_verticalOrientation__29712156:after{top:auto;left:0;right:0;bottom:0;margin:0 auto;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_isFirst__29712156:before,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_isFirst__29712156:before{display:none;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156.StepItem_styles_1oh5gqm_isLast__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156).StepItem_styles_1oh5gqm_isLast__29712156:after{display:none;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156:after,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_isPrevInactive__29712156:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_simple__29712156.StepItem_styles_1oh5gqm_isNextInactive__29712156:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156):not(.StepItem_styles_1oh5gqm_verticalOrientation__29712156).StepItem_styles_1oh5gqm_isNextActive__29712156 .StepItem_styles_1oh5gqm_b1kcj14__29712156{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156:not(.StepItem_styles_1oh5gqm_simple__29712156):not(.StepItem_styles_1oh5gqm_verticalOrientation__29712156).StepItem_styles_1oh5gqm_itemActive__29712156 .StepItem_styles_1oh5gqm_b1kcj14__29712156{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156) .StepItem_styles_1oh5gqm_sv5tpso__29712156{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156) .StepItem_styles_1oh5gqm_b9hdug__29712156,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156:not(.StepItem_styles_1oh5gqm_itemActive__29712156) .StepItem_styles_1oh5gqm_b1eo1o32__29712156{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156 .StepItem_styles_1oh5gqm_b9hdug__29712156,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156.StepItem_styles_1oh5gqm_itemInactive__29712156 .StepItem_styles_1oh5gqm_b1eo1o32__29712156{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemHovered__29712156 .StepItem_styles_1oh5gqm_b1kcj14__29712156{cursor:pointer;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156 .StepItem_styles_1oh5gqm_s4zgmmr__29712156{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:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156 .StepItem_styles_1oh5gqm_s4zgmmr__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156{width:100%;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156 .StepItem_styles_1oh5gqm_s4zgmmr__29712156 .StepItem_styles_1oh5gqm_sv5tpso__29712156,.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemCentered__29712156 .StepItem_styles_1oh5gqm_s4zgmmr__29712156 .StepItem_styles_1oh5gqm_s529fhk__29712156{padding-right:0;text-align:center;}.StepItem_styles_1oh5gqm_s12pqpa3__29712156.StepItem_styles_1oh5gqm_itemDisabled__29712156{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
697
697
|
|
|
698
698
|
.Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
699
699
|
|
package/es/index.js
CHANGED
|
@@ -102,7 +102,7 @@ export { classes as popupClasses } from './components/Popup/Popup.tokens.js';
|
|
|
102
102
|
export { modalConfig, modalRoot } from './components/Modal/Modal.js';
|
|
103
103
|
export { classes as modalClasses, tokens as modalTokens } from './components/Modal/Modal.tokens.js';
|
|
104
104
|
export { NotificationsProvider } from './components/Notification/NotificationsProvider.js';
|
|
105
|
-
export {
|
|
105
|
+
export { noticationConfig, notificationRoot } from './components/Notification/Notification.js';
|
|
106
106
|
export { addNotification, closeNotification } from './components/Notification/NotificationsStore.js';
|
|
107
107
|
export { classes as notificationClasses, tokens as notificationTokens } from './components/Notification/Notification.tokens.js';
|
|
108
108
|
export { drawerConfig, drawerRoot } from './components/Drawer/Drawer.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.176.1-canary.
|
|
3
|
+
"version": "0.176.1-canary.1517.11571952534.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"sideEffects": [
|
|
129
129
|
"*.css"
|
|
130
130
|
],
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "0a96c2106d10bc48e833680eb758650f0ec59218"
|
|
132
132
|
}
|
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.notificationRoot = exports.
|
|
7
|
+
exports.notificationRoot = exports.noticationConfig = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
|
9
9
|
var _utils = /*#__PURE__*/require("../../utils");
|
|
10
10
|
var _IconCross2 = /*#__PURE__*/require("../_Icon/Icons/IconCross");
|
|
@@ -94,7 +94,7 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
|
94
94
|
})))));
|
|
95
95
|
});
|
|
96
96
|
};
|
|
97
|
-
var
|
|
97
|
+
var noticationConfig = exports.noticationConfig = {
|
|
98
98
|
name: 'Notification',
|
|
99
99
|
tag: 'div',
|
|
100
100
|
layout: notificationRoot,
|
|
@@ -66,10 +66,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
|
|
|
66
66
|
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", ";color:var(", ");"], _Notification.tokens.contentFontFamily, _Notification.tokens.contentFontSize, _Notification.tokens.contentFontStyle, _Notification.tokens.contentFontWeight, _Notification.tokens.contentFontLetterSpacing, _Notification.tokens.contentFontLineHeight, /*#__PURE__*/String(_mixins.applyHyphens), _Notification.tokens.contentColor);
|
|
67
67
|
var StyledItemWrapper = exports.StyledItemWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
68
68
|
componentId: "plasma-new-hope__sc-1iufy9r-8"
|
|
69
|
-
})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out
|
|
69
|
+
})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out;}&&.", "{animation:0.4s hideAnimation ease-out;}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"], _Notification.classes.notificationItemOpened, _Notification.classes.notificationItemHidden);
|
|
70
70
|
var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
71
71
|
componentId: "plasma-new-hope__sc-1iufy9r-9"
|
|
72
|
-
})(["display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:
|
|
73
|
-
var placement = _ref8.placement;
|
|
74
|
-
return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
|
|
75
|
-
});
|
|
72
|
+
})(["display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:flex-end;"]);
|
|
@@ -10,15 +10,14 @@ import { PropsTable, Description } from '@site/src/components';
|
|
|
10
10
|
<PropsTable name="Notification" />
|
|
11
11
|
|
|
12
12
|
## Использование
|
|
13
|
-
Компонент `Notification` может использоваться для создания собственных систем оповещения.
|
|
13
|
+
Компонент `Notification` может использоваться для создания собственных систем оповещения.
|
|
14
14
|
Вид компонента контролируется свойствами (props).
|
|
15
|
-
Текстовая часть оповещения состоит из `title` и `children`.
|
|
15
|
+
Текстовая часть оповещения состоит из `title` и `children`.
|
|
16
16
|
Слева или сверху от нее, также можно пробросить иконку через свойство `icon`.
|
|
17
17
|
Также есть часть `actions`, в которой предполагается отображение кнопок для взаимодействия.
|
|
18
18
|
|
|
19
19
|
### Провайдер контекста
|
|
20
|
-
Поместите `NotificationsProvider` в [корень приложения](../../#корень-приложения) или там, где будете применять модальные
|
|
21
|
-
В качестве свойств можно указать контейнер для оповещений через `frame` и расположение в контейнере через свойство `placement`, как `bottom-right` _(по умолчанию)_ или `bottom-left`.
|
|
20
|
+
Поместите `NotificationsProvider` в [корень приложения](../../#корень-приложения) или там, где будете применять модальные окна:
|
|
22
21
|
|
|
23
22
|
```tsx title="index.ts"
|
|
24
23
|
import ReactDOM from 'react-dom';
|
|
@@ -35,32 +34,24 @@ ReactDOM.render(
|
|
|
35
34
|
```
|
|
36
35
|
|
|
37
36
|
### Вызов уведомления
|
|
38
|
-
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification
|
|
39
|
-
Функция принимает значения свойств компонента `Notification
|
|
37
|
+
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`,который приведет к отображению оповещения.
|
|
38
|
+
Функция принимает значения свойств компонента `Notification`:
|
|
40
39
|
|
|
41
40
|
```tsx live
|
|
42
41
|
import React from 'react';
|
|
43
|
-
import { Button,
|
|
42
|
+
import { Button, addNotification, NotificationsProvider } from '@salutejs/{{ package }}';
|
|
44
43
|
|
|
45
44
|
export function App() {
|
|
46
|
-
const
|
|
45
|
+
const handleClick = React.useCallback(() => {
|
|
47
46
|
addNotification({
|
|
48
|
-
id: 'incoming-call',
|
|
49
47
|
title: 'Входящий вызов',
|
|
50
48
|
children: 'Принять?',
|
|
51
49
|
}, 1000);
|
|
52
50
|
}, []);
|
|
53
51
|
|
|
54
|
-
const handleHide = React.useCallback(() => {
|
|
55
|
-
closeNotification('incoming-call');
|
|
56
|
-
}, []);
|
|
57
|
-
|
|
58
52
|
return (
|
|
59
53
|
<NotificationsProvider>
|
|
60
|
-
<
|
|
61
|
-
<Button text="Показать оповещение" onClick={handleShow} />
|
|
62
|
-
<Button text="Скрыть оповещение" onClick={handleHide} />
|
|
63
|
-
</ButtonGroup>
|
|
54
|
+
<Button text="Показать оповещение" onClick={handleClick} />
|
|
64
55
|
</NotificationsProvider>
|
|
65
56
|
);
|
|
66
57
|
}
|
|
@@ -19,8 +19,7 @@ var classes = exports.classes = {
|
|
|
19
19
|
withoutIcon: 'notification-without-icon',
|
|
20
20
|
withoutCloseIcon: 'notification-without-close-icon',
|
|
21
21
|
notificationItemOpened: 'notification-item-opened',
|
|
22
|
-
notificationItemHidden: 'notification-item-hidden'
|
|
23
|
-
notificationLeftToRightAnimation: 'notification-left-to-right-animation'
|
|
22
|
+
notificationItemHidden: 'notification-item-hidden'
|
|
24
23
|
};
|
|
25
24
|
var tokens = exports.tokens = {
|
|
26
25
|
background: '--plasma-notification-backgorund',
|
|
@@ -33,9 +33,7 @@ var StyledPopup = /*#__PURE__*/(0, _styledComponents["default"])(Popup).withConf
|
|
|
33
33
|
*/
|
|
34
34
|
var NotificationsPortal = exports.NotificationsPortal = function NotificationsPortal(_ref) {
|
|
35
35
|
var config = _ref.config,
|
|
36
|
-
frame = _ref.frame
|
|
37
|
-
_ref$placement = _ref.placement,
|
|
38
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement;
|
|
36
|
+
frame = _ref.frame;
|
|
39
37
|
var _useStoreon = (0, _react2.useStoreon)('notifications'),
|
|
40
38
|
notifications = _useStoreon.notifications;
|
|
41
39
|
var Notification = (0, _react.useMemo)(function () {
|
|
@@ -44,17 +42,15 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
|
|
|
44
42
|
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
|
|
45
43
|
opened: true,
|
|
46
44
|
frame: frame,
|
|
47
|
-
placement:
|
|
45
|
+
placement: "bottom-right",
|
|
48
46
|
zIndex: "9100"
|
|
49
|
-
}, /*#__PURE__*/_react["default"].createElement(_Notification.StyledRoot, {
|
|
50
|
-
placement: placement
|
|
51
|
-
}, notifications.map(function (_ref2) {
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement(_Notification.StyledRoot, null, notifications.map(function (_ref2) {
|
|
52
48
|
var id = _ref2.id,
|
|
53
49
|
isHidden = _ref2.isHidden,
|
|
54
50
|
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
55
51
|
return /*#__PURE__*/_react["default"].createElement(_Notification.StyledItemWrapper, {
|
|
56
52
|
key: id,
|
|
57
|
-
className: (0, _utils.cx)(isHidden ? _Notification2.classes.notificationItemHidden : _Notification2.classes.notificationItemOpened
|
|
53
|
+
className: (0, _utils.cx)(isHidden ? _Notification2.classes.notificationItemHidden : _Notification2.classes.notificationItemOpened),
|
|
58
54
|
isHidden: isHidden || false
|
|
59
55
|
}, /*#__PURE__*/_react["default"].createElement(Notification, _extends({
|
|
60
56
|
key: id,
|
|
@@ -12,13 +12,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
12
12
|
var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
config = _ref.config,
|
|
15
|
-
frame = _ref.frame
|
|
16
|
-
placement = _ref.placement;
|
|
15
|
+
frame = _ref.frame;
|
|
17
16
|
return /*#__PURE__*/_react["default"].createElement(_react2.StoreContext.Provider, {
|
|
18
17
|
value: _NotificationsStore.NotificationsStore
|
|
19
18
|
}, children, /*#__PURE__*/_react["default"].createElement(_NotificationsPortal.NotificationsPortal, {
|
|
20
19
|
frame: frame,
|
|
21
|
-
placement: placement,
|
|
22
20
|
config: config
|
|
23
21
|
}));
|
|
24
22
|
};
|
|
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "closeNotification", {
|
|
|
21
21
|
return _NotificationsStore.closeNotification;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "noticationConfig", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return
|
|
27
|
+
return _Notification.noticationConfig;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
Object.defineProperty(exports, "
|
|
30
|
+
Object.defineProperty(exports, "notificationClasses", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function get() {
|
|
33
|
-
return
|
|
33
|
+
return _Notification2.classes;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "notificationRoot", {
|
|
@@ -99,8 +99,7 @@ var tokens = exports.tokens = {
|
|
|
99
99
|
spinnerSize: '--plasma-select-spinner-size',
|
|
100
100
|
spinnerSizeTight: '--plasma-select-spinner-size-tight',
|
|
101
101
|
disclosureIconColor: '--plasma-select-disclosure-icon-color',
|
|
102
|
-
disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
|
|
103
|
-
contentLeftColor: '--plasma-select-content-left-color'
|
|
102
|
+
disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
|
|
104
103
|
};
|
|
105
104
|
var constants = exports.constants = {
|
|
106
105
|
focusColor: '--surface-accent',
|
|
@@ -70,7 +70,7 @@ var InnerLabel = exports.InnerLabel = /*#__PURE__*/_styledComponents["default"].
|
|
|
70
70
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], _Select.constants.textfieldInnerLabelColor, _Select.constants.fontFamily, _Select.constants.fontSize, _Select.constants.fontStyle, _Select.constants.fontWeight, _Select.constants.fontLetterSpacing, _Select.constants.fontLineHeight);
|
|
71
71
|
var ContentLeftWrapper = exports.ContentLeftWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
72
72
|
componentId: "plasma-new-hope__sc-1akl2tk-10"
|
|
73
|
-
})(["flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;
|
|
73
|
+
})(["flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;"]);
|
|
74
74
|
var Value = exports.Value = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
|
75
75
|
componentId: "plasma-new-hope__sc-1akl2tk-11"
|
|
76
76
|
})(["", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
|
@@ -62,6 +62,7 @@ var tokens = exports.tokens = {
|
|
|
62
62
|
inactiveTitleColor: '--plasma-step-item-inactive-title-color',
|
|
63
63
|
inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
|
|
64
64
|
contentColor: '--plasma-step-item-content-color',
|
|
65
|
+
focusColor: '--plasma-step-item-focus-color',
|
|
65
66
|
activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
|
|
66
67
|
activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
|
|
67
68
|
activeIndicatorColor: '--plasma-step-item-active-indicator-color',
|
|
@@ -51,6 +51,7 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
|
|
|
51
51
|
var prevItem = items[index - 1];
|
|
52
52
|
var nextItem = items[index + 1];
|
|
53
53
|
var isActive = status === 'active';
|
|
54
|
+
var isNextActive = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'active';
|
|
54
55
|
var isInactive = status === 'inactive';
|
|
55
56
|
var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
|
|
56
57
|
var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
|
|
@@ -88,8 +89,31 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
|
|
|
88
89
|
setIsHovered(false);
|
|
89
90
|
}
|
|
90
91
|
}, [isDisabled]);
|
|
92
|
+
if (isSimple) {
|
|
93
|
+
var _cls;
|
|
94
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemStyled, {
|
|
95
|
+
className: (0, _classnames["default"])((_cls = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical), "isFirst", isFirst), _defineProperty(_defineProperty(_defineProperty(_cls, "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement(_StepItem.BulletIndicatorWrapper, {
|
|
97
|
+
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator)),
|
|
98
|
+
onClick: onClickHandler,
|
|
99
|
+
onFocus: onMouseOver,
|
|
100
|
+
onBlur: onMouseOut,
|
|
101
|
+
onMouseOver: onMouseOver,
|
|
102
|
+
onMouseOut: onMouseOut
|
|
103
|
+
}, hasLoader && /*#__PURE__*/_react["default"].createElement(_StepItem.SpinnerStyled, {
|
|
104
|
+
hasIndicator: hasIndicator
|
|
105
|
+
}), !hasLoader && /*#__PURE__*/_react["default"].createElement(BulletNode, {
|
|
106
|
+
className: (0, _classnames["default"])(_defineProperty(_defineProperty({}, _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive))
|
|
107
|
+
}, typeof indicator === 'function' && indicator({
|
|
108
|
+
status: status,
|
|
109
|
+
item: item,
|
|
110
|
+
size: size
|
|
111
|
+
}), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
|
|
112
|
+
className: (0, _classnames["default"])(_Steps.classes.simple, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive || isNextInactive))
|
|
113
|
+
}));
|
|
114
|
+
}
|
|
91
115
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemStyled, {
|
|
92
|
-
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical))
|
|
116
|
+
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
|
|
93
117
|
}, /*#__PURE__*/_react["default"].createElement(_StepItem.BulletIndicatorWrapper, {
|
|
94
118
|
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator)),
|
|
95
119
|
onClick: onClickHandler,
|
|
@@ -99,7 +123,7 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
|
|
|
99
123
|
onMouseOut: onMouseOut
|
|
100
124
|
}, contentAlign === 'center' && !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
|
|
101
125
|
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive))
|
|
102
|
-
}), isVertical &&
|
|
126
|
+
}), isVertical && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
|
|
103
127
|
className: (0, _classnames["default"])(_Steps.classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive)),
|
|
104
128
|
indentToken: indentToken
|
|
105
129
|
}), hasLoader && /*#__PURE__*/_react["default"].createElement(_StepItem.SpinnerStyled, {
|
|
@@ -110,9 +134,9 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
|
|
|
110
134
|
status: status,
|
|
111
135
|
item: item,
|
|
112
136
|
size: size
|
|
113
|
-
}), typeof indicator !== 'function' && indicator),
|
|
137
|
+
}), typeof indicator !== 'function' && indicator), /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
|
|
114
138
|
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isLast), _Steps.classes.inactive, isInactive || isNextInactive))
|
|
115
|
-
})),
|
|
139
|
+
})), /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContentWrapper, {
|
|
116
140
|
className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.active, isActive), _Steps.classes.hasIndicator, hasIndicator))
|
|
117
141
|
}, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemTitle, {
|
|
118
142
|
onClick: onClickHandler,
|
|
@@ -120,7 +144,5 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
|
|
|
120
144
|
onBlur: onMouseOut,
|
|
121
145
|
onMouseOver: onMouseOver,
|
|
122
146
|
onMouseOut: onMouseOut
|
|
123
|
-
}, title), content && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content)))
|
|
124
|
-
className: (0, _classnames["default"])(_Steps.classes.simple, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.inactive, isInactive || isNextInactive))
|
|
125
|
-
}));
|
|
147
|
+
}, title), content && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
|
|
126
148
|
};
|