@salutejs/plasma-new-hope 0.236.1-canary.1675.12514887207.0 → 0.237.0-canary.1681.12515137471.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +6 -6
- package/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/{Autocomplete.styles_12sdzio.css → Autocomplete.styles_pv6izw.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_9yyvt.css → TextField.styles_1anhp9c.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +14 -16
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +5 -18
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/Combobox.styles_20tcqj.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_7wj22s.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +14 -16
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +11 -13
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +14 -60
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1xjg3pv.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1kzr84z.css} +6 -8
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/{Target.styles_1l1jobd.css → Target.styles_2m210q.css} +1 -1
- package/cjs/components/Note/Note.css +11 -0
- package/cjs/components/Note/Note.js +124 -0
- package/cjs/components/Note/Note.js.map +1 -0
- package/cjs/components/Note/Note.styles.js +47 -0
- package/cjs/components/Note/Note.styles.js.map +1 -0
- package/cjs/components/Note/Note.styles_178qpj9.css +7 -0
- package/cjs/components/Note/Note.tokens.js +44 -0
- package/cjs/components/Note/Note.tokens.js.map +1 -0
- package/cjs/components/Note/variations/_size/base.js +9 -0
- package/cjs/components/Note/variations/_size/base.js.map +1 -0
- package/cjs/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/cjs/components/Note/variations/_view/base.js +9 -0
- package/cjs/components/Note/variations/_view/base.js.map +1 -0
- package/cjs/components/Note/variations/_view/base_pq323y.css +1 -0
- package/cjs/components/Pagination/Pagination.css +17 -19
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -19
- package/cjs/components/Select/Select.css +17 -19
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +1 -4
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +9 -11
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +9 -11
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -60
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +8 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +4 -17
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/{Button.styles_8ryojl.css → Button.styles_10g64me.css} +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_8ey8ug.css → Textfield.styles_n859dp.css} +2 -2
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -6
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDone.js +3 -6
- package/cjs/components/_Icon/Icons/IconDone.js.map +1 -1
- package/cjs/index.css +47 -39
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -21
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +3 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +22 -53
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/emotion/cjs/components/Note/Note.js +135 -0
- package/emotion/cjs/components/Note/Note.styles.js +83 -0
- package/emotion/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/cjs/components/Note/Note.tokens.js +41 -0
- package/emotion/cjs/components/Note/Note.types.js +5 -0
- package/emotion/cjs/components/Note/index.js +31 -0
- package/emotion/cjs/components/Note/variations/_size/base.js +11 -0
- package/emotion/cjs/components/Note/variations/_size/tokens.json +23 -0
- package/emotion/cjs/components/Note/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Note/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/Select/Select.styles.js +3 -3
- package/emotion/cjs/components/Select/Select.tokens.js +1 -4
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -51
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +15 -20
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -18
- package/emotion/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +24 -0
- package/emotion/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +27 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -8
- package/emotion/cjs/components/_Icon/Icons/IconDone.js +3 -8
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +29 -0
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +29 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -20
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -3
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +21 -52
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/emotion/es/components/Note/Note.js +127 -0
- package/emotion/es/components/Note/Note.styles.js +76 -0
- package/emotion/es/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/es/components/Note/Note.tokens.js +35 -0
- package/emotion/es/components/Note/Note.types.js +1 -0
- package/emotion/es/components/Note/index.js +2 -0
- package/emotion/es/components/Note/variations/_size/base.js +5 -0
- package/emotion/es/components/Note/variations/_size/tokens.json +23 -0
- package/emotion/es/components/Note/variations/_view/base.js +4 -0
- package/emotion/es/components/Note/variations/_view/tokens.json +1 -0
- package/emotion/es/components/Select/Select.styles.js +3 -3
- package/emotion/es/components/Select/Select.tokens.js +1 -4
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +4 -3
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -50
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +14 -19
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -17
- package/emotion/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +17 -0
- package/emotion/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +20 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -8
- package/emotion/es/components/_Icon/Icons/IconDone.js +3 -8
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +23 -0
- package/emotion/es/examples/plasma_b2c/components/Note/Note.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.config.js +23 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.js +5 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/emotion/es/index.js +2 -1
- package/es/components/Autocomplete/Autocomplete.css +6 -6
- package/es/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/{Autocomplete.styles_12sdzio.css → Autocomplete.styles_pv6izw.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/{TextField.styles_9yyvt.css → TextField.styles_1anhp9c.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +14 -16
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +5 -18
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_20tcqj.css → es/components/Combobox/ComboboxNew/Combobox.styles_7wj22s.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +14 -16
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +11 -13
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -59
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1xjg3pv.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1kzr84z.css} +6 -8
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/{Target.styles_1l1jobd.css → Target.styles_2m210q.css} +1 -1
- package/es/components/Note/Note.css +11 -0
- package/es/components/Note/Note.js +119 -0
- package/es/components/Note/Note.js.map +1 -0
- package/es/components/Note/Note.styles.js +37 -0
- package/es/components/Note/Note.styles.js.map +1 -0
- package/es/components/Note/Note.styles_178qpj9.css +7 -0
- package/es/components/Note/Note.tokens.js +38 -0
- package/es/components/Note/Note.tokens.js.map +1 -0
- package/es/components/Note/variations/_size/base.js +5 -0
- package/es/components/Note/variations/_size/base.js.map +1 -0
- package/es/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/es/components/Note/variations/_view/base.js +5 -0
- package/es/components/Note/variations/_view/base.js.map +1 -0
- package/es/components/Note/variations/_view/base_pq323y.css +1 -0
- package/es/components/Pagination/Pagination.css +17 -19
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -19
- package/es/components/Select/Select.css +17 -19
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.tokens.js +1 -4
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +9 -11
- package/es/components/Select/ui/Inner/ui/Item/Item.css +9 -11
- package/es/components/Select/ui/Inner/ui/Item/Item.js +5 -3
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -59
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/es/components/Select/ui/Target/Target.css +8 -8
- package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +4 -17
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/{Button.styles_8ryojl.css → Button.styles_10g64me.css} +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_8ey8ug.css → Textfield.styles_n859dp.css} +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -6
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -1
- package/es/components/_Icon/Icons/IconDone.js +3 -6
- package/es/components/_Icon/Icons/IconDone.js.map +1 -1
- package/es/index.css +47 -39
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -17
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +3 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +14 -43
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/styled-components/cjs/components/Note/Note.js +135 -0
- package/styled-components/cjs/components/Note/Note.styles.js +29 -0
- package/styled-components/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/cjs/components/Note/Note.tokens.js +41 -0
- package/styled-components/cjs/components/Note/Note.types.js +5 -0
- package/styled-components/cjs/components/Note/index.js +31 -0
- package/styled-components/cjs/components/Note/variations/_size/base.js +11 -0
- package/styled-components/cjs/components/Note/variations/_size/tokens.json +23 -0
- package/styled-components/cjs/components/Note/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Note/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -4
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -41
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +4 -18
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -18
- package/styled-components/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +24 -0
- package/styled-components/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +27 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -8
- package/styled-components/cjs/components/_Icon/Icons/IconDone.js +3 -8
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +29 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +29 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +2 -2
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -2
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -16
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -4
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -3
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +13 -42
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/styled-components/es/components/Note/Note.js +127 -0
- package/styled-components/es/components/Note/Note.styles.js +21 -0
- package/styled-components/es/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/es/components/Note/Note.tokens.js +35 -0
- package/styled-components/es/components/Note/Note.types.js +1 -0
- package/styled-components/es/components/Note/index.js +2 -0
- package/styled-components/es/components/Note/variations/_size/base.js +5 -0
- package/styled-components/es/components/Note/variations/_size/tokens.json +23 -0
- package/styled-components/es/components/Note/variations/_view/base.js +4 -0
- package/styled-components/es/components/Note/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -4
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +4 -3
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -40
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -17
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -17
- package/styled-components/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +17 -0
- package/styled-components/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +20 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js +3 -8
- package/styled-components/es/components/_Icon/Icons/IconDone.js +3 -8
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +23 -0
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +23 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -2
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -3
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +0 -3
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Note/Note.d.ts +43 -0
- package/types/components/Note/Note.d.ts.map +1 -0
- package/types/components/Note/Note.styles.d.ts +9 -0
- package/types/components/Note/Note.styles.d.ts.map +1 -0
- package/types/components/Note/Note.tokens.d.ts +36 -0
- package/types/components/Note/Note.tokens.d.ts.map +1 -0
- package/types/components/Note/Note.types.d.ts +41 -0
- package/types/components/Note/Note.types.d.ts.map +1 -0
- package/types/components/Note/index.d.ts +3 -0
- package/types/components/Note/index.d.ts.map +1 -0
- package/types/components/Note/variations/_size/base.d.ts +2 -0
- package/types/components/Note/variations/_size/base.d.ts.map +1 -0
- package/types/components/Note/variations/_view/base.d.ts +2 -0
- package/types/components/Note/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -3
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +0 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +1 -2
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -2
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts +2 -2
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDone.d.ts +2 -2
- package/types/components/_Icon/Icons/IconDone.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts +22 -0
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Note/Note.d.ts +27 -0
- package/types/examples/plasma_b2c/components/Note/Note.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Note/Note.config.d.ts +22 -0
- package/types/examples/plasma_web/components/Note/Note.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Note/Note.d.ts +27 -0
- package/types/examples/plasma_web/components/Note/Note.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_l7hqc1.css +0 -11
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_l7hqc1.css +0 -11
@@ -1,7 +1,3 @@
|
|
1
|
-
var _excluded = ["size", "color", "className"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
1
|
import React from 'react';
|
6
2
|
import { Done } from '../Icon.assets/Done';
|
7
3
|
import { IconRoot } from '../IconRoot';
|
@@ -9,12 +5,11 @@ export var IconDone = function IconDone(_ref) {
|
|
9
5
|
var _ref$size = _ref.size,
|
10
6
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
11
7
|
color = _ref.color,
|
12
|
-
className = _ref.className
|
13
|
-
|
14
|
-
return /*#__PURE__*/React.createElement(IconRoot, _extends({
|
8
|
+
className = _ref.className;
|
9
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
15
10
|
className: className,
|
16
11
|
size: size,
|
17
12
|
color: color,
|
18
13
|
icon: Done
|
19
|
-
}
|
14
|
+
});
|
20
15
|
};
|
@@ -35,4 +35,5 @@ export { IconStarOutline24 } from './Icons/Icon.24/IconStarOutline';
|
|
35
35
|
export { IconStarFill36 } from './Icons/Icon.36/IconStarFill';
|
36
36
|
export { IconStarHalfFill36 } from './Icons/Icon.36/IconStarHalfFill';
|
37
37
|
export { IconStarOutline36 } from './Icons/Icon.36/IconStarOutline';
|
38
|
-
export { IconFolder } from './Icons/IconFolder';
|
38
|
+
export { IconFolder } from './Icons/IconFolder';
|
39
|
+
export { IconSaluteOutline16 } from './Icons/Icon.16/IconSaluteOutline';
|
@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
|
|
16
16
|
const iconPlacements = ['top', 'left'];
|
17
17
|
|
18
18
|
const meta: Meta<typeof Dropzone> = {
|
19
|
-
title: '
|
19
|
+
title: 'b2c/Data Entry/Dropzone',
|
20
20
|
component: Dropzone,
|
21
21
|
decorators: [WithTheme],
|
22
22
|
argTypes: {
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { noteTokens as tokens } from '../../../../components/Note';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'l'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
11
|
+
positive: /*#__PURE__*/css(["", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
12
|
+
warning: /*#__PURE__*/css(["", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
13
|
+
negative: /*#__PURE__*/css(["", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
14
|
+
info: /*#__PURE__*/css(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], tokens.background, tokens.color, tokens.contentBeforeColor)
|
15
|
+
},
|
16
|
+
size: {
|
17
|
+
l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
18
|
+
m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
19
|
+
s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
20
|
+
xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
|
21
|
+
}
|
22
|
+
}
|
23
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { noteConfig } from '../../../../components/Note';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './Note.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(noteConfig, config);
|
5
|
+
export var Note = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1,86 @@
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
2
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
+
|
4
|
+
import { WithTheme } from '../../../_helpers';
|
5
|
+
import { IconSaluteOutline16 } from '../../../../components/_Icon';
|
6
|
+
|
7
|
+
import { Note } from './Note';
|
8
|
+
|
9
|
+
const views = ['default', 'positive', 'warning', 'negative', 'info'];
|
10
|
+
const sizes = ['l', 'm', 's', 'xs'];
|
11
|
+
const contentBeforeSizes = ['fixed', 'scalable'];
|
12
|
+
|
13
|
+
const meta: Meta<typeof Note> = {
|
14
|
+
title: 'b2c/Data Display/Note',
|
15
|
+
component: Note,
|
16
|
+
decorators: [WithTheme],
|
17
|
+
argTypes: {
|
18
|
+
view: {
|
19
|
+
options: views,
|
20
|
+
control: {
|
21
|
+
type: 'select',
|
22
|
+
},
|
23
|
+
},
|
24
|
+
size: {
|
25
|
+
options: sizes,
|
26
|
+
control: {
|
27
|
+
type: 'select',
|
28
|
+
},
|
29
|
+
},
|
30
|
+
contentBeforeSizing: {
|
31
|
+
options: contentBeforeSizes,
|
32
|
+
control: {
|
33
|
+
type: 'inline-radio',
|
34
|
+
},
|
35
|
+
if: { arg: 'enableContentBefore', truthy: true },
|
36
|
+
defaultValue: 'fixed',
|
37
|
+
},
|
38
|
+
},
|
39
|
+
};
|
40
|
+
|
41
|
+
export default meta;
|
42
|
+
|
43
|
+
type StoryPropsDefault = {
|
44
|
+
enableContentBefore: boolean;
|
45
|
+
} & ComponentProps<typeof Note>;
|
46
|
+
|
47
|
+
const getIconSize = (size?: string, isScalable?: boolean) => {
|
48
|
+
if (isScalable) {
|
49
|
+
return 'm';
|
50
|
+
}
|
51
|
+
|
52
|
+
if (size === 'l' || size === 'm') {
|
53
|
+
return 's';
|
54
|
+
}
|
55
|
+
|
56
|
+
return 'xs';
|
57
|
+
};
|
58
|
+
|
59
|
+
export const Default: StoryObj<StoryPropsDefault> = {
|
60
|
+
args: {
|
61
|
+
view: 'default',
|
62
|
+
size: 'l',
|
63
|
+
width: 400,
|
64
|
+
height: 116,
|
65
|
+
stretch: false,
|
66
|
+
title: 'Title',
|
67
|
+
text: 'Text',
|
68
|
+
enableContentBefore: true,
|
69
|
+
contentBeforeSizing: 'fixed',
|
70
|
+
},
|
71
|
+
render: ({ enableContentBefore, ...args }) => (
|
72
|
+
<div style={{ height: '100vh' }}>
|
73
|
+
<Note
|
74
|
+
contentBefore={
|
75
|
+
enableContentBefore && (
|
76
|
+
<IconSaluteOutline16
|
77
|
+
size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
|
78
|
+
color="inherit"
|
79
|
+
/>
|
80
|
+
)
|
81
|
+
}
|
82
|
+
{...args}
|
83
|
+
/>
|
84
|
+
</div>
|
85
|
+
),
|
86
|
+
};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { noteTokens as tokens } from '../../../../components/Note';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'l'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
11
|
+
positive: /*#__PURE__*/css(["", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
12
|
+
warning: /*#__PURE__*/css(["", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
13
|
+
negative: /*#__PURE__*/css(["", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);"], tokens.background, tokens.color, tokens.contentBeforeColor),
|
14
|
+
info: /*#__PURE__*/css(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], tokens.background, tokens.color, tokens.contentBeforeColor)
|
15
|
+
},
|
16
|
+
size: {
|
17
|
+
l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
18
|
+
m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
19
|
+
s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
20
|
+
xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
|
21
|
+
}
|
22
|
+
}
|
23
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { noteConfig } from '../../../../components/Note';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './Note.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(noteConfig, config);
|
5
|
+
export var Note = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1,86 @@
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
2
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
+
|
4
|
+
import { WithTheme } from '../../../_helpers';
|
5
|
+
import { IconSaluteOutline16 } from '../../../../components/_Icon';
|
6
|
+
|
7
|
+
import { Note } from './Note';
|
8
|
+
|
9
|
+
const views = ['default', 'positive', 'warning', 'negative', 'info'];
|
10
|
+
const sizes = ['l', 'm', 's', 'xs'];
|
11
|
+
const contentBeforeSizes = ['fixed', 'scalable'];
|
12
|
+
|
13
|
+
const meta: Meta<typeof Note> = {
|
14
|
+
title: 'web/Data Display/Note',
|
15
|
+
component: Note,
|
16
|
+
decorators: [WithTheme],
|
17
|
+
argTypes: {
|
18
|
+
view: {
|
19
|
+
options: views,
|
20
|
+
control: {
|
21
|
+
type: 'select',
|
22
|
+
},
|
23
|
+
},
|
24
|
+
size: {
|
25
|
+
options: sizes,
|
26
|
+
control: {
|
27
|
+
type: 'select',
|
28
|
+
},
|
29
|
+
},
|
30
|
+
contentBeforeSizing: {
|
31
|
+
options: contentBeforeSizes,
|
32
|
+
control: {
|
33
|
+
type: 'inline-radio',
|
34
|
+
},
|
35
|
+
if: { arg: 'enableContentBefore', truthy: true },
|
36
|
+
defaultValue: 'fixed',
|
37
|
+
},
|
38
|
+
},
|
39
|
+
};
|
40
|
+
|
41
|
+
export default meta;
|
42
|
+
|
43
|
+
type StoryPropsDefault = {
|
44
|
+
enableContentBefore: boolean;
|
45
|
+
} & ComponentProps<typeof Note>;
|
46
|
+
|
47
|
+
const getIconSize = (size?: string, isScalable?: boolean) => {
|
48
|
+
if (isScalable) {
|
49
|
+
return 'm';
|
50
|
+
}
|
51
|
+
|
52
|
+
if (size === 'l' || size === 'm') {
|
53
|
+
return 's';
|
54
|
+
}
|
55
|
+
|
56
|
+
return 'xs';
|
57
|
+
};
|
58
|
+
|
59
|
+
export const Default: StoryObj<StoryPropsDefault> = {
|
60
|
+
args: {
|
61
|
+
view: 'default',
|
62
|
+
size: 'l',
|
63
|
+
width: 400,
|
64
|
+
height: 116,
|
65
|
+
stretch: false,
|
66
|
+
title: 'Title',
|
67
|
+
text: 'Text',
|
68
|
+
enableContentBefore: true,
|
69
|
+
contentBeforeSizing: 'fixed',
|
70
|
+
},
|
71
|
+
render: ({ enableContentBefore, ...args }) => (
|
72
|
+
<div style={{ height: '100vh' }}>
|
73
|
+
<Note
|
74
|
+
contentBefore={
|
75
|
+
enableContentBefore && (
|
76
|
+
<IconSaluteOutline16
|
77
|
+
size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
|
78
|
+
color="inherit"
|
79
|
+
/>
|
80
|
+
)
|
81
|
+
}
|
82
|
+
{...args}
|
83
|
+
/>
|
84
|
+
</div>
|
85
|
+
),
|
86
|
+
};
|
@@ -66,4 +66,5 @@ export * from './components/ViewContainer';
|
|
66
66
|
export * from './components/NumberInput';
|
67
67
|
export * from './components/Dropzone';
|
68
68
|
export * from './components/Tree';
|
69
|
-
export * from './components/Rating';
|
69
|
+
export * from './components/Rating';
|
70
|
+
export * from './components/Note';
|
@@ -85,12 +85,10 @@ export declare const tokens: {
|
|
85
85
|
textFieldClearIndicatorLabelPlacementInner: string;
|
86
86
|
textFieldClearIndicatorLabelPlacementInnerRight: string;
|
87
87
|
textFieldClearIndicatorHintInnerRight: string;
|
88
|
-
textFieldBoxShadow: string;
|
89
88
|
background: string;
|
90
89
|
boxShadow: string;
|
91
90
|
borderRadius: string;
|
92
91
|
padding: string;
|
93
|
-
margin: string;
|
94
92
|
dropdownBorderColor: string;
|
95
93
|
dropdownBorderWidth: string;
|
96
94
|
itemPadding: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+IAoF3B,CAAC"}
|
@@ -9,8 +9,7 @@ export declare const Ul: import("@linaria/react").StyledComponent<import("react"
|
|
9
9
|
export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
10
10
|
disabled: boolean;
|
11
11
|
}>;
|
12
|
-
export declare const
|
13
|
-
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
|
12
|
+
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
|
14
13
|
export declare const base: import("@linaria/core").LinariaClassName;
|
15
14
|
export declare const StyledEmptyState: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & import("../../EmptyState/EmptyState.types").Props & import("react").RefAttributes<HTMLDivElement>>;
|
16
15
|
//# sourceMappingURL=Combobox.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAoBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC"}
|
@@ -14,7 +14,6 @@ export declare const classes: {
|
|
14
14
|
export declare const tokens: {
|
15
15
|
borderRadius: string;
|
16
16
|
padding: string;
|
17
|
-
margin: string;
|
18
17
|
focusOffset: string;
|
19
18
|
fontFamily: string;
|
20
19
|
fontSize: string;
|
@@ -160,7 +159,6 @@ export declare const tokens: {
|
|
160
159
|
textFieldChipClearContentMarginRight: string;
|
161
160
|
textFieldChipOpacityReadonly: string;
|
162
161
|
textFieldFocusColor: string;
|
163
|
-
textFieldBoxShadow: string;
|
164
162
|
textFieldIndicatorColor: string;
|
165
163
|
textFieldIndicatorSizeInner: string;
|
166
164
|
textFieldIndicatorSizeOuter: string;
|
@@ -180,7 +178,6 @@ export declare const tokens: {
|
|
180
178
|
spinnerSizeTight: string;
|
181
179
|
disclosureIconColor: string;
|
182
180
|
disclosureIconColorHover: string;
|
183
|
-
disclosureIconSize: string;
|
184
181
|
};
|
185
182
|
export declare const constants: {
|
186
183
|
focusColor: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAazC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqH9B,CAAC"}
|
@@ -37,9 +37,6 @@ export declare const StyledIndicator: import("@linaria/react").StyledMeta & impo
|
|
37
37
|
size: string;
|
38
38
|
view: string;
|
39
39
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
40
|
-
export declare const sizeMap: Record<string, string>;
|
41
|
-
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../../../../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
|
42
|
-
export declare const StyledIconDone: import("@linaria/react").StyledMeta & import("react").FC<import("../../../../../../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
|
43
40
|
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
44
41
|
export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
45
42
|
export declare const DisclosureIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;
|
1
|
+
{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQhE,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAAiB,CAAC;AAEzC,eAAO,MAAM,cAAc,8SAM1B,CAAC;AAKF,eAAO,MAAM,eAAe;;;kDAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAOjC,CAAC;AAEF,eAAO,MAAM,WAAW;aAAyB,aAAa,CAAC,SAAS,CAAC;EAUxE,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAAgB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Target.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Target.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kJA8I3B,CAAC"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { RootProps } from '../../engines';
|
3
|
+
import type { NoteProps } from './Note.types';
|
4
|
+
export declare const noteRoot: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
|
5
|
+
title?: string | undefined;
|
6
|
+
text?: string | undefined;
|
7
|
+
contentBefore?: React.ReactNode;
|
8
|
+
contentBeforeSizing?: "fixed" | "scalable" | undefined;
|
9
|
+
stretch?: boolean | undefined;
|
10
|
+
width?: string | number | undefined;
|
11
|
+
height?: string | number | undefined;
|
12
|
+
view?: string | undefined;
|
13
|
+
size?: string | undefined;
|
14
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
15
|
+
export declare const noteConfig: {
|
16
|
+
name: string;
|
17
|
+
tag: string;
|
18
|
+
layout: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
|
19
|
+
title?: string | undefined;
|
20
|
+
text?: string | undefined;
|
21
|
+
contentBefore?: React.ReactNode;
|
22
|
+
contentBeforeSizing?: "fixed" | "scalable" | undefined;
|
23
|
+
stretch?: boolean | undefined;
|
24
|
+
width?: string | number | undefined;
|
25
|
+
height?: string | number | undefined;
|
26
|
+
view?: string | undefined;
|
27
|
+
size?: string | undefined;
|
28
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
29
|
+
base: import("@linaria/core").LinariaClassName;
|
30
|
+
variations: {
|
31
|
+
view: {
|
32
|
+
css: import("@linaria/core").LinariaClassName;
|
33
|
+
};
|
34
|
+
size: {
|
35
|
+
css: import("@linaria/core").LinariaClassName;
|
36
|
+
};
|
37
|
+
};
|
38
|
+
defaults: {
|
39
|
+
view: string;
|
40
|
+
size: string;
|
41
|
+
};
|
42
|
+
};
|
43
|
+
//# sourceMappingURL=Note.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;+EAwI9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1IQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CA2JlE,CAAC"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
+
export declare const ContentBefore: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
|
+
export declare const ContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
|
+
export declare const TitleHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
7
|
+
export declare const Text: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
8
|
+
export declare const TextHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
9
|
+
//# sourceMappingURL=Note.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Note.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,KAAK,qKAAe,CAAC;AAClC,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,IAAI,uKAGhB,CAAC;AACF,eAAO,MAAM,UAAU,uKAOtB,CAAC"}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
stretch: string;
|
3
|
+
contentAlignCenter: string;
|
4
|
+
};
|
5
|
+
export declare const privateTokens: {
|
6
|
+
width: string;
|
7
|
+
height: string;
|
8
|
+
contentWidthWithOffset: string;
|
9
|
+
};
|
10
|
+
export declare const tokens: {
|
11
|
+
background: string;
|
12
|
+
color: string;
|
13
|
+
contentBeforeColor: string;
|
14
|
+
padding: string;
|
15
|
+
paddingScalable: string;
|
16
|
+
borderRadius: string;
|
17
|
+
gap: string;
|
18
|
+
gapScalable: string;
|
19
|
+
contentGap: string;
|
20
|
+
fixedContentBeforeWidth: string;
|
21
|
+
fixedContentBeforeHeight: string;
|
22
|
+
fixedContentBeforePadding: string;
|
23
|
+
titleFontFamily: string;
|
24
|
+
titleFontSize: string;
|
25
|
+
titleFontStyle: string;
|
26
|
+
titleFontWeight: string;
|
27
|
+
titleLetterSpacing: string;
|
28
|
+
titleLineHeight: string;
|
29
|
+
textFontFamily: string;
|
30
|
+
textFontSize: string;
|
31
|
+
textFontStyle: string;
|
32
|
+
textFontWeight: string;
|
33
|
+
textLetterSpacing: string;
|
34
|
+
textLineHeight: string;
|
35
|
+
};
|
36
|
+
//# sourceMappingURL=Note.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Note.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
2
|
+
export declare type NoteProps = {
|
3
|
+
/**
|
4
|
+
* Заголовок к Note.
|
5
|
+
*/
|
6
|
+
title?: string;
|
7
|
+
/**
|
8
|
+
* Текст к Note.
|
9
|
+
*/
|
10
|
+
text?: string;
|
11
|
+
/**
|
12
|
+
* Слот под иконку слева от контента.
|
13
|
+
*/
|
14
|
+
contentBefore?: ReactNode;
|
15
|
+
/**
|
16
|
+
* Размерность слота под иконку.
|
17
|
+
* @default 'fixed'
|
18
|
+
*/
|
19
|
+
contentBeforeSizing?: 'fixed' | 'scalable';
|
20
|
+
/**
|
21
|
+
* Компонент растягивается на всю доступную ширину и высоту.
|
22
|
+
*/
|
23
|
+
stretch?: boolean;
|
24
|
+
/**
|
25
|
+
* Ширина компонента.
|
26
|
+
*/
|
27
|
+
width?: string | number;
|
28
|
+
/**
|
29
|
+
* Высота компонента.
|
30
|
+
*/
|
31
|
+
height?: string | number;
|
32
|
+
/**
|
33
|
+
* Вид компонента.
|
34
|
+
*/
|
35
|
+
view?: string;
|
36
|
+
/**
|
37
|
+
* Размер компонента.
|
38
|
+
*/
|
39
|
+
size?: string;
|
40
|
+
} & HTMLAttributes<HTMLDivElement>;
|
41
|
+
//# sourceMappingURL=Note.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Note/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CA4DhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Note/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAQhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;EAgBvC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -11,7 +11,6 @@ export declare const classes: {
|
|
11
11
|
};
|
12
12
|
export declare const tokens: {
|
13
13
|
borderRadius: string;
|
14
|
-
margin: string;
|
15
14
|
padding: string;
|
16
15
|
fontFamily: string;
|
17
16
|
fontSize: string;
|
@@ -162,10 +161,8 @@ export declare const tokens: {
|
|
162
161
|
textFieldClearIndicatorHintInnerRight: string;
|
163
162
|
textFieldOptionalColor: string;
|
164
163
|
textFieldFocusColor: string;
|
165
|
-
textFieldBoxShadow: string;
|
166
164
|
disclosureIconColor: string;
|
167
165
|
disclosureIconColorHover: string;
|
168
|
-
disclosureIconSize: string;
|
169
166
|
};
|
170
167
|
export declare const constants: {
|
171
168
|
focusColor: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBrB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAazC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqH9B,CAAC"}
|