@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,85 +0,0 @@
|
|
1
|
-
export var classes = {
|
2
|
-
suggestionItemIsFocused: 'suggestion-item-is-focused'
|
3
|
-
};
|
4
|
-
export var tokens = {
|
5
|
-
// Токены для TextField
|
6
|
-
textFieldColor: '--plasma-autocomplete-textfield-color',
|
7
|
-
textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
|
8
|
-
textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
|
9
|
-
textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
|
10
|
-
textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
|
11
|
-
textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
|
12
|
-
textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
|
13
|
-
textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
|
14
|
-
textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
|
15
|
-
textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
|
16
|
-
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
|
17
|
-
textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
|
18
|
-
textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
|
19
|
-
textFieldHeight: '--plasma-autocomplete-textfield-height',
|
20
|
-
textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
|
21
|
-
textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
|
22
|
-
textFieldPadding: '--plasma-autocomplete-textfield-padding',
|
23
|
-
textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
|
24
|
-
textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
|
25
|
-
textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
|
26
|
-
textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
|
27
|
-
textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
|
28
|
-
textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
|
29
|
-
textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
|
30
|
-
textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
|
31
|
-
textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
|
32
|
-
textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
|
33
|
-
textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
|
34
|
-
textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
|
35
|
-
textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
|
36
|
-
textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
|
37
|
-
textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
|
38
|
-
textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
|
39
|
-
textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
|
40
|
-
textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
|
41
|
-
textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
|
42
|
-
textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
|
43
|
-
textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
|
44
|
-
textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
|
45
|
-
textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
|
46
|
-
textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
|
47
|
-
textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
|
48
|
-
textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
|
49
|
-
textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
|
50
|
-
textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
|
51
|
-
textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
|
52
|
-
textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
|
53
|
-
textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
|
54
|
-
textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
|
55
|
-
textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
|
56
|
-
textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
|
57
|
-
textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
|
58
|
-
textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
|
59
|
-
textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
|
60
|
-
textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
|
61
|
-
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
62
|
-
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
63
|
-
// Токены для дропдауна
|
64
|
-
background: '--plasma-autocomplete-background',
|
65
|
-
boxShadow: '--plasma-autocomplete-box-shadow',
|
66
|
-
borderRadius: '--plasma-autocomplete-border-radius',
|
67
|
-
padding: '--plasma-autocomplete-padding',
|
68
|
-
itemPadding: '--plasma-autocomplete-item-padding',
|
69
|
-
itemBorderRadius: '--plasma-autocomplete-item-border-radius',
|
70
|
-
itemFontFamily: '--plasma-autocomplete-item-font-family',
|
71
|
-
itemFontSize: '--plasma-autocomplete-item-font-size',
|
72
|
-
itemFontStyle: '--plasma-autocomplete-item-font-style',
|
73
|
-
itemFontWeight: '--plasma-autocomplete-item-font-weight',
|
74
|
-
itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
|
75
|
-
itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
|
76
|
-
itemBackground: '--plasma-autocomplete-item-background',
|
77
|
-
itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
|
78
|
-
itemColor: '--plasma-autocomplete-item-color',
|
79
|
-
focusColor: '--plasma-autocomplete-focus-color',
|
80
|
-
infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
|
81
|
-
infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
|
82
|
-
infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
|
83
|
-
emptyStateGap: '--plasma-autocomplete-empty-state-gap',
|
84
|
-
emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
|
85
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,108 +0,0 @@
|
|
1
|
-
export var keys = {
|
2
|
-
Enter: 'Enter',
|
3
|
-
Space: 'Space',
|
4
|
-
Tab: 'Tab',
|
5
|
-
Escape: 'Escape',
|
6
|
-
ArrowLeft: 'ArrowLeft',
|
7
|
-
ArrowRight: 'ArrowRight',
|
8
|
-
ArrowUp: 'ArrowUp',
|
9
|
-
ArrowDown: 'ArrowDown',
|
10
|
-
Home: 'Home',
|
11
|
-
End: 'End',
|
12
|
-
PageUp: 'PageUp',
|
13
|
-
PageDown: 'PageDown'
|
14
|
-
};
|
15
|
-
export var useKeyNavigation = function useKeyNavigation(_ref) {
|
16
|
-
var isOpen = _ref.isOpen,
|
17
|
-
setIsOpen = _ref.setIsOpen,
|
18
|
-
focused = _ref.focused,
|
19
|
-
dispatchFocused = _ref.dispatchFocused,
|
20
|
-
finalResults = _ref.finalResults,
|
21
|
-
handleItemClick = _ref.handleItemClick;
|
22
|
-
var onKeyDown = function onKeyDown(event) {
|
23
|
-
switch (event.code) {
|
24
|
-
case keys.ArrowDown:
|
25
|
-
{
|
26
|
-
if (!isOpen) {
|
27
|
-
setIsOpen(true);
|
28
|
-
dispatchFocused({
|
29
|
-
type: 'setFirstItem'
|
30
|
-
});
|
31
|
-
break;
|
32
|
-
}
|
33
|
-
dispatchFocused({
|
34
|
-
type: 'setNextItem',
|
35
|
-
listLength: finalResults.length
|
36
|
-
});
|
37
|
-
break;
|
38
|
-
}
|
39
|
-
case keys.ArrowUp:
|
40
|
-
{
|
41
|
-
if (!isOpen) {
|
42
|
-
setIsOpen(true);
|
43
|
-
dispatchFocused({
|
44
|
-
type: 'setLastItem',
|
45
|
-
listLength: finalResults.length
|
46
|
-
});
|
47
|
-
break;
|
48
|
-
}
|
49
|
-
dispatchFocused({
|
50
|
-
type: 'setPrevItem',
|
51
|
-
listLength: finalResults.length
|
52
|
-
});
|
53
|
-
break;
|
54
|
-
}
|
55
|
-
case keys.Home:
|
56
|
-
{
|
57
|
-
if (!isOpen) {
|
58
|
-
return;
|
59
|
-
}
|
60
|
-
dispatchFocused({
|
61
|
-
type: 'setFirstItem'
|
62
|
-
});
|
63
|
-
break;
|
64
|
-
}
|
65
|
-
case keys.End:
|
66
|
-
{
|
67
|
-
if (!isOpen) {
|
68
|
-
return;
|
69
|
-
}
|
70
|
-
dispatchFocused({
|
71
|
-
type: 'setLastItem',
|
72
|
-
listLength: finalResults.length
|
73
|
-
});
|
74
|
-
break;
|
75
|
-
}
|
76
|
-
case keys.Enter:
|
77
|
-
{
|
78
|
-
if (!isOpen || focused === null) {
|
79
|
-
return;
|
80
|
-
}
|
81
|
-
dispatchFocused({
|
82
|
-
type: 'reset'
|
83
|
-
});
|
84
|
-
handleItemClick(finalResults[focused]);
|
85
|
-
break;
|
86
|
-
}
|
87
|
-
case keys.Tab:
|
88
|
-
case keys.Escape:
|
89
|
-
{
|
90
|
-
if (!isOpen) {
|
91
|
-
return;
|
92
|
-
}
|
93
|
-
setIsOpen(false);
|
94
|
-
dispatchFocused({
|
95
|
-
type: 'reset'
|
96
|
-
});
|
97
|
-
break;
|
98
|
-
}
|
99
|
-
default:
|
100
|
-
{
|
101
|
-
break;
|
102
|
-
}
|
103
|
-
}
|
104
|
-
};
|
105
|
-
return {
|
106
|
-
onKeyDown: onKeyDown
|
107
|
-
};
|
108
|
-
};
|
@@ -1,40 +0,0 @@
|
|
1
|
-
export function focusedReducer(state, action) {
|
2
|
-
switch (action.type) {
|
3
|
-
case 'reset':
|
4
|
-
{
|
5
|
-
return null;
|
6
|
-
}
|
7
|
-
case 'setNextItem':
|
8
|
-
{
|
9
|
-
if (state === action.listLength - 1) {
|
10
|
-
return state;
|
11
|
-
}
|
12
|
-
if (state === null) {
|
13
|
-
return 0;
|
14
|
-
}
|
15
|
-
return state + 1;
|
16
|
-
}
|
17
|
-
case 'setPrevItem':
|
18
|
-
{
|
19
|
-
if (state === 0) {
|
20
|
-
return state;
|
21
|
-
}
|
22
|
-
if (state === null) {
|
23
|
-
return action.listLength - 1;
|
24
|
-
}
|
25
|
-
return state - 1;
|
26
|
-
}
|
27
|
-
case 'setFirstItem':
|
28
|
-
{
|
29
|
-
return 0;
|
30
|
-
}
|
31
|
-
case 'setLastItem':
|
32
|
-
{
|
33
|
-
return action.listLength - 1;
|
34
|
-
}
|
35
|
-
default:
|
36
|
-
{
|
37
|
-
return state;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import React, { useEffect, useRef } from 'react';
|
2
|
-
import { classes } from '../../Autocomplete.tokens';
|
3
|
-
import { StyledText, Wrapper } from './SuggestionItem.styles';
|
4
|
-
export var SuggestionItem = function SuggestionItem(_ref) {
|
5
|
-
var item = _ref.item,
|
6
|
-
id = _ref.id,
|
7
|
-
onClick = _ref.onClick,
|
8
|
-
focused = _ref.focused;
|
9
|
-
var ref = useRef(null);
|
10
|
-
var focusedClass = focused ? classes.suggestionItemIsFocused : undefined;
|
11
|
-
var handleClick = function handleClick() {
|
12
|
-
if (onClick) {
|
13
|
-
onClick(item);
|
14
|
-
}
|
15
|
-
};
|
16
|
-
useEffect(function () {
|
17
|
-
if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
|
18
|
-
ref.current.scrollIntoView({
|
19
|
-
behavior: 'smooth',
|
20
|
-
block: 'center',
|
21
|
-
inline: 'center'
|
22
|
-
});
|
23
|
-
}
|
24
|
-
}, [focusedClass]);
|
25
|
-
return /*#__PURE__*/React.createElement(Wrapper, {
|
26
|
-
id: id,
|
27
|
-
role: "option",
|
28
|
-
"aria-selected": focused,
|
29
|
-
onClick: handleClick,
|
30
|
-
ref: ref,
|
31
|
-
className: focusedClass
|
32
|
-
}, item.contentLeft, /*#__PURE__*/React.createElement(StyledText, null, item.label), item.contentRight);
|
33
|
-
};
|
package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { tokens, classes } from '../../Autocomplete.tokens';
|
3
|
-
import { addFocus, applyEllipsis } from '../../../../mixins';
|
4
|
-
export var StyledText = /*#__PURE__*/styled.div.withConfig({
|
5
|
-
componentId: "plasma-new-hope__sc-1m9plqu-0"
|
6
|
-
})(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());
|
7
|
-
export var Wrapper = /*#__PURE__*/styled.li.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1m9plqu-1"
|
9
|
-
})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover{cursor:pointer;background:var(", ");}:focus{outline:none;}", ";"], tokens.itemPadding, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.itemBackground, tokens.itemColor, tokens.itemBorderRadius, tokens.itemBackgroundHover, /*#__PURE__*/addFocus({
|
10
|
-
outlineSize: '0.0625rem',
|
11
|
-
outlineOffset: '0',
|
12
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
13
|
-
outlineRadius: /*#__PURE__*/"var(".concat(tokens.itemBorderRadius, ")"),
|
14
|
-
hasTransition: false,
|
15
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(classes.suggestionItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(tokens.focusColor, ");\n }\n ")
|
16
|
-
}));
|
package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { StyledTextField } from './TextField.styles';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { textFieldConfig, textFieldTokens } from '../../../TextField';
|
3
|
-
import { component, mergeConfig } from '../../../../engines';
|
4
|
-
import { tokens as autocompleteTokens } from '../../Autocomplete.tokens';
|
5
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
6
|
-
var TextField = /*#__PURE__*/component(mergedConfig);
|
7
|
-
export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1rp2ggs-0"
|
9
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor);
|
@@ -1,31 +0,0 @@
|
|
1
|
-
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); }
|
2
|
-
import React, { forwardRef } from 'react';
|
3
|
-
import { Wrapper, StyledButton, IconWrapper, Description } from './EmptyState.styles';
|
4
|
-
|
5
|
-
/**
|
6
|
-
* Компонент для альтернативного показа содержимого выпадающего списка.
|
7
|
-
*/
|
8
|
-
export var emptyStateRoot = function emptyStateRoot(Root) {
|
9
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
10
|
-
var icon = props.icon,
|
11
|
-
description = props.description,
|
12
|
-
buttonText = props.buttonText,
|
13
|
-
buttonAction = props.buttonAction;
|
14
|
-
return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
|
15
|
-
ref: ref
|
16
|
-
}), /*#__PURE__*/React.createElement(Wrapper, null, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), /*#__PURE__*/React.createElement(Description, null, description), buttonText && /*#__PURE__*/React.createElement(StyledButton, {
|
17
|
-
stretching: "filled",
|
18
|
-
onClick: buttonAction
|
19
|
-
}, buttonText)));
|
20
|
-
});
|
21
|
-
};
|
22
|
-
export var emptyStateConfig = {
|
23
|
-
name: 'EmptyState',
|
24
|
-
tag: 'div',
|
25
|
-
layout: emptyStateRoot,
|
26
|
-
base: '',
|
27
|
-
defaults: {
|
28
|
-
size: 'l'
|
29
|
-
},
|
30
|
-
variations: {}
|
31
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { buttonConfig, buttonTokens } from '../Button';
|
3
|
-
import { component, mergeConfig } from '../../engines';
|
4
|
-
import { tokens } from './EmptyState.tokens';
|
5
|
-
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
6
|
-
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
7
|
-
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1071zo6-0"
|
9
|
-
})(["", ":var(--text-primary);", ":var(--text-primary-active);", ":var(--text-primary-hover);", ":none;", ":0;", ":var(", ");", ":0;", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");margin:var(", ");"], buttonTokens.buttonColor, buttonTokens.buttonColorActive, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColor, buttonTokens.buttonPadding, buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, tokens.buttonMargin);
|
10
|
-
export var Wrapper = /*#__PURE__*/styled.div.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-1071zo6-1"
|
12
|
-
})(["display:flex;flex-direction:column;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(", ");padding:var(", ");text-align:center;"], tokens.borderRadius, tokens.padding);
|
13
|
-
export var IconWrapper = /*#__PURE__*/styled.div.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-1071zo6-2"
|
15
|
-
})(["margin:var(", ");line-height:0;"], tokens.iconMargin);
|
16
|
-
export var Description = /*#__PURE__*/styled.div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-1071zo6-3"
|
18
|
-
})(["margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.descriptionMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export var tokens = {
|
2
|
-
borderRadius: '--plasma-emptystate-border-radius',
|
3
|
-
padding: '--plasma-emptystate-padding',
|
4
|
-
iconMargin: '--plasma-emptystate-icon-margin',
|
5
|
-
descriptionMargin: '--plasma-emptystate-description-margin',
|
6
|
-
buttonMargin: '--plasma-emptystate-button-margin',
|
7
|
-
buttonHeight: '--plasma-emptystate-button-height',
|
8
|
-
fontFamily: '--plasma-emptystate-font-family',
|
9
|
-
fontSize: '--plasma-emptystate-font-size',
|
10
|
-
fontStyle: '--plasma-emptystate-font-style',
|
11
|
-
fontWeight: '--plasma-emptystate-font-weight',
|
12
|
-
fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',
|
13
|
-
fontLineHeight: '--plasma-emptystate-font-line-height'
|
14
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js
DELETED
@@ -1,33 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { autocompleteTokens as tokens } from '../../../../components/Autocomplete';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'l',
|
7
|
-
labelPlacement: 'outer'
|
8
|
-
},
|
9
|
-
variations: {
|
10
|
-
view: {
|
11
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-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);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-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);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":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-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);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":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-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);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor)
|
15
|
-
},
|
16
|
-
size: {
|
17
|
-
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-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;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
18
|
-
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-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;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
19
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-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;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
20
|
-
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-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;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
|
21
|
-
},
|
22
|
-
labelPlacement: {
|
23
|
-
inner: /*#__PURE__*/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);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
24
|
-
outer: /*#__PURE__*/css([""])
|
25
|
-
},
|
26
|
-
disabled: {
|
27
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.textFieldDisabledOpacity)
|
28
|
-
},
|
29
|
-
readOnly: {
|
30
|
-
"true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
31
|
-
}
|
32
|
-
}
|
33
|
-
};
|
@@ -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);
|
package/styled-components/es/examples/plasma_b2c/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_b2c/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 'styled-components';
|
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(["", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
|
10
|
-
m: /*#__PURE__*/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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
|
11
|
-
s: /*#__PURE__*/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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
|
12
|
-
xs: /*#__PURE__*/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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
|
13
|
-
}
|
14
|
-
}
|
15
|
-
};
|