@salutejs/plasma-new-hope 0.151.0-canary.1449.11009654671.0 → 0.151.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.css +48 -0
- package/cjs/components/Attach/Attach.js +181 -0
- package/cjs/components/Attach/Attach.js.map +1 -0
- package/cjs/components/Attach/Attach.styles.js +23 -0
- package/cjs/components/Attach/Attach.styles.js.map +1 -0
- package/cjs/components/Attach/Attach.styles_fl8wha.css +3 -0
- package/cjs/components/Attach/Attach.tokens.js +130 -0
- package/cjs/components/Attach/Attach.tokens.js.map +1 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +34 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +50 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
- package/cjs/components/Attach/ui/Button/Button.styles.js +23 -0
- package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +25 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +32 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
- package/cjs/components/Attach/utils/extractExtension.js +10 -0
- package/cjs/components/Attach/utils/extractExtension.js.map +1 -0
- package/cjs/components/Attach/utils/getFileicon.js +51 -0
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -0
- package/cjs/components/Attach/utils/truncateFilename.js +24 -0
- package/cjs/components/Attach/utils/truncateFilename.js.map +1 -0
- package/cjs/components/{TextField/variations/_clear → Attach/variations/_size}/base.js +2 -2
- package/cjs/components/Attach/variations/_size/base.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/cjs/components/Attach/variations/_view/base.js +9 -0
- package/cjs/components/Attach/variations/_view/base.js.map +1 -0
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/cjs/components/Autocomplete/Autocomplete.css +15 -17
- package/cjs/components/Cell/Cell.js +3 -2
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -17
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -17
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +15 -17
- package/cjs/components/Range/Range.css +15 -17
- package/cjs/components/Slider/Slider.css +15 -17
- package/cjs/components/Slider/components/Double/Double.css +15 -17
- package/cjs/components/TextField/TextField.js +9 -24
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -15
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_1d2ryq.css → TextField.styles_uponva.css} +2 -2
- package/cjs/components/TextField/TextField.tokens.js +0 -9
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/base.js.map +1 -1
- package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_8onybn.css +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
- package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
- package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
- package/cjs/index.css +30 -17
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Attach/Attach.js +186 -0
- package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
- package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
- package/emotion/cjs/components/Attach/Attach.types.js +5 -0
- package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
- package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
- package/emotion/cjs/components/Attach/index.js +25 -0
- package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
- package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.js +12 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
- package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/emotion/cjs/components/Attach/utils/getFileicon.js +44 -0
- package/emotion/cjs/components/Attach/utils/index.js +26 -0
- package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
- package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Cell/Cell.js +3 -2
- package/emotion/cjs/components/TextField/TextField.js +10 -25
- package/emotion/cjs/components/TextField/TextField.styles.js +16 -20
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +17 -50
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -9
- package/emotion/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
- package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +57 -1
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -15
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -15
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Attach/Attach.js +177 -0
- package/emotion/es/components/Attach/Attach.styles.js +29 -0
- package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
- package/emotion/es/components/Attach/Attach.tokens.js +122 -0
- package/emotion/es/components/Attach/Attach.types.js +1 -0
- package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
- package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
- package/emotion/es/components/Attach/index.js +2 -0
- package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
- package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
- package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
- package/emotion/es/components/Attach/utils/getFileicon.js +37 -0
- package/emotion/es/components/Attach/utils/index.js +3 -0
- package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
- package/emotion/es/components/Attach/variations/_size/base.js +3 -0
- package/emotion/es/components/Attach/variations/_view/base.js +3 -0
- package/emotion/es/components/Cell/Cell.js +3 -2
- package/emotion/es/components/TextField/TextField.js +4 -19
- package/emotion/es/components/TextField/TextField.styles.js +16 -20
- package/emotion/es/components/TextField/TextField.template-doc.mdx +17 -50
- package/emotion/es/components/TextField/TextField.tokens.js +0 -9
- package/emotion/es/components/TextField/variations/_disabled/base.js +1 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
- package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
- package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
- package/emotion/es/components/_Icon/index.js +9 -1
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -15
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
- package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -15
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
- package/emotion/es/index.js +2 -1
- package/es/components/Attach/Attach.css +48 -0
- package/es/components/Attach/Attach.js +176 -0
- package/es/components/Attach/Attach.js.map +1 -0
- package/es/components/Attach/Attach.styles.js +17 -0
- package/es/components/Attach/Attach.styles.js.map +1 -0
- package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
- package/es/components/Attach/Attach.tokens.js +125 -0
- package/es/components/Attach/Attach.tokens.js.map +1 -0
- package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
- package/es/components/Attach/components/AttachButton/AttachButton.js +46 -0
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
- package/es/components/Attach/ui/Button/Button.styles.js +19 -0
- package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
- package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
- package/es/components/Attach/utils/extractExtension.js +6 -0
- package/es/components/Attach/utils/extractExtension.js.map +1 -0
- package/es/components/Attach/utils/getFileicon.js +47 -0
- package/es/components/Attach/utils/getFileicon.js.map +1 -0
- package/es/components/Attach/utils/truncateFilename.js +20 -0
- package/es/components/Attach/utils/truncateFilename.js.map +1 -0
- package/es/components/{TextField/variations/_clear → Attach/variations/_size}/base.js +2 -2
- package/es/components/Attach/variations/_size/base.js.map +1 -0
- package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/es/components/Attach/variations/_view/base.js +5 -0
- package/es/components/Attach/variations/_view/base.js.map +1 -0
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/es/components/Autocomplete/Autocomplete.css +15 -17
- package/es/components/Cell/Cell.js +3 -2
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +15 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -17
- package/es/components/DatePicker/RangeDate/RangeDate.css +15 -17
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -17
- package/es/components/DatePicker/SingleDate/SingleDate.css +15 -17
- package/es/components/Range/Range.css +15 -17
- package/es/components/Slider/Slider.css +15 -17
- package/es/components/Slider/components/Double/Double.css +15 -17
- package/es/components/TextField/TextField.js +9 -24
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -15
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_1d2ryq.css → TextField.styles_uponva.css} +2 -2
- package/es/components/TextField/TextField.tokens.js +0 -9
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/base.js.map +1 -1
- package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_6k17xp.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_8onybn.css +1 -0
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
- package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/Plus.js +20 -0
- package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconPlus.js +19 -0
- package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
- package/es/index.css +30 -17
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +186 -0
- package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
- package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
- package/styled-components/cjs/components/Attach/Attach.types.js +5 -0
- package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
- package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
- package/styled-components/cjs/components/Attach/index.js +25 -0
- package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
- package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +12 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
- package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +44 -0
- package/styled-components/cjs/components/Attach/utils/index.js +26 -0
- package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
- package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Attach/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Cell/Cell.js +3 -2
- package/styled-components/cjs/components/TextField/TextField.js +9 -24
- package/styled-components/cjs/components/TextField/TextField.styles.js +3 -7
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +17 -50
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -9
- package/styled-components/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +57 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +9 -12
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +9 -12
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Attach/Attach.js +177 -0
- package/styled-components/es/components/Attach/Attach.styles.js +10 -0
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
- package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
- package/styled-components/es/components/Attach/Attach.types.js +1 -0
- package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
- package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
- package/styled-components/es/components/Attach/index.js +2 -0
- package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
- package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
- package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
- package/styled-components/es/components/Attach/utils/getFileicon.js +37 -0
- package/styled-components/es/components/Attach/utils/index.js +3 -0
- package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
- package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
- package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
- package/styled-components/es/components/Cell/Cell.js +3 -2
- package/styled-components/es/components/TextField/TextField.js +3 -18
- package/styled-components/es/components/TextField/TextField.styles.js +3 -7
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +17 -50
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -9
- package/styled-components/es/components/TextField/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
- package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
- package/styled-components/es/components/_Icon/index.js +9 -1
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +9 -12
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +9 -12
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
- package/styled-components/es/index.js +2 -1
- package/types/components/Attach/Attach.d.ts +23 -0
- package/types/components/Attach/Attach.d.ts.map +1 -0
- package/types/components/Attach/Attach.styles.d.ts +5 -0
- package/types/components/Attach/Attach.styles.d.ts.map +1 -0
- package/types/components/Attach/Attach.tokens.d.ts +119 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
- package/types/components/Attach/Attach.types.d.ts +43 -0
- package/types/components/Attach/Attach.types.d.ts.map +1 -0
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
- package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
- package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
- package/types/components/Attach/index.d.ts +4 -0
- package/types/components/Attach/index.d.ts.map +1 -0
- package/types/components/Attach/ui/Button/Button.d.ts +2 -0
- package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
- package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
- package/types/components/Attach/utils/extractExtension.d.ts +2 -0
- package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
- package/types/components/Attach/utils/getFileicon.d.ts +3 -0
- package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
- package/types/components/Attach/utils/index.d.ts +4 -0
- package/types/components/Attach/utils/index.d.ts.map +1 -0
- package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
- package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
- package/types/components/Attach/variations/_view/base.d.ts +2 -0
- package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -120
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/Cell.types.d.ts +1 -1
- package/types/components/Cell/Cell.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -120
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -120
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -120
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -120
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +4 -5
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -9
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +1 -20
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
- package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +8 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -236
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -123
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
- package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -236
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -123
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextField/variations/_clear/base_1v36fe3.css +0 -1
- package/cjs/components/TextField/variations/_disabled/base_2tv0nz.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_kcc8wi.css +0 -1
- package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -10
- package/emotion/cjs/components/TextField/variations/_clear/tokens.json +0 -10
- package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
- package/emotion/es/components/TextField/variations/_clear/tokens.json +0 -10
- package/es/components/TextField/variations/_clear/base.js.map +0 -1
- package/es/components/TextField/variations/_clear/base_1v36fe3.css +0 -1
- package/es/components/TextField/variations/_disabled/base_2tv0nz.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/es/components/TextField/variations/_read-only/base_kcc8wi.css +0 -1
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -10
- package/styled-components/cjs/components/TextField/variations/_clear/tokens.json +0 -10
- package/styled-components/es/components/TextField/variations/_clear/base.js +0 -4
- package/styled-components/es/components/TextField/variations/_clear/tokens.json +0 -10
- package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
- /package/types/components/{TextField/variations/_clear → Attach/variations/_size}/base.d.ts +0 -0
@@ -0,0 +1,168 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { mergeConfig } from '../../../../engines';
|
6
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
7
|
+
import { attachConfig } from '../../../../components/Attach';
|
8
|
+
import { IconMic } from '../../../../components/_Icon';
|
9
|
+
|
10
|
+
import { Attach } from './Attach';
|
11
|
+
import { config } from './Attach.config';
|
12
|
+
|
13
|
+
const buttonViewOptions = [
|
14
|
+
'default',
|
15
|
+
'accent',
|
16
|
+
'secondary',
|
17
|
+
'clear',
|
18
|
+
'positive',
|
19
|
+
'warning',
|
20
|
+
'negative',
|
21
|
+
'dark',
|
22
|
+
'black',
|
23
|
+
'white',
|
24
|
+
];
|
25
|
+
const iconButtonViewOptions = [
|
26
|
+
'default',
|
27
|
+
'accent',
|
28
|
+
'secondary',
|
29
|
+
'clear',
|
30
|
+
'success',
|
31
|
+
'warning',
|
32
|
+
'critical',
|
33
|
+
'dark',
|
34
|
+
'black',
|
35
|
+
'white',
|
36
|
+
];
|
37
|
+
const flowOptions = ['horizontal', 'vertical', 'auto'];
|
38
|
+
const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
|
39
|
+
|
40
|
+
type StoryAttachProps = ComponentProps<typeof Attach> & {
|
41
|
+
enableContentLeft: boolean;
|
42
|
+
enableContentRight: boolean;
|
43
|
+
buttonText?: string;
|
44
|
+
buttonValue?: string;
|
45
|
+
fileFormat?: string;
|
46
|
+
width?: string;
|
47
|
+
};
|
48
|
+
|
49
|
+
const meta: Meta<StoryAttachProps> = {
|
50
|
+
title: 'plasma_web/Attach',
|
51
|
+
decorators: [WithTheme],
|
52
|
+
component: Attach,
|
53
|
+
argTypes: {
|
54
|
+
...argTypesFromConfig(mergeConfig(attachConfig, config)),
|
55
|
+
fileFormat: {
|
56
|
+
options: fileFormatOptions,
|
57
|
+
control: {
|
58
|
+
type: 'select',
|
59
|
+
},
|
60
|
+
},
|
61
|
+
flow: {
|
62
|
+
options: flowOptions,
|
63
|
+
control: {
|
64
|
+
type: 'select',
|
65
|
+
},
|
66
|
+
},
|
67
|
+
},
|
68
|
+
};
|
69
|
+
|
70
|
+
export default meta;
|
71
|
+
|
72
|
+
const StoryButton = (props: StoryAttachProps) => {
|
73
|
+
return <Attach {...props} />;
|
74
|
+
};
|
75
|
+
|
76
|
+
export const Button: StoryObj<StoryAttachProps> = {
|
77
|
+
args: {
|
78
|
+
fileFormat: 'all',
|
79
|
+
flow: 'horizontal',
|
80
|
+
hasAttachment: true,
|
81
|
+
width: '400px',
|
82
|
+
buttonText: 'Загрузить файл',
|
83
|
+
buttonValue: '',
|
84
|
+
square: false,
|
85
|
+
enableContentLeft: false,
|
86
|
+
enableContentRight: false,
|
87
|
+
size: 'm',
|
88
|
+
view: 'accent',
|
89
|
+
},
|
90
|
+
argTypes: {
|
91
|
+
view: {
|
92
|
+
options: buttonViewOptions,
|
93
|
+
control: {
|
94
|
+
type: 'select',
|
95
|
+
},
|
96
|
+
},
|
97
|
+
},
|
98
|
+
render: (args) => {
|
99
|
+
const { buttonText, buttonValue, width, size, fileFormat, contentLeft, contentRight, ...rest } = args;
|
100
|
+
const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
|
101
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
102
|
+
|
103
|
+
return (
|
104
|
+
<StoryButton
|
105
|
+
style={{ width }}
|
106
|
+
size={size}
|
107
|
+
buttonType="button"
|
108
|
+
contentLeft={contentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
|
109
|
+
contentRight={contentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
|
110
|
+
acceptedFileFormats={accepted}
|
111
|
+
text={buttonText}
|
112
|
+
value={buttonValue}
|
113
|
+
{...rest}
|
114
|
+
/>
|
115
|
+
);
|
116
|
+
},
|
117
|
+
};
|
118
|
+
|
119
|
+
const StoryIconButton = (props: StoryAttachProps) => {
|
120
|
+
return <Attach {...props} />;
|
121
|
+
};
|
122
|
+
|
123
|
+
export const IconButton: StoryObj<StoryAttachProps> = {
|
124
|
+
args: {
|
125
|
+
fileFormat: 'all',
|
126
|
+
flow: 'horizontal',
|
127
|
+
hasAttachment: true,
|
128
|
+
width: '400px',
|
129
|
+
size: 'm',
|
130
|
+
view: 'accent',
|
131
|
+
},
|
132
|
+
argTypes: {
|
133
|
+
view: {
|
134
|
+
options: iconButtonViewOptions,
|
135
|
+
control: {
|
136
|
+
type: 'select',
|
137
|
+
},
|
138
|
+
},
|
139
|
+
},
|
140
|
+
render: (args) => {
|
141
|
+
const {
|
142
|
+
buttonText,
|
143
|
+
buttonValue,
|
144
|
+
width,
|
145
|
+
size,
|
146
|
+
fileFormat,
|
147
|
+
enableContentLeft,
|
148
|
+
enableContentRight,
|
149
|
+
...rest
|
150
|
+
} = args;
|
151
|
+
const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
|
152
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
153
|
+
|
154
|
+
return (
|
155
|
+
<StoryIconButton
|
156
|
+
style={{ width }}
|
157
|
+
size={size}
|
158
|
+
buttonType="iconButton"
|
159
|
+
contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
|
160
|
+
contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
|
161
|
+
acceptedFileFormats={accepted}
|
162
|
+
text={buttonText}
|
163
|
+
value={buttonValue}
|
164
|
+
{...rest}
|
165
|
+
/>
|
166
|
+
);
|
167
|
+
},
|
168
|
+
};
|
@@ -8,29 +8,26 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
15
15
|
},
|
16
16
|
size: {
|
17
|
-
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 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.75rem;", ":
|
18
|
-
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":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;", ":
|
19
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":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;", ":
|
20
|
-
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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;", ":
|
17
|
+
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 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.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.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
18
|
+
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":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.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.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.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
19
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":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.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
20
|
+
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
|
21
21
|
},
|
22
22
|
labelPlacement: {
|
23
23
|
inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--text-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
24
24
|
outer: /*#__PURE__*/css([""])
|
25
25
|
},
|
26
|
-
clear: {
|
27
|
-
"true": /*#__PURE__*/css([""])
|
28
|
-
},
|
29
26
|
disabled: {
|
30
27
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
|
31
28
|
},
|
32
29
|
readOnly: {
|
33
|
-
"true": /*#__PURE__*/css(["", ":var(--text-
|
30
|
+
"true": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly)
|
34
31
|
}
|
35
32
|
}
|
36
33
|
};
|
@@ -41,12 +41,6 @@ const meta: Meta<typeof TextField> = {
|
|
41
41
|
},
|
42
42
|
if: { arg: 'required', truthy: false },
|
43
43
|
},
|
44
|
-
hasDivider: {
|
45
|
-
control: {
|
46
|
-
type: 'boolean',
|
47
|
-
},
|
48
|
-
if: { arg: 'clear', truthy: true },
|
49
|
-
},
|
50
44
|
view: {
|
51
45
|
options: views,
|
52
46
|
control: {
|
@@ -154,8 +148,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
154
148
|
optional: false,
|
155
149
|
enableContentLeft: true,
|
156
150
|
enableContentRight: true,
|
157
|
-
clear: false,
|
158
|
-
hasDivider: false,
|
159
151
|
},
|
160
152
|
render: (args) => <StoryDemo {...args} />,
|
161
153
|
};
|
@@ -57,4 +57,5 @@ export * from './components/Price';
|
|
57
57
|
export * from './components/Autocomplete';
|
58
58
|
export * from './components/EmptyState';
|
59
59
|
export * from './components/Editable';
|
60
|
-
export * from './components/Mask';
|
60
|
+
export * from './components/Mask';
|
61
|
+
export * from './components/Attach';
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { RootProps } from '../../engines';
|
3
|
+
import { AttachProps } from './Attach.types';
|
4
|
+
export declare const attachRoot: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<AttachProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
export declare const attachConfig: {
|
6
|
+
name: string;
|
7
|
+
tag: string;
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<AttachProps & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
10
|
+
variations: {
|
11
|
+
view: {
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
16
|
+
};
|
17
|
+
};
|
18
|
+
defaults: {
|
19
|
+
view: string;
|
20
|
+
size: string;
|
21
|
+
};
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=Attach.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,uFA+JjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAjKQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAkLtE,CAAC"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
+
export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
4
|
+
export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
//# sourceMappingURL=Attach.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAUnC,CAAC"}
|
@@ -0,0 +1,119 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
auto: string;
|
3
|
+
horizontal: string;
|
4
|
+
vertical: string;
|
5
|
+
cellHidden: string;
|
6
|
+
};
|
7
|
+
export declare const tokens: {
|
8
|
+
horizontalGap: string;
|
9
|
+
verticalGap: string;
|
10
|
+
buttonColor: string;
|
11
|
+
buttonValueColor: string;
|
12
|
+
buttonBackgroundColor: string;
|
13
|
+
buttonColorHover: string;
|
14
|
+
buttonBackgroundColorHover: string;
|
15
|
+
buttonColorActive: string;
|
16
|
+
buttonBackgroundColorActive: string;
|
17
|
+
buttonLoadingBackgroundColor: string;
|
18
|
+
buttonScaleHover: string;
|
19
|
+
buttonScaleActive: string;
|
20
|
+
buttonHeight: string;
|
21
|
+
buttonWidth: string;
|
22
|
+
buttonPadding: string;
|
23
|
+
buttonRadius: string;
|
24
|
+
buttonRadiusCircle: string;
|
25
|
+
buttonFontFamily: string;
|
26
|
+
buttonFontSize: string;
|
27
|
+
buttonFontStyle: string;
|
28
|
+
buttonFontWeight: string;
|
29
|
+
buttonLetterSpacing: string;
|
30
|
+
buttonLineHeight: string;
|
31
|
+
buttonLeftContentMargin: string;
|
32
|
+
buttonLeftContentAlignSelf: string;
|
33
|
+
buttonRightContentMargin: string;
|
34
|
+
buttonRightContentAlignSelf: string;
|
35
|
+
buttonValueMargin: string;
|
36
|
+
buttonDisabledOpacity: string;
|
37
|
+
buttonFocusColor: string;
|
38
|
+
buttonSpinnerColor: string;
|
39
|
+
buttonSpinnerSize: string;
|
40
|
+
cellColor: string;
|
41
|
+
cellBackgroundColor: string;
|
42
|
+
cellPadding: string;
|
43
|
+
cellPaddingLeftContent: string;
|
44
|
+
cellPaddingContent: string;
|
45
|
+
cellPaddingRightContent: string;
|
46
|
+
cellTextboxGap: string;
|
47
|
+
cellGap: string;
|
48
|
+
cellWidth: string;
|
49
|
+
cellLabelColor: string;
|
50
|
+
cellLabelFontFamily: string;
|
51
|
+
cellLabelFontSize: string;
|
52
|
+
cellLabelFontStyle: string;
|
53
|
+
cellLabelFontWeight: string;
|
54
|
+
cellLabelLetterSpacing: string;
|
55
|
+
cellLabelLineHeight: string;
|
56
|
+
cellTitleColor: string;
|
57
|
+
cellTitleFontFamily: string;
|
58
|
+
cellTitleFontSize: string;
|
59
|
+
cellTitleFontStyle: string;
|
60
|
+
cellTitleFontWeight: string;
|
61
|
+
cellTitleLetterSpacing: string;
|
62
|
+
cellTitleLineHeight: string;
|
63
|
+
cellSubtitleColor: string;
|
64
|
+
cellSubtitleFontFamily: string;
|
65
|
+
cellSubtitleFontSize: string;
|
66
|
+
cellSubtitleFontStyle: string;
|
67
|
+
cellSubtitleFontWeight: string;
|
68
|
+
cellSubtitleLetterSpacing: string;
|
69
|
+
cellSubtitleLineHeight: string;
|
70
|
+
iconButtonColor: string;
|
71
|
+
iconButtonBackgroundColor: string;
|
72
|
+
iconButtonLoadingBackgroundColor: string;
|
73
|
+
iconButtonColorHover: string;
|
74
|
+
iconButtonBackgroundColorHover: string;
|
75
|
+
iconButtonColorActive: string;
|
76
|
+
iconButtonBackgroundColorActive: string;
|
77
|
+
iconButtonScaleHover: string;
|
78
|
+
iconButtonScaleActive: string;
|
79
|
+
iconButtonHeight: string;
|
80
|
+
iconButtonWidth: string;
|
81
|
+
iconButtonPadding: string;
|
82
|
+
iconButtonRadius: string;
|
83
|
+
iconButtonRadiusCircle: string;
|
84
|
+
iconButtonFontFamily: string;
|
85
|
+
iconButtonFontSize: string;
|
86
|
+
iconButtonFontStyle: string;
|
87
|
+
iconButtonFontWeight: string;
|
88
|
+
iconButtonLetterSpacing: string;
|
89
|
+
iconButtonLineHeight: string;
|
90
|
+
iconButtonDisabledOpacity: string;
|
91
|
+
iconButtonFocusColor: string;
|
92
|
+
iconButtonSpinnerColor: string;
|
93
|
+
iconButtonSpinnerSize: string;
|
94
|
+
iconButtonCancelColor: string;
|
95
|
+
iconButtonCancelBackgroundColor: string;
|
96
|
+
iconButtonCancelLoadingBackgroundColor: string;
|
97
|
+
iconButtonCancelColorHover: string;
|
98
|
+
iconButtonCancelBackgroundColorHover: string;
|
99
|
+
iconButtonCancelColorActive: string;
|
100
|
+
iconButtonCancelBackgroundColorActive: string;
|
101
|
+
iconButtonCancelScaleHover: string;
|
102
|
+
iconButtonCancelScaleActive: string;
|
103
|
+
iconButtonCancelHeight: string;
|
104
|
+
iconButtonCancelWidth: string;
|
105
|
+
iconButtonCancelPadding: string;
|
106
|
+
iconButtonCancelRadius: string;
|
107
|
+
iconButtonCancelRadiusCircle: string;
|
108
|
+
iconButtonCancelFontFamily: string;
|
109
|
+
iconButtonCancelFontSize: string;
|
110
|
+
iconButtonCancelFontStyle: string;
|
111
|
+
iconButtonCancelFontWeight: string;
|
112
|
+
iconButtonCancelLetterSpacing: string;
|
113
|
+
iconButtonCancelLineHeight: string;
|
114
|
+
iconButtonCancelDisabledOpacity: string;
|
115
|
+
iconButtonCancelFocusColor: string;
|
116
|
+
iconButtonCancelSpinnerColor: string;
|
117
|
+
iconButtonCancelSpinnerSize: string;
|
118
|
+
};
|
119
|
+
//# sourceMappingURL=Attach.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IlB,CAAC"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
|
+
import React from 'react';
|
3
|
+
import { ButtonProps } from '../Button/Button.types';
|
4
|
+
export declare type BaseAttachProps = {
|
5
|
+
/**
|
6
|
+
* Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
|
7
|
+
*/
|
8
|
+
acceptedFileFormats?: string[];
|
9
|
+
/**
|
10
|
+
* Отображать прикрепленный файл
|
11
|
+
* @default true
|
12
|
+
*/
|
13
|
+
hasAttachment?: boolean;
|
14
|
+
/**
|
15
|
+
* Расположение элементов.
|
16
|
+
* По умолчанию 'auto' – автоматический перенос элемента в случае нехватки ширины контейнера.
|
17
|
+
* @default 'auto'
|
18
|
+
*/
|
19
|
+
flow?: 'horizontal' | 'vertical' | 'auto';
|
20
|
+
/**
|
21
|
+
* Размер Attach
|
22
|
+
*/
|
23
|
+
size?: string;
|
24
|
+
/**
|
25
|
+
* Вид Attach
|
26
|
+
*/
|
27
|
+
view?: string;
|
28
|
+
};
|
29
|
+
export declare type AttachButtonProps = ({
|
30
|
+
/**
|
31
|
+
* Тип кнопки. 'button' – обычная кнопка. 'iconButton' – кнопка с иконкой.
|
32
|
+
* @default 'button'
|
33
|
+
*/
|
34
|
+
buttonType?: 'button';
|
35
|
+
} | {
|
36
|
+
buttonType?: 'iconButton';
|
37
|
+
/**
|
38
|
+
* Иконка
|
39
|
+
*/
|
40
|
+
icon?: React.ReactNode;
|
41
|
+
}) & ButtonProps;
|
42
|
+
export declare type AttachProps = HTMLAttributes<HTMLDivElement> & ButtonProps & BaseAttachProps & AttachButtonProps;
|
43
|
+
//# sourceMappingURL=Attach.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AttachButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAoBvD,eAAO,MAAM,YAAY,6FAavB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/components/AttachButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
|
3
|
+
text?: string | undefined;
|
4
|
+
contentLeft?: import("react").ReactNode;
|
5
|
+
contentPlacing?: ("default" | "relaxed") | undefined;
|
6
|
+
isLoading?: boolean | undefined;
|
7
|
+
loader?: import("react").ReactNode;
|
8
|
+
stretch?: boolean | undefined;
|
9
|
+
stretching?: ("auto" | "fixed" | "filled") | undefined;
|
10
|
+
square?: boolean | undefined;
|
11
|
+
focused?: boolean | undefined;
|
12
|
+
disabled?: boolean | undefined;
|
13
|
+
pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
|
14
|
+
view?: string | undefined;
|
15
|
+
size?: string | undefined;
|
16
|
+
outlined?: boolean | undefined;
|
17
|
+
shiftLeft?: boolean | undefined;
|
18
|
+
shiftRight?: boolean | undefined;
|
19
|
+
blur?: "small" | "medium" | "large" | undefined;
|
20
|
+
} & {
|
21
|
+
value?: string | number | undefined;
|
22
|
+
contentRight?: undefined;
|
23
|
+
} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
|
24
|
+
text?: string | undefined;
|
25
|
+
contentLeft?: import("react").ReactNode;
|
26
|
+
contentPlacing?: ("default" | "relaxed") | undefined;
|
27
|
+
isLoading?: boolean | undefined;
|
28
|
+
loader?: import("react").ReactNode;
|
29
|
+
stretch?: boolean | undefined;
|
30
|
+
stretching?: ("auto" | "fixed" | "filled") | undefined;
|
31
|
+
square?: boolean | undefined;
|
32
|
+
focused?: boolean | undefined;
|
33
|
+
disabled?: boolean | undefined;
|
34
|
+
pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
|
35
|
+
view?: string | undefined;
|
36
|
+
size?: string | undefined;
|
37
|
+
outlined?: boolean | undefined;
|
38
|
+
shiftLeft?: boolean | undefined;
|
39
|
+
shiftRight?: boolean | undefined;
|
40
|
+
blur?: "small" | "medium" | "large" | undefined;
|
41
|
+
} & {
|
42
|
+
value?: undefined;
|
43
|
+
contentRight?: import("react").ReactNode;
|
44
|
+
} & import("react").RefAttributes<HTMLButtonElement>))>;
|
45
|
+
//# sourceMappingURL=Button.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAoCxB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|