@salutejs/plasma-new-hope 0.109.2-canary.1301.10057930683.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/Accordion/Accordion.js +1 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +9 -16
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/utils/index.js +3 -4
- package/cjs/components/Accordion/utils/index.js.map +1 -1
- 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/Accordion/Accordion.js +1 -1
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/cjs/components/Accordion/utils/index.js +3 -4
- 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/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.js +1 -1
- package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/es/components/Accordion/utils/index.js +3 -4
- 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/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.js +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Accordion/Accordion.tokens.js +1 -4
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -15
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/utils/index.js +3 -4
- package/es/components/Accordion/utils/index.js.map +1 -1
- 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/Accordion/Accordion.js +1 -1
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/cjs/components/Accordion/utils/index.js +3 -4
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.js +1 -1
- package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/es/components/Accordion/utils/index.js +3 -4
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- 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/Accordion/Accordion.tokens.d.ts +0 -3
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -5
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/Accordion/utils/index.d.ts +2 -4
- package/types/components/Accordion/utils/index.d.ts.map +1 -1
- 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/Accordion/Accordion.config.d.ts.map +1 -1
- 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/Accordion/Accordion.config.d.ts.map +1 -1
- 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
package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js
DELETED
@@ -1,39 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Autocomplete = /*#__PURE__*/require("../../../../components/Autocomplete");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'l',
|
13
|
-
labelPlacement: 'outer'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-tertiary);", ":var(--plasma-colors-secondary);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor)
|
21
|
-
},
|
22
|
-
size: {
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
24
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
25
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
26
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap)
|
27
|
-
},
|
28
|
-
labelPlacement: {
|
29
|
-
inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontSize, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelInnerLineHeight),
|
30
|
-
outer: /*#__PURE__*/(0, _styledComponents.css)([""])
|
31
|
-
},
|
32
|
-
disabled: {
|
33
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Autocomplete.autocompleteTokens.textFieldDisabledOpacity)
|
34
|
-
},
|
35
|
-
readOnly: {
|
36
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBorderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly)
|
37
|
-
}
|
38
|
-
}
|
39
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Autocomplete = void 0;
|
7
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
8
|
-
var _Autocomplete = /*#__PURE__*/require("../../../../components/Autocomplete");
|
9
|
-
var _Autocomplete2 = /*#__PURE__*/require("./Autocomplete.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Autocomplete.autocompleteConfig, _Autocomplete2.config);
|
11
|
-
var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx
DELETED
@@ -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
|
-
};
|
package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _EmptyState = /*#__PURE__*/require("../../../../components/EmptyState");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
size: 'l'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":2rem 1rem 1rem 1rem;", ":0 0 0.5rem 0;", ":0 0 1rem 0;", ":-1rem 0 0 0;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _EmptyState.emptyStateTokens.borderRadius, _EmptyState.emptyStateTokens.padding, _EmptyState.emptyStateTokens.iconMargin, _EmptyState.emptyStateTokens.descriptionMargin, _EmptyState.emptyStateTokens.buttonMargin, _EmptyState.emptyStateTokens.buttonHeight, _EmptyState.emptyStateTokens.fontFamily, _EmptyState.emptyStateTokens.fontSize, _EmptyState.emptyStateTokens.fontStyle, _EmptyState.emptyStateTokens.fontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight),
|
16
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":1.625rem 1rem 0.875rem 1rem;", ":0 0 0.375rem 0;", ":0 0 0.875rem 0;", ":-0.875rem 0 0 0;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _EmptyState.emptyStateTokens.borderRadius, _EmptyState.emptyStateTokens.padding, _EmptyState.emptyStateTokens.iconMargin, _EmptyState.emptyStateTokens.descriptionMargin, _EmptyState.emptyStateTokens.buttonMargin, _EmptyState.emptyStateTokens.buttonHeight, _EmptyState.emptyStateTokens.fontFamily, _EmptyState.emptyStateTokens.fontSize, _EmptyState.emptyStateTokens.fontStyle, _EmptyState.emptyStateTokens.fontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight),
|
17
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":1.375rem 0.875rem 0.625rem 0.875rem;", ":0 0 0.25rem 0;", ":0 0 0.625rem 0;", ":-0.625rem 0 0 0;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _EmptyState.emptyStateTokens.borderRadius, _EmptyState.emptyStateTokens.padding, _EmptyState.emptyStateTokens.iconMargin, _EmptyState.emptyStateTokens.descriptionMargin, _EmptyState.emptyStateTokens.buttonMargin, _EmptyState.emptyStateTokens.buttonHeight, _EmptyState.emptyStateTokens.fontFamily, _EmptyState.emptyStateTokens.fontSize, _EmptyState.emptyStateTokens.fontStyle, _EmptyState.emptyStateTokens.fontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight),
|
18
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":1rem 0.625rem 0.5rem 0.625rem;", ":0 0 0.25rem 0;", ":0 0 0.5rem 0;", ":-0.5rem 0 0 0;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _EmptyState.emptyStateTokens.borderRadius, _EmptyState.emptyStateTokens.padding, _EmptyState.emptyStateTokens.iconMargin, _EmptyState.emptyStateTokens.descriptionMargin, _EmptyState.emptyStateTokens.buttonMargin, _EmptyState.emptyStateTokens.buttonHeight, _EmptyState.emptyStateTokens.fontFamily, _EmptyState.emptyStateTokens.fontSize, _EmptyState.emptyStateTokens.fontStyle, _EmptyState.emptyStateTokens.fontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight)
|
19
|
-
}
|
20
|
-
}
|
21
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.mergedConfig = exports.EmptyState = void 0;
|
7
|
-
var _EmptyState = /*#__PURE__*/require("../../../../components/EmptyState");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _EmptyState2 = /*#__PURE__*/require("./EmptyState.config");
|
10
|
-
var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyStateConfig, _EmptyState2.config);
|
11
|
-
var EmptyState = exports.EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx
DELETED
@@ -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,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useOutsideClick = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
var useOutsideClick = exports.useOutsideClick = function useOutsideClick(callback) {
|
9
|
-
var ref = (0, _react.useRef)(null);
|
10
|
-
(0, _react.useEffect)(function () {
|
11
|
-
var handleClickOutside = function handleClickOutside(event) {
|
12
|
-
if (ref.current && !ref.current.contains(event.target)) {
|
13
|
-
callback();
|
14
|
-
}
|
15
|
-
};
|
16
|
-
document.addEventListener('mouseup', handleClickOutside);
|
17
|
-
document.addEventListener('touchend', handleClickOutside);
|
18
|
-
return function () {
|
19
|
-
document.removeEventListener('mouseup', handleClickOutside);
|
20
|
-
document.removeEventListener('touchend', handleClickOutside);
|
21
|
-
};
|
22
|
-
}, [callback]);
|
23
|
-
return ref;
|
24
|
-
};
|
@@ -1,185 +0,0 @@
|
|
1
|
-
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"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
6
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
8
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
-
import React, { forwardRef, useState, useReducer } from 'react';
|
12
|
-
import { safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { useDidMountEffect, useOutsideClick } from '../../hooks';
|
14
|
-
import { getPlacements } from '../../utils';
|
15
|
-
import { focusedReducer } from './reducers/focusedReducer';
|
16
|
-
import { SuggestionItem, StyledTextField } from './ui';
|
17
|
-
import { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';
|
18
|
-
import { useKeyNavigation } from './hooks/useKeyboardNavigation';
|
19
|
-
|
20
|
-
/**
|
21
|
-
* Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
|
22
|
-
*/
|
23
|
-
export var autocompleteRoot = function autocompleteRoot(Root) {
|
24
|
-
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
25
|
-
var outerValue = _ref.value,
|
26
|
-
onChange = _ref.onChange,
|
27
|
-
suggestions = _ref.suggestions,
|
28
|
-
view = _ref.view,
|
29
|
-
size = _ref.size,
|
30
|
-
labelPlacement = _ref.labelPlacement,
|
31
|
-
disabled = _ref.disabled,
|
32
|
-
readOnly = _ref.readOnly,
|
33
|
-
label = _ref.label,
|
34
|
-
leftHelper = _ref.leftHelper,
|
35
|
-
contentLeft = _ref.contentLeft,
|
36
|
-
contentRight = _ref.contentRight,
|
37
|
-
textBefore = _ref.textBefore,
|
38
|
-
textAfter = _ref.textAfter,
|
39
|
-
onScroll = _ref.onScroll,
|
40
|
-
listMaxHeight = _ref.listMaxHeight,
|
41
|
-
listWidth = _ref.listWidth,
|
42
|
-
filter = _ref.filter,
|
43
|
-
onSuggestionSelect = _ref.onSuggestionSelect,
|
44
|
-
_ref$threshold = _ref.threshold,
|
45
|
-
threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
|
46
|
-
renderList = _ref.renderList,
|
47
|
-
renderListEnd = _ref.renderListEnd,
|
48
|
-
onSearch = _ref.onSearch,
|
49
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
50
|
-
var _useReducer = useReducer(focusedReducer, null),
|
51
|
-
_useReducer2 = _slicedToArray(_useReducer, 2),
|
52
|
-
focused = _useReducer2[0],
|
53
|
-
dispatchFocused = _useReducer2[1];
|
54
|
-
var _useState = useState(''),
|
55
|
-
_useState2 = _slicedToArray(_useState, 2),
|
56
|
-
innerValue = _useState2[0],
|
57
|
-
setInnerValue = _useState2[1];
|
58
|
-
var _useState3 = useState(false),
|
59
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
60
|
-
isOpen = _useState4[0],
|
61
|
-
setIsOpen = _useState4[1];
|
62
|
-
var listId = safeUseId();
|
63
|
-
var value = outerValue || innerValue;
|
64
|
-
var helperTextId = safeUseId();
|
65
|
-
var targetRef = useOutsideClick(function () {
|
66
|
-
setIsOpen(false);
|
67
|
-
});
|
68
|
-
var handleFocus = function handleFocus() {
|
69
|
-
if (value.toString().length >= threshold) {
|
70
|
-
setIsOpen(true);
|
71
|
-
}
|
72
|
-
};
|
73
|
-
var handleItemClick = function handleItemClick(e) {
|
74
|
-
setInnerValue(e.label);
|
75
|
-
if (onSuggestionSelect) {
|
76
|
-
onSuggestionSelect(e);
|
77
|
-
}
|
78
|
-
setIsOpen(false);
|
79
|
-
};
|
80
|
-
var handleChange = function handleChange(e) {
|
81
|
-
var currentValue = e.target.value;
|
82
|
-
setInnerValue(currentValue);
|
83
|
-
if (onChange) {
|
84
|
-
onChange(e);
|
85
|
-
}
|
86
|
-
if (currentValue.toString().length >= threshold) {
|
87
|
-
setIsOpen(true);
|
88
|
-
} else {
|
89
|
-
setIsOpen(false);
|
90
|
-
}
|
91
|
-
};
|
92
|
-
var defaultFilterCallback = function defaultFilterCallback(_ref2) {
|
93
|
-
var label = _ref2.label;
|
94
|
-
return label.toLowerCase().includes(value.toString().toLowerCase());
|
95
|
-
};
|
96
|
-
var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
|
97
|
-
var _useKeyNavigation = useKeyNavigation({
|
98
|
-
isOpen: isOpen,
|
99
|
-
setIsOpen: setIsOpen,
|
100
|
-
focused: focused,
|
101
|
-
dispatchFocused: dispatchFocused,
|
102
|
-
finalResults: finalResults,
|
103
|
-
handleItemClick: handleItemClick
|
104
|
-
}),
|
105
|
-
onKeyDown = _useKeyNavigation.onKeyDown;
|
106
|
-
useDidMountEffect(function () {
|
107
|
-
dispatchFocused({
|
108
|
-
type: 'reset'
|
109
|
-
});
|
110
|
-
}, [value]);
|
111
|
-
return /*#__PURE__*/React.createElement(Root, {
|
112
|
-
view: view,
|
113
|
-
size: size,
|
114
|
-
labelPlacement: labelPlacement,
|
115
|
-
disabled: disabled,
|
116
|
-
readOnly: readOnly
|
117
|
-
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
118
|
-
isOpen: isOpen,
|
119
|
-
offset: [0, 0],
|
120
|
-
placement: getPlacements('bottom'),
|
121
|
-
isFocusTrapped: false,
|
122
|
-
target: /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
123
|
-
value: value,
|
124
|
-
onChange: handleChange,
|
125
|
-
onSearch: focused === null ? onSearch : undefined,
|
126
|
-
ref: ref,
|
127
|
-
size: size,
|
128
|
-
view: view,
|
129
|
-
labelPlacement: labelPlacement,
|
130
|
-
disabled: disabled,
|
131
|
-
readOnly: readOnly,
|
132
|
-
label: label,
|
133
|
-
contentLeft: contentLeft,
|
134
|
-
contentRight: contentRight,
|
135
|
-
textBefore: textBefore,
|
136
|
-
textAfter: textAfter,
|
137
|
-
onFocus: handleFocus,
|
138
|
-
onKeyDown: onKeyDown,
|
139
|
-
role: "combobox",
|
140
|
-
"aria-autocomplete": "list",
|
141
|
-
"aria-controls": listId,
|
142
|
-
"aria-expanded": isOpen,
|
143
|
-
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
144
|
-
"aria-describedby": helperTextId
|
145
|
-
}, rest)),
|
146
|
-
preventOverflow: false,
|
147
|
-
ref: targetRef,
|
148
|
-
listWidth: listWidth
|
149
|
-
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Ul, {
|
150
|
-
id: listId,
|
151
|
-
role: "listbox",
|
152
|
-
"aria-label": label,
|
153
|
-
onScroll: onScroll,
|
154
|
-
listMaxHeight: listMaxHeight
|
155
|
-
}, finalResults.map(function (suggestion, index) {
|
156
|
-
return /*#__PURE__*/React.createElement(SuggestionItem, {
|
157
|
-
key: index,
|
158
|
-
item: suggestion,
|
159
|
-
onClick: handleItemClick,
|
160
|
-
id: "".concat(listId, "/").concat(index),
|
161
|
-
focused: focused === index
|
162
|
-
});
|
163
|
-
}), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
164
|
-
id: helperTextId,
|
165
|
-
disabled: disabled,
|
166
|
-
readOnly: readOnly
|
167
|
-
}, leftHelper));
|
168
|
-
});
|
169
|
-
};
|
170
|
-
export var autocompleteConfig = {
|
171
|
-
name: 'Autocomplete',
|
172
|
-
tag: 'div',
|
173
|
-
layout: autocompleteRoot,
|
174
|
-
base: base,
|
175
|
-
defaults: {
|
176
|
-
view: 'default',
|
177
|
-
size: 'l',
|
178
|
-
labelPlacement: 'outer'
|
179
|
-
},
|
180
|
-
variations: {
|
181
|
-
view: {
|
182
|
-
css: ''
|
183
|
-
}
|
184
|
-
}
|
185
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { css } from 'styled-components';
|
3
|
-
import { popoverClasses, popoverConfig } from '../Popover';
|
4
|
-
import { component } from '../../engines';
|
5
|
-
import { tokens } from './Autocomplete.tokens';
|
6
|
-
export var base = /*#__PURE__*/css([".", ",.", "{display:block;}"], popoverClasses.wrapper, popoverClasses.target);
|
7
|
-
var Popover = /*#__PURE__*/component(popoverConfig);
|
8
|
-
export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-ff6pwi-0"
|
10
|
-
})([".", "{display:block;width:", ";}"], /*#__PURE__*/String(popoverClasses.root), function (_ref) {
|
11
|
-
var listWidth = _ref.listWidth;
|
12
|
-
return listWidth || '100%';
|
13
|
-
});
|
14
|
-
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-ff6pwi-1"
|
16
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
|
17
|
-
var listMaxHeight = _ref2.listMaxHeight;
|
18
|
-
return listMaxHeight || 'none';
|
19
|
-
}, tokens.padding);
|
20
|
-
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-ff6pwi-2"
|
22
|
-
})(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {
|
23
|
-
var readOnly = _ref3.readOnly,
|
24
|
-
disabled = _ref3.disabled;
|
25
|
-
return readOnly && !disabled ? "var(".concat(tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(tokens.textFieldLeftHelperColor, ")");
|
26
|
-
}, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldDisabledOpacity, function (_ref4) {
|
27
|
-
var disabled = _ref4.disabled;
|
28
|
-
return disabled ? 'not-allowed' : 'auto';
|
29
|
-
});
|
30
|
-
export var InfiniteLoaderWrapper = /*#__PURE__*/styled.li.withConfig({
|
31
|
-
componentId: "plasma-new-hope__sc-ff6pwi-3"
|
32
|
-
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], tokens.textFieldHeight);
|