@salutejs/plasma-new-hope 0.176.1-canary.1510.11572230988.0 → 0.177.0-canary.1500.11571505911.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +17 -4
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +2 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_truncate/base.js +9 -0
- package/cjs/components/Badge/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- 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/Tabs/tokens.js +2 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1vj7dbl.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +14 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_6ssvos.css +5 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/cjs/index.css +39 -33
- package/cjs/index.js +1 -1
- package/emotion/cjs/components/Badge/Badge.js +22 -4
- package/emotion/cjs/components/Badge/Badge.tokens.js +2 -1
- package/emotion/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- 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/Tabs/tokens.js +2 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/emotion/es/components/Badge/Badge.js +23 -4
- package/emotion/es/components/Badge/Badge.tokens.js +2 -1
- package/emotion/es/components/Badge/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Badge/variations/_truncate/tokens.json +1 -0
- 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/Tabs/tokens.js +2 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +18 -5
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +2 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_truncate/base.js +5 -0
- package/es/components/Badge/variations/_truncate/base.js.map +1 -0
- package/es/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- 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/Tabs/tokens.js +2 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +15 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1vj7dbl.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -4
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_6ssvos.css +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/es/index.css +39 -33
- package/es/index.js +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +22 -4
- package/styled-components/cjs/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- 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/Tabs/tokens.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/styled-components/es/components/Badge/Badge.js +23 -4
- package/styled-components/es/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/es/components/Badge/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Badge/variations/_truncate/tokens.json +1 -0
- 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/Tabs/tokens.js +2 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- 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/Tabs/Tabs.stories.tsx +48 -16
- package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/types/components/Badge/Badge.d.ts +10 -2
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +1 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +5 -0
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_truncate/base.d.ts +2 -0
- package/types/components/Badge/variations/_truncate/base.d.ts.map +1 -0
- 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/Tabs/TabItem.types.d.ts +5 -0
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +9 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +9 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.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/Tabs/TabItem.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.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/Tabs/TabItem.d.ts +6 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx
CHANGED
@@ -5,7 +5,6 @@ import type { StoryObj, Meta } from '@storybook/react';
|
|
5
5
|
import { Button } from '../Button/Button';
|
6
6
|
import { Modal } from '../Modal/Modal';
|
7
7
|
import {
|
8
|
-
NotificationPlacement,
|
9
8
|
NotificationIconPlacement,
|
10
9
|
NotificationLayout,
|
11
10
|
addNotification,
|
@@ -21,7 +20,6 @@ const titles = ['Выполнено', 'Внимание', 'Ошибка'];
|
|
21
20
|
const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
|
22
21
|
const size = ['xs', 'xxs'];
|
23
22
|
const iconPlacement = ['top', 'left'];
|
24
|
-
const notificationsPlacements = ['bottom-right', 'bottom-left'];
|
25
23
|
|
26
24
|
const longText = `JavaScript frameworks are an essential part of modern front-end web development,
|
27
25
|
providing developers with proven tools for building scalable, interactive web applications.
|
@@ -51,7 +49,6 @@ interface StoryDefaultProps {
|
|
51
49
|
layout: NotificationLayout;
|
52
50
|
size: 'xs' | 'xxs';
|
53
51
|
iconPlacement: NotificationIconPlacement;
|
54
|
-
placement?: NotificationPlacement;
|
55
52
|
}
|
56
53
|
|
57
54
|
const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
|
@@ -114,10 +111,9 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
|
114
111
|
layout: NotificationLayout;
|
115
112
|
size: 'xs' | 'xxs';
|
116
113
|
iconPlacement: NotificationIconPlacement;
|
117
|
-
placement?: NotificationPlacement;
|
118
114
|
};
|
119
115
|
|
120
|
-
const StoryLiveDemo = ({ timeout,
|
116
|
+
const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
|
121
117
|
const count = useRef(0);
|
122
118
|
const handleClick = useCallback(() => {
|
123
119
|
addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
|
@@ -125,7 +121,7 @@ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
|
|
125
121
|
}, [count, rest]);
|
126
122
|
|
127
123
|
return (
|
128
|
-
<NotificationsProvider
|
124
|
+
<NotificationsProvider>
|
129
125
|
<Button text="Добавить уведомление" onClick={handleClick} />
|
130
126
|
</NotificationsProvider>
|
131
127
|
);
|
@@ -139,28 +135,20 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
|
|
139
135
|
type: 'select',
|
140
136
|
},
|
141
137
|
},
|
142
|
-
placement: {
|
143
|
-
options: notificationsPlacements,
|
144
|
-
control: {
|
145
|
-
type: 'select',
|
146
|
-
},
|
147
|
-
},
|
148
138
|
},
|
149
139
|
args: {
|
150
140
|
timeout: 3000,
|
151
141
|
role: 'alert',
|
152
142
|
layout: 'vertical',
|
153
|
-
placement: 'bottom-right',
|
154
143
|
},
|
155
144
|
render: (args) => <StoryLiveDemo {...args} />,
|
156
145
|
};
|
157
146
|
|
158
147
|
type StoryWithModalProps = ComponentProps<typeof Notification> & {
|
159
148
|
timeout: number;
|
160
|
-
placement?: NotificationPlacement;
|
161
149
|
};
|
162
150
|
|
163
|
-
const StoryWithModal = ({ timeout
|
151
|
+
const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
164
152
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
165
153
|
const count = useRef(0);
|
166
154
|
const handleClick = useCallback(() => {
|
@@ -169,7 +157,7 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
|
|
169
157
|
}, [count]);
|
170
158
|
|
171
159
|
return (
|
172
|
-
<NotificationsProvider
|
160
|
+
<NotificationsProvider>
|
173
161
|
<PopupProvider>
|
174
162
|
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
175
163
|
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
@@ -184,15 +172,6 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
|
|
184
172
|
export const WithModal: StoryObj<StoryLiveDemoProps> = {
|
185
173
|
args: {
|
186
174
|
timeout: 3500,
|
187
|
-
placement: 'bottom-right',
|
188
|
-
},
|
189
|
-
argTypes: {
|
190
|
-
placement: {
|
191
|
-
options: notificationsPlacements,
|
192
|
-
control: {
|
193
|
-
type: 'select',
|
194
|
-
},
|
195
|
-
},
|
196
175
|
},
|
197
176
|
render: (args) => <StoryWithModal {...args} />,
|
198
177
|
};
|
@@ -29,6 +29,7 @@ type CustomStoryTabsProps = {
|
|
29
29
|
|
30
30
|
const contentLeftOptions = ['none', 'icon'];
|
31
31
|
const contentRightOptions = ['none', 'counter', 'icon'];
|
32
|
+
const labels = ['Label', 'Middle label', 'Very long label'];
|
32
33
|
|
33
34
|
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
34
35
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
@@ -76,6 +77,12 @@ const meta: Meta<StoryTabsProps> = {
|
|
76
77
|
},
|
77
78
|
if: { arg: 'helperText', eq: '' },
|
78
79
|
},
|
80
|
+
maxItemWidth: {
|
81
|
+
control: {
|
82
|
+
type: 'text',
|
83
|
+
},
|
84
|
+
if: { arg: 'stretch', truthy: false },
|
85
|
+
},
|
79
86
|
},
|
80
87
|
};
|
81
88
|
|
@@ -90,13 +97,14 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
90
97
|
contentRight: contentRightOption,
|
91
98
|
hasDivider,
|
92
99
|
stretch,
|
100
|
+
maxItemWidth,
|
93
101
|
helperText,
|
94
102
|
} = props;
|
95
103
|
const items = Array(itemQuantity).fill(0);
|
96
104
|
const [index, setIndex] = useState(0);
|
97
105
|
|
98
106
|
return (
|
99
|
-
<Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
|
107
|
+
<Tabs clip="none" view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
|
100
108
|
{items.map((_, i) => {
|
101
109
|
if (helperText !== '') {
|
102
110
|
return (
|
@@ -110,8 +118,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
110
118
|
value={helperText}
|
111
119
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
112
120
|
size={size as Size}
|
121
|
+
maxItemWidth={maxItemWidth}
|
113
122
|
>
|
114
|
-
{
|
123
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
115
124
|
</TabItem>
|
116
125
|
);
|
117
126
|
}
|
@@ -127,8 +136,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
127
136
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
128
137
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
129
138
|
size={size as Size}
|
139
|
+
maxItemWidth={maxItemWidth}
|
130
140
|
>
|
131
|
-
{
|
141
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
132
142
|
</TabItem>
|
133
143
|
);
|
134
144
|
})}
|
@@ -147,6 +157,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
147
157
|
hasDivider,
|
148
158
|
helperText,
|
149
159
|
width,
|
160
|
+
maxItemWidth,
|
150
161
|
} = props;
|
151
162
|
const items = Array(itemQuantity).fill(0);
|
152
163
|
const [index, setIndex] = useState(0);
|
@@ -166,8 +177,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
166
177
|
value={helperText}
|
167
178
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
168
179
|
size={size as Size}
|
180
|
+
maxItemWidth={maxItemWidth}
|
169
181
|
>
|
170
|
-
{
|
182
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
171
183
|
</TabItem>
|
172
184
|
);
|
173
185
|
}
|
@@ -183,8 +195,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
183
195
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
184
196
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
185
197
|
size={size as Size}
|
198
|
+
maxItemWidth={maxItemWidth}
|
186
199
|
>
|
187
|
-
{
|
200
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
188
201
|
</TabItem>
|
189
202
|
);
|
190
203
|
})}
|
@@ -202,6 +215,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
202
215
|
contentRight: contentRightOption,
|
203
216
|
hasDivider,
|
204
217
|
helperText,
|
218
|
+
maxItemWidth,
|
205
219
|
} = props;
|
206
220
|
const maxItemQuantity = 3;
|
207
221
|
const items = Array(itemQuantity).fill(0);
|
@@ -234,8 +248,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
234
248
|
value={helperText}
|
235
249
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
236
250
|
size={size as Size}
|
251
|
+
maxItemWidth={maxItemWidth}
|
237
252
|
>
|
238
|
-
{
|
253
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
239
254
|
</TabItem>
|
240
255
|
);
|
241
256
|
}
|
@@ -251,8 +266,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
251
266
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
252
267
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
253
268
|
size={size as Size}
|
269
|
+
maxItemWidth={maxItemWidth}
|
254
270
|
>
|
255
|
-
{
|
271
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
256
272
|
</TabItem>
|
257
273
|
);
|
258
274
|
})}
|
@@ -269,6 +285,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
269
285
|
tabIndex={!disabled ? 0 : -1}
|
270
286
|
disabled={disabled}
|
271
287
|
size={size as Size}
|
288
|
+
maxItemWidth="auto"
|
272
289
|
>
|
273
290
|
ShowAll
|
274
291
|
</TabItem>
|
@@ -285,9 +302,10 @@ export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
|
|
285
302
|
disabled: false,
|
286
303
|
hasDivider: true,
|
287
304
|
helperText: '',
|
288
|
-
itemQuantity:
|
305
|
+
itemQuantity: 6,
|
289
306
|
stretch: false,
|
290
307
|
width: '15rem',
|
308
|
+
maxItemWidth: '',
|
291
309
|
},
|
292
310
|
argTypes: {
|
293
311
|
contentLeft: {
|
@@ -343,6 +361,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
343
361
|
contentRight: contentRightOption,
|
344
362
|
hasDivider,
|
345
363
|
helperText,
|
364
|
+
maxItemWidth,
|
346
365
|
} = props;
|
347
366
|
const items = Array(itemQuantity).fill(0);
|
348
367
|
const [index, setIndex] = useState(0);
|
@@ -363,8 +382,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
363
382
|
value={helperText}
|
364
383
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
365
384
|
size={size as Size}
|
385
|
+
maxItemWidth={maxItemWidth}
|
366
386
|
>
|
367
|
-
{
|
387
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
368
388
|
</TabItem>
|
369
389
|
);
|
370
390
|
}
|
@@ -381,8 +401,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
381
401
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
382
402
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
383
403
|
size={size as Size}
|
404
|
+
maxItemWidth={maxItemWidth}
|
384
405
|
>
|
385
|
-
{
|
406
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
386
407
|
</TabItem>
|
387
408
|
);
|
388
409
|
})}
|
@@ -401,6 +422,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
401
422
|
hasDivider,
|
402
423
|
helperText,
|
403
424
|
height,
|
425
|
+
maxItemWidth,
|
404
426
|
} = props;
|
405
427
|
const items = Array(itemQuantity).fill(0);
|
406
428
|
const [index, setIndex] = useState(0);
|
@@ -428,8 +450,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
428
450
|
value={helperText}
|
429
451
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
430
452
|
size={size as Size}
|
453
|
+
maxItemWidth={maxItemWidth}
|
431
454
|
>
|
432
|
-
{
|
455
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
433
456
|
</TabItem>
|
434
457
|
);
|
435
458
|
}
|
@@ -446,8 +469,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
446
469
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
447
470
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
448
471
|
size={size as Size}
|
472
|
+
maxItemWidth={maxItemWidth}
|
449
473
|
>
|
450
|
-
{
|
474
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
451
475
|
</TabItem>
|
452
476
|
);
|
453
477
|
})}
|
@@ -465,6 +489,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
465
489
|
contentRight: contentRightOption,
|
466
490
|
hasDivider,
|
467
491
|
helperText,
|
492
|
+
maxItemWidth,
|
468
493
|
} = props;
|
469
494
|
const maxItemQuantity = 3;
|
470
495
|
const items = Array(itemQuantity).fill(0);
|
@@ -498,8 +523,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
498
523
|
value={helperText}
|
499
524
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
500
525
|
size={size as Size}
|
526
|
+
maxItemWidth={maxItemWidth}
|
501
527
|
>
|
502
|
-
{
|
528
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
503
529
|
</TabItem>
|
504
530
|
);
|
505
531
|
}
|
@@ -516,8 +542,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
516
542
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
517
543
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
518
544
|
size={size as Size}
|
545
|
+
maxItemWidth={maxItemWidth}
|
519
546
|
>
|
520
|
-
{
|
547
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
521
548
|
</TabItem>
|
522
549
|
);
|
523
550
|
})}
|
@@ -534,6 +561,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
534
561
|
tabIndex={!disabled ? 0 : -1}
|
535
562
|
disabled={disabled}
|
536
563
|
size={size as Size}
|
564
|
+
maxItemWidth="auto"
|
537
565
|
>
|
538
566
|
ShowAll
|
539
567
|
</TabItem>
|
@@ -548,10 +576,11 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
|
|
548
576
|
size: 'xs',
|
549
577
|
disabled: false,
|
550
578
|
hasDivider: true,
|
551
|
-
itemQuantity:
|
579
|
+
itemQuantity: 6,
|
552
580
|
orientation: 'vertical',
|
553
581
|
helperText: '',
|
554
582
|
height: '10rem',
|
583
|
+
maxItemWidth: '',
|
555
584
|
},
|
556
585
|
argTypes: {
|
557
586
|
contentLeft: {
|
@@ -612,6 +641,7 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
|
|
612
641
|
contentRight: contentRightOption,
|
613
642
|
hasDivider,
|
614
643
|
stretch,
|
644
|
+
maxItemWidth,
|
615
645
|
} = props;
|
616
646
|
const items = Array(itemQuantity).fill(0);
|
617
647
|
const [index, setIndex] = useState(0);
|
@@ -629,8 +659,9 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
|
|
629
659
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
630
660
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
631
661
|
size={size as HeaderSize}
|
662
|
+
maxItemWidth={maxItemWidth}
|
632
663
|
>
|
633
|
-
{
|
664
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
634
665
|
</TabItem>
|
635
666
|
))}
|
636
667
|
</Tabs>
|
@@ -643,6 +674,7 @@ export const HeaderTabs: StoryObj<StoryTabsProps> = {
|
|
643
674
|
disabled: false,
|
644
675
|
hasDivider: true,
|
645
676
|
itemQuantity: 4,
|
677
|
+
maxItemWidth: '',
|
646
678
|
},
|
647
679
|
argTypes: {
|
648
680
|
size: {
|
@@ -1,11 +1,15 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { RootProps } from '../../engines';
|
3
3
|
import type { BadgeProps, BadgeRootProps } from './Badge.types';
|
4
|
-
export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps
|
4
|
+
export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
|
5
|
+
truncate: boolean;
|
6
|
+
}>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
5
7
|
export declare const badgeConfig: {
|
6
8
|
name: string;
|
7
9
|
tag: string;
|
8
|
-
layout: (Root: RootProps<HTMLDivElement, BadgeRootProps
|
10
|
+
layout: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
|
11
|
+
truncate: boolean;
|
12
|
+
}>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
9
13
|
base: import("@linaria/core").LinariaClassName;
|
10
14
|
variations: {
|
11
15
|
view: {
|
@@ -26,6 +30,10 @@ export declare const badgeConfig: {
|
|
26
30
|
css: import("@linaria/core").LinariaClassName;
|
27
31
|
attrs: boolean;
|
28
32
|
};
|
33
|
+
truncate: {
|
34
|
+
css: import("@linaria/core").LinariaClassName;
|
35
|
+
attrs: boolean;
|
36
|
+
};
|
29
37
|
};
|
30
38
|
defaults: {
|
31
39
|
view: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,sFA6C3F,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA/CQ,UAAU,cAAc,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFhG,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
|
@@ -58,6 +58,11 @@ declare type CustomBadgeProps = {
|
|
58
58
|
* Слот для контента справа, например `Icon`
|
59
59
|
*/
|
60
60
|
contentRight?: ReactNode;
|
61
|
+
/**
|
62
|
+
* Обрезает контент по максимальной ширине и добавляет ...
|
63
|
+
* @default 'auto'
|
64
|
+
*/
|
65
|
+
maxWidth?: string;
|
61
66
|
/**
|
62
67
|
* Размер Badge
|
63
68
|
* @default
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_truncate/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
|
@@ -4,11 +4,11 @@ import { NotificationProps } from './Notification.types';
|
|
4
4
|
/**
|
5
5
|
* Компонент для небольших уведомлений пользователя
|
6
6
|
*/
|
7
|
-
export declare const notificationRoot: (Root: RootProps<HTMLDivElement,
|
8
|
-
export declare const
|
7
|
+
export declare const notificationRoot: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
|
8
|
+
export declare const noticationConfig: {
|
9
9
|
name: string;
|
10
10
|
tag: string;
|
11
|
-
layout: (Root: RootProps<HTMLDivElement,
|
11
|
+
layout: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
|
12
12
|
base: import("@linaria/core").LinariaClassName;
|
13
13
|
variations: {
|
14
14
|
layout: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,
|
1
|
+
{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC,6FAwF7E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBA1FU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;CA+GlF,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { CloseIconType, IconPlacementType
|
2
|
+
import { CloseIconType, IconPlacementType } from './Notification.types';
|
3
3
|
export declare const StyledNotification: import("@linaria/core").LinariaClassName;
|
4
4
|
export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../types").AsProps<any> & {
|
5
5
|
text?: string | undefined;
|
@@ -54,7 +54,5 @@ export declare const StyledContent: import("@linaria/react").StyledComponent<imp
|
|
54
54
|
export declare const StyledItemWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
55
55
|
isHidden: boolean;
|
56
56
|
}>;
|
57
|
-
export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> &
|
58
|
-
placement?: NotificationPlacement | undefined;
|
59
|
-
}>;
|
57
|
+
export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
60
58
|
//# sourceMappingURL=Notification.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,
|
1
|
+
{"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAc5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,gKAavB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmC9D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Notification.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DlB,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { AsProps } from '@salutejs/plasma-core';
|
2
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
2
|
+
import { HTMLAttributes, ReactNode, RefAttributes } from 'react';
|
3
3
|
import { ComponentConfig, PropsType, Variants } from '../../engines/types';
|
4
4
|
export declare const layouts: {
|
5
5
|
horizontal: string;
|
@@ -11,7 +11,6 @@ export declare const placements: {
|
|
11
11
|
left: string;
|
12
12
|
};
|
13
13
|
export declare type NotificationIconPlacement = keyof typeof placements;
|
14
|
-
export declare type NotificationPlacement = 'bottom-right' | 'bottom-left';
|
15
14
|
export declare type LayoutType = {
|
16
15
|
layout?: NotificationLayout;
|
17
16
|
};
|
@@ -21,11 +20,11 @@ export declare type IconPlacementType = {
|
|
21
20
|
export declare type CloseIconType = {
|
22
21
|
showCloseIcon?: boolean;
|
23
22
|
};
|
24
|
-
export interface NotificationProps extends AsProps,
|
23
|
+
export interface NotificationProps extends AsProps, HTMLAttributes<HTMLDivElement> {
|
25
24
|
/**
|
26
25
|
* Заголовок.
|
27
26
|
*/
|
28
|
-
title?:
|
27
|
+
title?: string;
|
29
28
|
/**
|
30
29
|
* Контент под заголовком.
|
31
30
|
*/
|
@@ -71,19 +70,14 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
|
|
71
70
|
*/
|
72
71
|
size?: string;
|
73
72
|
}
|
74
|
-
export interface NotificationPortalProps extends
|
73
|
+
export interface NotificationPortalProps extends HTMLAttributes<HTMLDivElement> {
|
75
74
|
/**
|
76
75
|
* Конфиг компонента Notification.
|
77
76
|
*/
|
78
|
-
config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps &
|
77
|
+
config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
|
79
78
|
/**
|
80
79
|
* В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
|
81
80
|
*/
|
82
81
|
frame?: string;
|
83
|
-
/**
|
84
|
-
* Расположение компонента Notification во frame
|
85
|
-
* @default bottom-right
|
86
|
-
*/
|
87
|
-
placement?: NotificationPlacement;
|
88
82
|
}
|
89
83
|
//# sourceMappingURL=Notification.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,
|
1
|
+
{"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,CAkC3D,CAAC"}
|
@@ -1,11 +1,10 @@
|
|
1
|
-
import { FC,
|
1
|
+
import { FC, ReactNode, RefAttributes } from 'react';
|
2
2
|
import { ComponentConfig } from '../../engines';
|
3
3
|
import { PropsType, Variants } from '../../engines/types';
|
4
|
-
import {
|
4
|
+
import { NotificationProps } from './Notification.types';
|
5
5
|
export declare const NotificationsProvider: FC<{
|
6
6
|
children: ReactNode;
|
7
|
-
config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps &
|
7
|
+
config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
|
8
8
|
frame?: string;
|
9
|
-
placement?: NotificationPlacement;
|
10
9
|
}>;
|
11
10
|
//# sourceMappingURL=NotificationsProvider.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,
|
1
|
+
{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAOA,CAAC"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
export { NotificationsProvider } from './NotificationsProvider';
|
2
|
-
export { notificationRoot,
|
2
|
+
export { notificationRoot, noticationConfig } from './Notification';
|
3
3
|
export { addNotification, closeNotification } from './NotificationsStore';
|
4
4
|
export { classes as notificationClasses, tokens as notificationTokens } from './Notification.tokens';
|
5
|
-
export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement,
|
5
|
+
export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement, } from './Notification.types';
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACrG,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,GAC5B,MAAM,sBAAsB,CAAC"}
|