@salutejs/plasma-new-hope 0.109.1-canary.1301.10056808859.0 → 0.109.2-canary.1301.10057930683.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +60 -0
- package/cjs/components/Autocomplete/Autocomplete.js +189 -0
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
- package/cjs/components/Autocomplete/Autocomplete.styles.js +78 -0
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -0
- package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +93 -0
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +112 -0
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Autocomplete/reducers/focusedReducer.js +47 -0
- package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +41 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +21 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +23 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
- package/cjs/components/EmptyState/EmptyState.css +30 -0
- package/cjs/components/EmptyState/EmptyState.js +39 -0
- package/cjs/components/EmptyState/EmptyState.js.map +1 -0
- package/cjs/components/EmptyState/EmptyState.styles.js +41 -0
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -0
- package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
- package/cjs/components/EmptyState/EmptyState.tokens.js +21 -0
- package/cjs/components/EmptyState/EmptyState.tokens.js.map +1 -0
- package/cjs/components/TextField/TextField.js +2 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +26 -0
- package/cjs/hooks/useOutsideClick.js.map +1 -0
- package/cjs/index.css +16 -0
- package/cjs/index.js +12 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +193 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +43 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
- package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
- package/emotion/cjs/components/Autocomplete/index.js +25 -0
- package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +25 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +17 -0
- package/emotion/cjs/components/Autocomplete/ui/index.js +27 -0
- package/emotion/cjs/components/EmptyState/EmptyState.js +39 -0
- package/emotion/cjs/components/EmptyState/EmptyState.styles.js +29 -0
- package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
- package/emotion/cjs/components/EmptyState/EmptyState.types.js +5 -0
- package/emotion/cjs/components/EmptyState/index.js +25 -0
- package/emotion/cjs/components/TextField/TextField.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/hooks/index.js +7 -0
- package/emotion/cjs/hooks/useOutsideClick.js +24 -0
- package/emotion/cjs/index.js +22 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +185 -0
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +36 -0
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
- package/emotion/es/components/Autocomplete/Autocomplete.types.js +1 -0
- package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
- package/emotion/es/components/Autocomplete/index.js +2 -0
- package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +18 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +10 -0
- package/emotion/es/components/Autocomplete/ui/index.js +2 -0
- package/emotion/es/components/EmptyState/EmptyState.js +31 -0
- package/emotion/es/components/EmptyState/EmptyState.styles.js +22 -0
- package/emotion/es/components/EmptyState/EmptyState.tokens.js +14 -0
- package/emotion/es/components/EmptyState/EmptyState.types.js +1 -0
- package/emotion/es/components/EmptyState/index.js +2 -0
- package/emotion/es/components/TextField/TextField.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/hooks/index.js +1 -0
- package/emotion/es/hooks/useOutsideClick.js +18 -0
- package/emotion/es/index.js +3 -1
- package/es/components/Autocomplete/Autocomplete.css +60 -0
- package/es/components/Autocomplete/Autocomplete.js +184 -0
- package/es/components/Autocomplete/Autocomplete.js.map +1 -0
- package/es/components/Autocomplete/Autocomplete.styles.js +70 -0
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -0
- package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
- package/es/components/Autocomplete/Autocomplete.tokens.js +88 -0
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +107 -0
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Autocomplete/reducers/focusedReducer.js +43 -0
- package/es/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +37 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +19 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
- package/es/components/EmptyState/EmptyState.css +30 -0
- package/es/components/EmptyState/EmptyState.js +34 -0
- package/es/components/EmptyState/EmptyState.js.map +1 -0
- package/es/components/EmptyState/EmptyState.styles.js +34 -0
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -0
- package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
- package/es/components/EmptyState/EmptyState.tokens.js +17 -0
- package/es/components/EmptyState/EmptyState.tokens.js.map +1 -0
- package/es/components/TextField/TextField.js +2 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/hooks/useOutsideClick.js +22 -0
- package/es/hooks/useOutsideClick.js.map +1 -0
- package/es/index.css +16 -0
- package/es/index.js +5 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +193 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +40 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
- package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
- package/styled-components/cjs/components/Autocomplete/index.js +25 -0
- package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +23 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +16 -0
- package/styled-components/cjs/components/Autocomplete/ui/index.js +27 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.js +39 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +25 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.types.js +5 -0
- package/styled-components/cjs/components/EmptyState/index.js +25 -0
- package/styled-components/cjs/components/TextField/TextField.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/cjs/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/index.js +22 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +185 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +32 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.types.js +1 -0
- package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
- package/styled-components/es/components/Autocomplete/index.js +2 -0
- package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +9 -0
- package/styled-components/es/components/Autocomplete/ui/index.js +2 -0
- package/styled-components/es/components/EmptyState/EmptyState.js +31 -0
- package/styled-components/es/components/EmptyState/EmptyState.styles.js +18 -0
- package/styled-components/es/components/EmptyState/EmptyState.tokens.js +14 -0
- package/styled-components/es/components/EmptyState/EmptyState.types.js +1 -0
- package/styled-components/es/components/EmptyState/index.js +2 -0
- package/styled-components/es/components/TextField/TextField.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/es/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/index.js +3 -1
- package/types/components/Autocomplete/Autocomplete.d.ts +24 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +19 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +84 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts +84 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -0
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +31 -0
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Autocomplete/index.d.ts +3 -0
- package/types/components/Autocomplete/index.d.ts.map +1 -0
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts +17 -0
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +4 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +4 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +8 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts +2 -0
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +41 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/index.d.ts +3 -0
- package/types/components/Autocomplete/ui/index.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.d.ts +18 -0
- package/types/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.styles.d.ts +48 -0
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.tokens.d.ts +15 -0
- package/types/components/EmptyState/EmptyState.tokens.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.types.d.ts +8 -0
- package/types/components/EmptyState/EmptyState.types.d.ts.map +1 -0
- package/types/components/EmptyState/index.d.ts +3 -0
- package/types/components/EmptyState/index.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +32 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +26 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +14 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +25 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +32 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +26 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +14 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +25 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +3 -0
- package/types/hooks/useOutsideClick.d.ts.map +1 -0
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,21 @@
|
|
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
|
+
};
|
@@ -0,0 +1,11 @@
|
|
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_b2c/components/EmptyState/EmptyState.stories.tsx
ADDED
@@ -0,0 +1,44 @@
|
|
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_b2c/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
|
+
};
|
package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx
CHANGED
@@ -16,12 +16,13 @@ type AccordionItemCustomProps = {
|
|
16
16
|
title: string;
|
17
17
|
body: ReactNode;
|
18
18
|
pin?: Pin;
|
19
|
+
alignWithTitle?: boolean;
|
19
20
|
};
|
20
21
|
|
21
22
|
type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
|
22
23
|
|
23
24
|
const meta: Meta<AccordionProps> = {
|
24
|
-
title: '
|
25
|
+
title: 'plasma_web/Accordion',
|
25
26
|
decorators: [WithTheme],
|
26
27
|
component: Accordion,
|
27
28
|
args: {
|
@@ -74,17 +75,16 @@ export default meta;
|
|
74
75
|
export const Default: StoryObj<AccordionProps> = {
|
75
76
|
render: (props: AccordionProps) => {
|
76
77
|
const args = { ...props, text: undefined };
|
77
|
-
const { alignWithTitle, type, pin, title } = args;
|
78
78
|
|
79
79
|
return (
|
80
80
|
<Accordion {...args}>
|
81
|
-
<AccordionItem alignWithTitle={alignWithTitle} type={type} pin={pin} title={title}>
|
81
|
+
<AccordionItem alignWithTitle={args.alignWithTitle} type={args.type} pin={args.pin} title={args.title}>
|
82
82
|
{args.body}
|
83
83
|
</AccordionItem>
|
84
|
-
<AccordionItem alignWithTitle={alignWithTitle} type={type} pin={pin} title={title}>
|
84
|
+
<AccordionItem alignWithTitle={args.alignWithTitle} type={args.type} pin={args.pin} title={args.title}>
|
85
85
|
{args.body}
|
86
86
|
</AccordionItem>
|
87
|
-
<AccordionItem alignWithTitle={alignWithTitle} type={type} pin={pin} title={title}>
|
87
|
+
<AccordionItem alignWithTitle={args.alignWithTitle} type={args.type} pin={args.pin} title={args.title}>
|
88
88
|
{args.body}
|
89
89
|
</AccordionItem>
|
90
90
|
</Accordion>
|
package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js
ADDED
@@ -0,0 +1,39 @@
|
|
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
|
+
};
|
@@ -0,0 +1,11 @@
|
|
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
ADDED
@@ -0,0 +1,134 @@
|
|
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
|
+
};
|
@@ -19,7 +19,7 @@ var config = exports.config = {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":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(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
@@ -0,0 +1,21 @@
|
|
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
|
+
};
|
@@ -0,0 +1,11 @@
|
|
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
ADDED
@@ -0,0 +1,44 @@
|
|
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
|
+
};
|
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
|
21
21
|
return _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
|
22
22
|
}
|
23
23
|
});
|
24
|
+
Object.defineProperty(exports, "useOutsideClick", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _useOutsideClick.useOutsideClick;
|
28
|
+
}
|
29
|
+
});
|
24
30
|
Object.defineProperty(exports, "usePreviousValue", {
|
25
31
|
enumerable: true,
|
26
32
|
get: function get() {
|
@@ -37,4 +43,5 @@ var _useUniqId = /*#__PURE__*/require("./useUniqId");
|
|
37
43
|
var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
|
38
44
|
var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
|
39
45
|
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
46
|
+
var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
|
40
47
|
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
@@ -0,0 +1,24 @@
|
|
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
|
+
};
|
@@ -574,4 +574,26 @@ Object.keys(_Portal).forEach(function (key) {
|
|
574
574
|
return _Portal[key];
|
575
575
|
}
|
576
576
|
});
|
577
|
+
});
|
578
|
+
var _Autocomplete = /*#__PURE__*/require("./components/Autocomplete");
|
579
|
+
Object.keys(_Autocomplete).forEach(function (key) {
|
580
|
+
if (key === "default" || key === "__esModule") return;
|
581
|
+
if (key in exports && exports[key] === _Autocomplete[key]) return;
|
582
|
+
Object.defineProperty(exports, key, {
|
583
|
+
enumerable: true,
|
584
|
+
get: function get() {
|
585
|
+
return _Autocomplete[key];
|
586
|
+
}
|
587
|
+
});
|
588
|
+
});
|
589
|
+
var _EmptyState = /*#__PURE__*/require("./components/EmptyState");
|
590
|
+
Object.keys(_EmptyState).forEach(function (key) {
|
591
|
+
if (key === "default" || key === "__esModule") return;
|
592
|
+
if (key in exports && exports[key] === _EmptyState[key]) return;
|
593
|
+
Object.defineProperty(exports, key, {
|
594
|
+
enumerable: true,
|
595
|
+
get: function get() {
|
596
|
+
return _EmptyState[key];
|
597
|
+
}
|
598
|
+
});
|
577
599
|
});
|