@salutejs/plasma-new-hope 0.109.1-dev.0 → 0.110.0-canary.1307.10056755335.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Portal/Portal.js +1 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Price/Price.css +2 -0
- package/cjs/components/Price/Price.js +65 -0
- package/cjs/components/Price/Price.js.map +1 -0
- package/cjs/components/Price/Price.styles.js +17 -0
- package/cjs/components/Price/Price.styles.js.map +1 -0
- package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
- package/cjs/components/Price/Price.tokens.js +10 -0
- package/cjs/components/Price/Price.tokens.js.map +1 -0
- package/cjs/components/Price/utils/formatCurrency.js +22 -0
- package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
- package/cjs/components/Price/variations/_view/base.js +9 -0
- package/cjs/components/Price/variations/_view/base.js.map +1 -0
- package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +2 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +2 -15
- package/cjs/index.js +5 -12
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Portal/Portal.js +1 -1
- package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/cjs/components/Price/Price.js +66 -0
- package/emotion/cjs/components/Price/Price.styles.js +24 -0
- package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
- package/emotion/cjs/components/Price/Price.tokens.js +9 -0
- package/emotion/cjs/components/Price/index.js +25 -0
- package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
- package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
- package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
- package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/hooks/index.js +0 -7
- package/emotion/cjs/index.js +4 -15
- package/emotion/es/components/Portal/Portal.js +1 -1
- package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/es/components/Price/Price.js +58 -0
- package/emotion/es/components/Price/Price.styles.js +17 -0
- package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
- package/emotion/es/components/Price/Price.tokens.js +3 -0
- package/emotion/es/components/Price/index.js +2 -0
- package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
- package/emotion/es/components/Price/variations/_view/base.js +2 -0
- package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
- package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
- package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
- package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
- package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/hooks/index.js +0 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Portal/Portal.js +1 -1
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Price/Price.css +2 -0
- package/es/components/Price/Price.js +60 -0
- package/es/components/Price/Price.js.map +1 -0
- package/es/components/Price/Price.styles.js +12 -0
- package/es/components/Price/Price.styles.js.map +1 -0
- package/es/components/Price/Price.styles_15b4mp1.css +2 -0
- package/es/components/Price/Price.tokens.js +6 -0
- package/es/components/Price/Price.tokens.js.map +1 -0
- package/es/components/Price/utils/formatCurrency.js +18 -0
- package/es/components/Price/utils/formatCurrency.js.map +1 -0
- package/es/components/Price/variations/_view/base.js +5 -0
- package/es/components/Price/variations/_view/base.js.map +1 -0
- package/es/components/Price/variations/_view/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +2 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +2 -15
- package/es/index.js +2 -5
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Portal/Portal.js +1 -1
- package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Price/Price.js +66 -0
- package/styled-components/cjs/components/Price/Price.styles.js +15 -0
- package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
- package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
- package/styled-components/cjs/components/Price/index.js +25 -0
- package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
- package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/cjs/index.js +4 -15
- package/styled-components/es/components/Portal/Portal.js +1 -1
- package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/es/components/Price/Price.js +58 -0
- package/styled-components/es/components/Price/Price.styles.js +7 -0
- package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
- package/styled-components/es/components/Price/Price.tokens.js +3 -0
- package/styled-components/es/components/Price/index.js +2 -0
- package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
- package/styled-components/es/components/Price/variations/_view/base.js +2 -0
- package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
- package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
- package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/styled-components/es/hooks/index.js +0 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/Portal/Portal.d.ts +6 -2
- package/types/components/Portal/Portal.d.ts.map +1 -1
- package/types/components/Portal/index.d.ts.map +1 -1
- package/types/components/Price/Price.d.ts +22 -0
- package/types/components/Price/Price.d.ts.map +1 -0
- package/types/components/Price/Price.styles.d.ts +4 -0
- package/types/components/Price/Price.styles.d.ts.map +1 -0
- package/types/components/Price/Price.tokens.d.ts +4 -0
- package/types/components/Price/Price.tokens.d.ts.map +1 -0
- package/types/components/Price/Price.types.d.ts +41 -0
- package/types/components/Price/Price.types.d.ts.map +1 -0
- package/types/components/Price/index.d.ts +3 -0
- package/types/components/Price/index.d.ts.map +1 -0
- package/types/components/Price/utils/formatCurrency.d.ts +10 -0
- package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
- package/types/components/Price/variations/_view/base.d.ts +2 -0
- package/types/components/Price/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
- package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
- package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
- package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -2
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +0 -60
- package/cjs/components/Autocomplete/Autocomplete.js +0 -189
- package/cjs/components/Autocomplete/Autocomplete.js.map +0 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +0 -78
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +0 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -93
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -112
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -47
- package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -41
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -21
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -23
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
- package/cjs/components/EmptyState/EmptyState.css +0 -30
- package/cjs/components/EmptyState/EmptyState.js +0 -39
- package/cjs/components/EmptyState/EmptyState.js.map +0 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +0 -41
- package/cjs/components/EmptyState/EmptyState.styles.js.map +0 -1
- package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/cjs/components/EmptyState/EmptyState.tokens.js +0 -21
- package/cjs/components/EmptyState/EmptyState.tokens.js.map +0 -1
- package/cjs/hooks/useOutsideClick.js +0 -26
- package/cjs/hooks/useOutsideClick.js.map +0 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +0 -193
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +0 -43
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
- package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
- package/emotion/cjs/components/Autocomplete/index.js +0 -25
- package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -25
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -17
- package/emotion/cjs/components/Autocomplete/ui/index.js +0 -27
- package/emotion/cjs/components/EmptyState/EmptyState.js +0 -39
- package/emotion/cjs/components/EmptyState/EmptyState.styles.js +0 -29
- package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
- package/emotion/cjs/components/EmptyState/EmptyState.types.js +0 -5
- package/emotion/cjs/components/EmptyState/index.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/cjs/hooks/useOutsideClick.js +0 -24
- package/emotion/es/components/Autocomplete/Autocomplete.js +0 -185
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +0 -36
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
- package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
- package/emotion/es/components/Autocomplete/index.js +0 -2
- package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -18
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -10
- package/emotion/es/components/Autocomplete/ui/index.js +0 -2
- package/emotion/es/components/EmptyState/EmptyState.js +0 -31
- package/emotion/es/components/EmptyState/EmptyState.styles.js +0 -22
- package/emotion/es/components/EmptyState/EmptyState.tokens.js +0 -14
- package/emotion/es/components/EmptyState/EmptyState.types.js +0 -1
- package/emotion/es/components/EmptyState/index.js +0 -2
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/es/hooks/useOutsideClick.js +0 -18
- package/es/components/Autocomplete/Autocomplete.css +0 -60
- package/es/components/Autocomplete/Autocomplete.js +0 -184
- package/es/components/Autocomplete/Autocomplete.js.map +0 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +0 -70
- package/es/components/Autocomplete/Autocomplete.styles.js.map +0 -1
- package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
- package/es/components/Autocomplete/Autocomplete.tokens.js +0 -88
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -107
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/Autocomplete/reducers/focusedReducer.js +0 -43
- package/es/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -37
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -19
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
- package/es/components/EmptyState/EmptyState.css +0 -30
- package/es/components/EmptyState/EmptyState.js +0 -34
- package/es/components/EmptyState/EmptyState.js.map +0 -1
- package/es/components/EmptyState/EmptyState.styles.js +0 -34
- package/es/components/EmptyState/EmptyState.styles.js.map +0 -1
- package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/es/components/EmptyState/EmptyState.tokens.js +0 -17
- package/es/components/EmptyState/EmptyState.tokens.js.map +0 -1
- package/es/hooks/useOutsideClick.js +0 -22
- package/es/hooks/useOutsideClick.js.map +0 -1
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +0 -193
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +0 -40
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
- package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +0 -5
- package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
- package/styled-components/cjs/components/Autocomplete/index.js +0 -25
- package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -23
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -5
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -16
- package/styled-components/cjs/components/Autocomplete/ui/index.js +0 -27
- package/styled-components/cjs/components/EmptyState/EmptyState.js +0 -39
- package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +0 -25
- package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
- package/styled-components/cjs/components/EmptyState/EmptyState.types.js +0 -5
- package/styled-components/cjs/components/EmptyState/index.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
- package/styled-components/es/components/Autocomplete/Autocomplete.js +0 -185
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +0 -32
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
- package/styled-components/es/components/Autocomplete/Autocomplete.types.js +0 -1
- package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
- package/styled-components/es/components/Autocomplete/index.js +0 -2
- package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -1
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -9
- package/styled-components/es/components/Autocomplete/ui/index.js +0 -2
- package/styled-components/es/components/EmptyState/EmptyState.js +0 -31
- package/styled-components/es/components/EmptyState/EmptyState.styles.js +0 -18
- package/styled-components/es/components/EmptyState/EmptyState.tokens.js +0 -14
- package/styled-components/es/components/EmptyState/EmptyState.types.js +0 -1
- package/styled-components/es/components/EmptyState/index.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/es/hooks/useOutsideClick.js +0 -18
- package/types/components/Autocomplete/Autocomplete.d.ts +0 -24
- package/types/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -19
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -84
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -84
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +0 -1
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +0 -31
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/Autocomplete/index.d.ts +0 -3
- package/types/components/Autocomplete/index.d.ts.map +0 -1
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts +0 -17
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +0 -4
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +0 -4
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +0 -8
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts +0 -2
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -41
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/index.d.ts +0 -3
- package/types/components/Autocomplete/ui/index.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.d.ts +0 -18
- package/types/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +0 -48
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.tokens.d.ts +0 -15
- package/types/components/EmptyState/EmptyState.tokens.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.types.d.ts +0 -8
- package/types/components/EmptyState/EmptyState.types.d.ts.map +0 -1
- package/types/components/EmptyState/index.d.ts +0 -3
- package/types/components/EmptyState/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +0 -32
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +0 -26
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +0 -14
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +0 -25
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +0 -32
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +0 -26
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +0 -14
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +0 -25
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/hooks/useOutsideClick.d.ts +0 -3
- package/types/hooks/useOutsideClick.d.ts.map +0 -1
- /package/emotion/cjs/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
- /package/emotion/es/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
- /package/{emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/cjs/components/Price/Price.types.js} +0 -0
- /package/{emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/es/components/Price/Price.types.js} +0 -0
@@ -1,5 +0,0 @@
|
|
1
|
-
import { component, mergeConfig } from '../../../../engines';
|
2
|
-
import { autocompleteConfig } from '../../../../components/Autocomplete';
|
3
|
-
import { config } from './Autocomplete.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
|
5
|
-
export var Autocomplete = /*#__PURE__*/component(mergedConfig);
|
@@ -1,134 +0,0 @@
|
|
1
|
-
import type { ComponentProps } from 'react';
|
2
|
-
import * as React from 'react';
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
|
8
|
-
import { Autocomplete } from './Autocomplete';
|
9
|
-
|
10
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
11
|
-
const views = ['default', 'positive', 'warning', 'negative'];
|
12
|
-
const labelPlacements = ['outer', 'inner'];
|
13
|
-
|
14
|
-
const suggestions = [
|
15
|
-
{ label: 'Алексей Смирнов' },
|
16
|
-
{ label: 'Екатерина Иванова' },
|
17
|
-
{ label: 'Дмитрий Петров' },
|
18
|
-
{ label: 'Ольга Васильева' },
|
19
|
-
{ label: 'Сергей Сидоров' },
|
20
|
-
{ label: 'Мария Кузнецова' },
|
21
|
-
{ label: 'Андрей Попов' },
|
22
|
-
{ label: 'Анна Николаева' },
|
23
|
-
{ label: 'Иван Федоров' },
|
24
|
-
{ label: 'Наталья Морозова' },
|
25
|
-
{ label: 'Михаил Павлов' },
|
26
|
-
{ label: 'Елена Романова' },
|
27
|
-
{ label: 'Владимир Киселев' },
|
28
|
-
{ label: 'Татьяна Захарова' },
|
29
|
-
{ label: 'Николай Семенов' },
|
30
|
-
{ label: 'Юлия Белова' },
|
31
|
-
{ label: 'Александр Гусев' },
|
32
|
-
{ label: 'Оксана Яковлева' },
|
33
|
-
{ label: 'Игорь Егорова' },
|
34
|
-
{ label: 'Вера Тихомирова' },
|
35
|
-
{ label: 'Артем Григорьев' },
|
36
|
-
{ label: 'Евгения Козлова' },
|
37
|
-
{ label: 'Максим Лебедев' },
|
38
|
-
{ label: 'Виктория Калашникова' },
|
39
|
-
{ label: 'Константин Абрамов' },
|
40
|
-
{ label: 'Светлана Новикова' },
|
41
|
-
{ label: 'Юрий Волков' },
|
42
|
-
{ label: 'Валентина Воробьева' },
|
43
|
-
{ label: 'Павел Сергеев' },
|
44
|
-
{ label: 'Людмила Виноградова' },
|
45
|
-
{ label: 'Антон Соловьев' },
|
46
|
-
{ label: 'Маргарита Цветкова' },
|
47
|
-
{ label: 'Роман Трофимов' },
|
48
|
-
{ label: 'Лариса Зайцева' },
|
49
|
-
{ label: 'Евгений Никитин' },
|
50
|
-
{ label: 'Галина Михайлова' },
|
51
|
-
{ label: 'Владислав Антонов' },
|
52
|
-
{ label: 'Дарья Филатова' },
|
53
|
-
{ label: 'Олег Буров' },
|
54
|
-
{ label: 'Инна Медведева' },
|
55
|
-
{ label: 'Вячеслав Крылов' },
|
56
|
-
{ label: 'Тамара Беляева' },
|
57
|
-
{ label: 'Кирилл Марков' },
|
58
|
-
{ label: 'Марина Пономарева' },
|
59
|
-
{ label: 'Борис Захаров' },
|
60
|
-
{ label: 'Жанна Савельева' },
|
61
|
-
{ label: 'Федор Жуков' },
|
62
|
-
{ label: 'Елизавета Логинова' },
|
63
|
-
{ label: 'Виктор Рыбаков' },
|
64
|
-
{ label: 'Лилия Макарова' },
|
65
|
-
];
|
66
|
-
|
67
|
-
type StoryProps = ComponentProps<typeof Autocomplete> & {
|
68
|
-
enableContentLeft: boolean;
|
69
|
-
enableContentRight: boolean;
|
70
|
-
};
|
71
|
-
|
72
|
-
const meta: Meta<StoryProps> = {
|
73
|
-
title: 'plasma_web/Autocomplete',
|
74
|
-
decorators: [WithTheme],
|
75
|
-
component: Autocomplete,
|
76
|
-
argTypes: {
|
77
|
-
view: {
|
78
|
-
options: views,
|
79
|
-
control: {
|
80
|
-
type: 'select',
|
81
|
-
},
|
82
|
-
},
|
83
|
-
size: {
|
84
|
-
options: sizes,
|
85
|
-
control: {
|
86
|
-
type: 'inline-radio',
|
87
|
-
},
|
88
|
-
},
|
89
|
-
labelPlacement: {
|
90
|
-
options: labelPlacements,
|
91
|
-
control: {
|
92
|
-
type: 'inline-radio',
|
93
|
-
},
|
94
|
-
},
|
95
|
-
},
|
96
|
-
args: {
|
97
|
-
view: 'default',
|
98
|
-
size: 'l',
|
99
|
-
labelPlacement: 'outer',
|
100
|
-
disabled: false,
|
101
|
-
readOnly: false,
|
102
|
-
label: 'Label',
|
103
|
-
textBefore: '',
|
104
|
-
textAfter: '',
|
105
|
-
placeholder: 'Заполните поле',
|
106
|
-
leftHelper: 'Введите имя Алексей',
|
107
|
-
listWidth: '100%',
|
108
|
-
listMaxHeight: '200px',
|
109
|
-
threshold: 2,
|
110
|
-
enableContentLeft: true,
|
111
|
-
enableContentRight: true,
|
112
|
-
},
|
113
|
-
};
|
114
|
-
|
115
|
-
export default meta;
|
116
|
-
|
117
|
-
const DefaultStory = (args: StoryProps) => {
|
118
|
-
const { enableContentLeft, enableContentRight } = args;
|
119
|
-
|
120
|
-
const iconSize = args.size === 'xs' ? 'xs' : 's';
|
121
|
-
|
122
|
-
return (
|
123
|
-
<Autocomplete
|
124
|
-
{...args}
|
125
|
-
suggestions={suggestions}
|
126
|
-
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
127
|
-
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
128
|
-
/>
|
129
|
-
);
|
130
|
-
};
|
131
|
-
|
132
|
-
export const Default: StoryObj<StoryProps> = {
|
133
|
-
render: (args) => <DefaultStory {...args} />,
|
134
|
-
};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { emptyStateTokens as tokens } from '../../../../components/EmptyState';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'l'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
l: /*#__PURE__*/css(tokens.borderRadius, ":0.875rem;", tokens.padding, ":2rem 1rem 1rem 1rem;", tokens.iconMargin, ":0 0 0.5rem 0;", tokens.descriptionMargin, ":0 0 1rem 0;", tokens.buttonMargin, ":-1rem 0 0 0;", tokens.buttonHeight, ":3.5rem;", tokens.fontFamily, ":var(--plasma-typo-body-l-font-family);", tokens.fontSize, ":var(--plasma-typo-body-l-font-size);", tokens.fontStyle, ":var(--plasma-typo-body-l-font-style);", tokens.fontWeight, ":var(--plasma-typo-body-l-font-weight);", tokens.fontLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", tokens.fontLineHeight, ":var(--plasma-typo-body-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9FbXB0eVN0YXRlL0VtcHR5U3RhdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZW1wdHlTdGF0ZVRva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0VtcHR5U3RhdGUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdsJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAycmVtIDFyZW0gMXJlbSAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25NYXJnaW59OiAwIDAgMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW59OiAwIDAgMXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0xcmVtIDAgMCAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbkhlaWdodH06IDMuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAxLjYyNXJlbSAxcmVtIDAuODc1cmVtIDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk1hcmdpbn06IDAgMCAwLjM3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRlc2NyaXB0aW9uTWFyZ2lufTogMCAwIDAuODc1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYnV0dG9uTWFyZ2lufTogLTAuODc1cmVtIDAgMCAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbkhlaWdodH06IDNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDEuMzc1cmVtIDAuODc1cmVtIDAuNjI1cmVtIDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25NYXJnaW59OiAwIDAgMC4yNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRlc2NyaXB0aW9uTWFyZ2lufTogMCAwIDAuNjI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYnV0dG9uTWFyZ2lufTogLTAuNjI1cmVtIDAgMCAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAxcmVtIDAuNjI1cmVtIDAuNXJlbSAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25NYXJnaW59OiAtMC41cmVtIDAgMCAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbkhlaWdodH06IDJyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
|
10
|
-
m: /*#__PURE__*/css(tokens.borderRadius, ":0.75rem;", tokens.padding, ":1.625rem 1rem 0.875rem 1rem;", tokens.iconMargin, ":0 0 0.375rem 0;", tokens.descriptionMargin, ":0 0 0.875rem 0;", tokens.buttonMargin, ":-0.875rem 0 0 0;", tokens.buttonHeight, ":3rem;", tokens.fontFamily, ":var(--plasma-typo-body-m-font-family);", tokens.fontSize, ":var(--plasma-typo-body-m-font-size);", tokens.fontStyle, ":var(--plasma-typo-body-m-font-style);", tokens.fontWeight, ":var(--plasma-typo-body-m-font-weight);", tokens.fontLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", tokens.fontLineHeight, ":var(--plasma-typo-body-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9FbXB0eVN0YXRlL0VtcHR5U3RhdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGVtcHR5U3RhdGVUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9FbXB0eVN0YXRlJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMnJlbSAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRlc2NyaXB0aW9uTWFyZ2lufTogMCAwIDFyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25NYXJnaW59OiAtMXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMS42MjVyZW0gMXJlbSAwLjg3NXJlbSAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25NYXJnaW59OiAwIDAgMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjg3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjg3NXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAxLjM3NXJlbSAwLjg3NXJlbSAwLjYyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjYyNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjYyNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMXJlbSAwLjYyNXJlbSAwLjVyZW0gMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk1hcmdpbn06IDAgMCAwLjI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW59OiAwIDAgMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYnV0dG9uTWFyZ2lufTogLTAuNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAycmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
11
|
-
s: /*#__PURE__*/css(tokens.borderRadius, ":0.625rem;", tokens.padding, ":1.375rem 0.875rem 0.625rem 0.875rem;", tokens.iconMargin, ":0 0 0.25rem 0;", tokens.descriptionMargin, ":0 0 0.625rem 0;", tokens.buttonMargin, ":-0.625rem 0 0 0;", tokens.buttonHeight, ":2.5rem;", tokens.fontFamily, ":var(--plasma-typo-body-s-font-family);", tokens.fontSize, ":var(--plasma-typo-body-s-font-size);", tokens.fontStyle, ":var(--plasma-typo-body-s-font-style);", tokens.fontWeight, ":var(--plasma-typo-body-s-font-weight);", tokens.fontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", tokens.fontLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9FbXB0eVN0YXRlL0VtcHR5U3RhdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGVtcHR5U3RhdGVUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9FbXB0eVN0YXRlJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMnJlbSAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRlc2NyaXB0aW9uTWFyZ2lufTogMCAwIDFyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25NYXJnaW59OiAtMXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMS42MjVyZW0gMXJlbSAwLjg3NXJlbSAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25NYXJnaW59OiAwIDAgMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjg3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjg3NXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAxLjM3NXJlbSAwLjg3NXJlbSAwLjYyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjYyNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjYyNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMXJlbSAwLjYyNXJlbSAwLjVyZW0gMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk1hcmdpbn06IDAgMCAwLjI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW59OiAwIDAgMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYnV0dG9uTWFyZ2lufTogLTAuNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAycmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
12
|
-
xs: /*#__PURE__*/css(tokens.borderRadius, ":0.5rem;", tokens.padding, ":1rem 0.625rem 0.5rem 0.625rem;", tokens.iconMargin, ":0 0 0.25rem 0;", tokens.descriptionMargin, ":0 0 0.5rem 0;", tokens.buttonMargin, ":-0.5rem 0 0 0;", tokens.buttonHeight, ":2rem;", tokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", tokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", tokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", tokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", tokens.fontLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", tokens.fontLineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9FbXB0eVN0YXRlL0VtcHR5U3RhdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGVtcHR5U3RhdGVUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9FbXB0eVN0YXRlJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbCcsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMnJlbSAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRlc2NyaXB0aW9uTWFyZ2lufTogMCAwIDFyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25NYXJnaW59OiAtMXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMS42MjVyZW0gMXJlbSAwLjg3NXJlbSAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25NYXJnaW59OiAwIDAgMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjg3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjg3NXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAxLjM3NXJlbSAwLjg3NXJlbSAwLjYyNXJlbSAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uTWFyZ2lufTogMCAwIDAuMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpbn06IDAgMCAwLjYyNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJ1dHRvbk1hcmdpbn06IC0wLjYyNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMXJlbSAwLjYyNXJlbSAwLjVyZW0gMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk1hcmdpbn06IDAgMCAwLjI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW59OiAwIDAgMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYnV0dG9uTWFyZ2lufTogLTAuNXJlbSAwIDAgMDtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5idXR0b25IZWlnaHR9OiAycmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
13
|
-
}
|
14
|
-
}
|
15
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { emptyStateConfig } from '../../../../components/EmptyState';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './EmptyState.config';
|
4
|
-
export var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig, config);
|
5
|
-
export var EmptyState = /*#__PURE__*/component(mergedConfig);
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import type { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import * as React from 'react';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
|
8
|
-
import { EmptyState } from './EmptyState';
|
9
|
-
|
10
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
11
|
-
|
12
|
-
type StoryProps = ComponentProps<typeof EmptyState> & {
|
13
|
-
enableIcon: boolean;
|
14
|
-
};
|
15
|
-
|
16
|
-
const meta: Meta<StoryProps> = {
|
17
|
-
title: 'plasma_web/EmptyState',
|
18
|
-
decorators: [WithTheme],
|
19
|
-
component: EmptyState,
|
20
|
-
args: {
|
21
|
-
description: 'Описание',
|
22
|
-
buttonText: 'Кнопка',
|
23
|
-
size: 'l',
|
24
|
-
enableIcon: true,
|
25
|
-
},
|
26
|
-
argTypes: {
|
27
|
-
size: {
|
28
|
-
options: sizes,
|
29
|
-
control: {
|
30
|
-
type: 'inline-radio',
|
31
|
-
},
|
32
|
-
},
|
33
|
-
},
|
34
|
-
};
|
35
|
-
|
36
|
-
export default meta;
|
37
|
-
|
38
|
-
const DefaultStory = (args: StoryProps) => {
|
39
|
-
return <EmptyState {...args} icon={args.enableIcon ? <IconPlaceholder size="s" /> : undefined} />;
|
40
|
-
};
|
41
|
-
|
42
|
-
export const Default: StoryObj<StoryProps> = {
|
43
|
-
render: (args) => <DefaultStory {...args} />,
|
44
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { useEffect, useRef } from 'react';
|
2
|
-
export var useOutsideClick = function useOutsideClick(callback) {
|
3
|
-
var ref = useRef(null);
|
4
|
-
useEffect(function () {
|
5
|
-
var handleClickOutside = function handleClickOutside(event) {
|
6
|
-
if (ref.current && !ref.current.contains(event.target)) {
|
7
|
-
callback();
|
8
|
-
}
|
9
|
-
};
|
10
|
-
document.addEventListener('mouseup', handleClickOutside);
|
11
|
-
document.addEventListener('touchend', handleClickOutside);
|
12
|
-
return function () {
|
13
|
-
document.removeEventListener('mouseup', handleClickOutside);
|
14
|
-
document.removeEventListener('touchend', handleClickOutside);
|
15
|
-
};
|
16
|
-
}, [callback]);
|
17
|
-
return ref;
|
18
|
-
};
|
@@ -1,60 +0,0 @@
|
|
1
|
-
.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
|
2
|
-
|
3
|
-
.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
|
4
|
-
|
5
|
-
.base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
|
6
|
-
|
7
|
-
.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
|
8
|
-
|
9
|
-
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
10
|
-
|
11
|
-
.TextField_styles_9fkr1l_iq39zt5__db7f1e30{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
12
|
-
.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
13
|
-
.TextField_styles_9fkr1l_s13zudoe__db7f1e30{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
14
|
-
.TextField_styles_9fkr1l_io4bpie__db7f1e30{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
15
|
-
|
16
|
-
.TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
17
|
-
.TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
23
|
-
|
24
|
-
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
25
|
-
|
26
|
-
.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
|
27
|
-
|
28
|
-
.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
|
29
|
-
|
30
|
-
.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
|
31
|
-
|
32
|
-
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
33
|
-
|
34
|
-
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
35
|
-
|
36
|
-
.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
37
|
-
.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
38
|
-
.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
39
|
-
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
40
|
-
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
41
|
-
|
42
|
-
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
43
|
-
|
44
|
-
.TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
|
45
|
-
|
46
|
-
.TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
|
47
|
-
|
48
|
-
.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
49
|
-
.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
|
50
|
-
|
51
|
-
.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
|
52
|
-
.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
53
|
-
.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
54
|
-
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
55
|
-
|
56
|
-
.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverWrapper__a45bf543,.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverTarget__a45bf543{display:block;}
|
57
|
-
.Autocomplete_styles_4wbmok_s1ih3p9n__a45bf543 .Autocomplete_styles_4wbmok_popoverRoot__a45bf543{display:block;width:var(--s1ih3p9n-0);}
|
58
|
-
.Autocomplete_styles_4wbmok_u610ple__a45bf543{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;margin:0;padding:var(--plasma-autocomplete-padding);}
|
59
|
-
.Autocomplete_styles_4wbmok_l1nz87td__a45bf543{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
|
60
|
-
.Autocomplete_styles_4wbmok_igdxyi6__a45bf543{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;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
|
@@ -1,184 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useReducer, useState } from 'react';
|
3
|
-
import { safeUseId } from '@salutejs/plasma-core';
|
4
|
-
import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
|
5
|
-
import { useOutsideClick } from '../../hooks/useOutsideClick.js';
|
6
|
-
import '../../utils/react.js';
|
7
|
-
import { getPlacements } from '../../utils/getPopoverPlacement.js';
|
8
|
-
import { focusedReducer } from './reducers/focusedReducer.js';
|
9
|
-
import { StyledTextField } from './ui/TextField/TextField.styles.js';
|
10
|
-
import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
|
11
|
-
import { StyledPopover, Ul, InfiniteLoaderWrapper, LeftHelper, base } from './Autocomplete.styles.js';
|
12
|
-
import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
|
13
|
-
|
14
|
-
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
|
15
|
-
|
16
|
-
/**
|
17
|
-
* Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
|
18
|
-
*/
|
19
|
-
var autocompleteRoot = function autocompleteRoot(Root) {
|
20
|
-
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
21
|
-
var outerValue = _ref.value,
|
22
|
-
onChange = _ref.onChange,
|
23
|
-
suggestions = _ref.suggestions,
|
24
|
-
view = _ref.view,
|
25
|
-
size = _ref.size,
|
26
|
-
labelPlacement = _ref.labelPlacement,
|
27
|
-
disabled = _ref.disabled,
|
28
|
-
readOnly = _ref.readOnly,
|
29
|
-
label = _ref.label,
|
30
|
-
leftHelper = _ref.leftHelper,
|
31
|
-
contentLeft = _ref.contentLeft,
|
32
|
-
contentRight = _ref.contentRight,
|
33
|
-
textBefore = _ref.textBefore,
|
34
|
-
textAfter = _ref.textAfter,
|
35
|
-
onScroll = _ref.onScroll,
|
36
|
-
listMaxHeight = _ref.listMaxHeight,
|
37
|
-
listWidth = _ref.listWidth,
|
38
|
-
filter = _ref.filter,
|
39
|
-
onSuggestionSelect = _ref.onSuggestionSelect,
|
40
|
-
_ref$threshold = _ref.threshold,
|
41
|
-
threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
|
42
|
-
renderList = _ref.renderList,
|
43
|
-
renderListEnd = _ref.renderListEnd,
|
44
|
-
onSearch = _ref.onSearch,
|
45
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
46
|
-
var _useReducer = useReducer(focusedReducer, null),
|
47
|
-
_useReducer2 = _slicedToArray(_useReducer, 2),
|
48
|
-
focused = _useReducer2[0],
|
49
|
-
dispatchFocused = _useReducer2[1];
|
50
|
-
var _useState = useState(''),
|
51
|
-
_useState2 = _slicedToArray(_useState, 2),
|
52
|
-
innerValue = _useState2[0],
|
53
|
-
setInnerValue = _useState2[1];
|
54
|
-
var _useState3 = useState(false),
|
55
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
56
|
-
isOpen = _useState4[0],
|
57
|
-
setIsOpen = _useState4[1];
|
58
|
-
var listId = safeUseId();
|
59
|
-
var value = outerValue || innerValue;
|
60
|
-
var helperTextId = safeUseId();
|
61
|
-
var targetRef = useOutsideClick(function () {
|
62
|
-
setIsOpen(false);
|
63
|
-
});
|
64
|
-
var handleFocus = function handleFocus() {
|
65
|
-
if (value.toString().length >= threshold) {
|
66
|
-
setIsOpen(true);
|
67
|
-
}
|
68
|
-
};
|
69
|
-
var handleItemClick = function handleItemClick(e) {
|
70
|
-
setInnerValue(e.label);
|
71
|
-
if (onSuggestionSelect) {
|
72
|
-
onSuggestionSelect(e);
|
73
|
-
}
|
74
|
-
setIsOpen(false);
|
75
|
-
};
|
76
|
-
var handleChange = function handleChange(e) {
|
77
|
-
var currentValue = e.target.value;
|
78
|
-
setInnerValue(currentValue);
|
79
|
-
if (onChange) {
|
80
|
-
onChange(e);
|
81
|
-
}
|
82
|
-
if (currentValue.toString().length >= threshold) {
|
83
|
-
setIsOpen(true);
|
84
|
-
} else {
|
85
|
-
setIsOpen(false);
|
86
|
-
}
|
87
|
-
};
|
88
|
-
var defaultFilterCallback = function defaultFilterCallback(_ref2) {
|
89
|
-
var label = _ref2.label;
|
90
|
-
return label.toLowerCase().includes(value.toString().toLowerCase());
|
91
|
-
};
|
92
|
-
var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
|
93
|
-
var _useKeyNavigation = useKeyNavigation({
|
94
|
-
isOpen: isOpen,
|
95
|
-
setIsOpen: setIsOpen,
|
96
|
-
focused: focused,
|
97
|
-
dispatchFocused: dispatchFocused,
|
98
|
-
finalResults: finalResults,
|
99
|
-
handleItemClick: handleItemClick
|
100
|
-
}),
|
101
|
-
onKeyDown = _useKeyNavigation.onKeyDown;
|
102
|
-
useDidMountEffect(function () {
|
103
|
-
dispatchFocused({
|
104
|
-
type: 'reset'
|
105
|
-
});
|
106
|
-
}, [value]);
|
107
|
-
return /*#__PURE__*/React.createElement(Root, {
|
108
|
-
view: view,
|
109
|
-
size: size,
|
110
|
-
labelPlacement: labelPlacement,
|
111
|
-
disabled: disabled,
|
112
|
-
readOnly: readOnly
|
113
|
-
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
114
|
-
isOpen: isOpen,
|
115
|
-
offset: [0, 0],
|
116
|
-
placement: getPlacements('bottom'),
|
117
|
-
isFocusTrapped: false,
|
118
|
-
target: /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
119
|
-
value: value,
|
120
|
-
onChange: handleChange,
|
121
|
-
onSearch: focused === null ? onSearch : undefined,
|
122
|
-
ref: ref,
|
123
|
-
size: size,
|
124
|
-
view: view,
|
125
|
-
labelPlacement: labelPlacement,
|
126
|
-
disabled: disabled,
|
127
|
-
readOnly: readOnly,
|
128
|
-
label: label,
|
129
|
-
contentLeft: contentLeft,
|
130
|
-
contentRight: contentRight,
|
131
|
-
textBefore: textBefore,
|
132
|
-
textAfter: textAfter,
|
133
|
-
onFocus: handleFocus,
|
134
|
-
onKeyDown: onKeyDown,
|
135
|
-
role: "combobox",
|
136
|
-
"aria-autocomplete": "list",
|
137
|
-
"aria-controls": listId,
|
138
|
-
"aria-expanded": isOpen,
|
139
|
-
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
140
|
-
"aria-describedby": helperTextId
|
141
|
-
}, rest)),
|
142
|
-
preventOverflow: false,
|
143
|
-
ref: targetRef,
|
144
|
-
listWidth: listWidth
|
145
|
-
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Ul, {
|
146
|
-
id: listId,
|
147
|
-
role: "listbox",
|
148
|
-
"aria-label": label,
|
149
|
-
onScroll: onScroll,
|
150
|
-
listMaxHeight: listMaxHeight
|
151
|
-
}, finalResults.map(function (suggestion, index) {
|
152
|
-
return /*#__PURE__*/React.createElement(SuggestionItem, {
|
153
|
-
key: index,
|
154
|
-
item: suggestion,
|
155
|
-
onClick: handleItemClick,
|
156
|
-
id: "".concat(listId, "/").concat(index),
|
157
|
-
focused: focused === index
|
158
|
-
});
|
159
|
-
}), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
160
|
-
id: helperTextId,
|
161
|
-
disabled: disabled,
|
162
|
-
readOnly: readOnly
|
163
|
-
}, leftHelper));
|
164
|
-
});
|
165
|
-
};
|
166
|
-
var autocompleteConfig = {
|
167
|
-
name: 'Autocomplete',
|
168
|
-
tag: 'div',
|
169
|
-
layout: autocompleteRoot,
|
170
|
-
base: base,
|
171
|
-
defaults: {
|
172
|
-
view: 'default',
|
173
|
-
size: 'l',
|
174
|
-
labelPlacement: 'outer'
|
175
|
-
},
|
176
|
-
variations: {
|
177
|
-
view: {
|
178
|
-
css: ''
|
179
|
-
}
|
180
|
-
}
|
181
|
-
};
|
182
|
-
|
183
|
-
export { autocompleteConfig, autocompleteRoot };
|
184
|
-
//# sourceMappingURL=Autocomplete.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue || innerValue;\n const helperTextId = safeUseId();\n\n const targetRef = useOutsideClick<HTMLDivElement>(() => {\n setIsOpen(false);\n });\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <StyledPopover\n isOpen={isOpen}\n offset={[0, 0]}\n placement={getPlacements('bottom')}\n isFocusTrapped={false}\n target={\n <StyledTextField\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n ref={ref}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n {...rest}\n />\n }\n preventOverflow={false}\n ref={targetRef}\n listWidth={listWidth}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Ul\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={onScroll}\n listMaxHeight={listMaxHeight}\n >\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {renderListEnd && <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>}\n </Ul>\n ))}\n </StyledPopover>\n\n {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n {leftHelper && (\n <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","offset","placement","getPlacements","isFocusTrapped","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Boolean","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|