@salutejs/plasma-new-hope 0.149.0-canary.1437.10948458812.0 → 0.149.0-canary.1445.10941168954.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Cell/Cell.js +2 -3
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Chip/Chip.js +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.tokens.js +2 -1
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/ChipGroup/ChipGroup.css +7 -0
- package/cjs/components/ChipGroup/ChipGroup.js +63 -0
- package/cjs/components/ChipGroup/ChipGroup.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js +50 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/cjs/components/{Attach/variations/_size → ChipGroup/variations/_gap}/base.js +2 -2
- package/cjs/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/cjs/components/{Attach/variations/_view → ChipGroup/variations/_size}/base.js +2 -2
- package/cjs/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/cjs/components/ChipGroup/variations/_view/base.js +9 -0
- package/cjs/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- package/cjs/index.css +8 -15
- package/cjs/index.js +7 -5
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.js +2 -3
- package/emotion/cjs/components/Chip/Chip.js +1 -1
- package/emotion/cjs/components/Chip/Chip.tokens.js +2 -1
- package/emotion/cjs/components/Chip/index.js +6 -0
- package/{styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js → emotion/cjs/components/ChipGroup/ChipGroup.js} +50 -36
- package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/emotion/cjs/components/ChipGroup/index.js +31 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/emotion/cjs/components/_Icon/index.js +1 -57
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/emotion/cjs/index.js +11 -11
- package/emotion/es/components/Cell/Cell.js +2 -3
- package/emotion/es/components/Chip/Chip.js +1 -1
- package/emotion/es/components/Chip/Chip.tokens.js +2 -1
- package/emotion/es/components/Chip/index.js +1 -1
- package/emotion/es/components/ChipGroup/ChipGroup.js +56 -0
- package/emotion/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/emotion/es/components/ChipGroup/index.js +2 -0
- package/emotion/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/emotion/es/components/_Icon/index.js +1 -9
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/emotion/es/index.js +2 -2
- package/es/components/Cell/Cell.js +2 -3
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Chip/Chip.js +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +2 -1
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.css +7 -0
- package/es/components/ChipGroup/ChipGroup.js +58 -0
- package/es/components/ChipGroup/ChipGroup.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles.js +5 -0
- package/es/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js +45 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/es/components/{Attach/variations/_view → ChipGroup/variations/_gap}/base.js +2 -2
- package/es/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/es/components/{Attach → ChipGroup}/variations/_size/base.js +2 -2
- package/es/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/es/components/ChipGroup/variations/_view/base.js +5 -0
- package/es/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- package/es/index.css +8 -15
- package/es/index.js +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +2 -3
- package/styled-components/cjs/components/Chip/Chip.js +1 -1
- package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/cjs/components/Chip/index.js +6 -0
- package/{emotion/cjs/components/Attach/components/AttachButton/AttachButton.js → styled-components/cjs/components/ChipGroup/ChipGroup.js} +50 -36
- package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/styled-components/cjs/components/ChipGroup/index.js +31 -0
- package/styled-components/cjs/components/{Attach/variations/_view → ChipGroup/variations/_gap}/base.js +2 -2
- package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/styled-components/cjs/components/_Icon/index.js +1 -57
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/styled-components/cjs/index.js +11 -11
- package/styled-components/es/components/Cell/Cell.js +2 -3
- package/styled-components/es/components/Chip/Chip.js +1 -1
- package/styled-components/es/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/es/components/Chip/index.js +1 -1
- package/styled-components/es/components/ChipGroup/ChipGroup.js +56 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/styled-components/es/components/ChipGroup/index.js +2 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/styled-components/es/components/_Icon/index.js +1 -9
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +93 -0
- package/styled-components/es/index.js +2 -2
- 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/Chip/Chip.tokens.d.ts +1 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/index.d.ts +1 -1
- package/types/components/Chip/index.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.d.ts +27 -0
- package/types/components/ChipGroup/ChipGroup.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts +2 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts +43 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts +42 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts.map +1 -0
- package/types/components/ChipGroup/index.d.ts +3 -0
- package/types/components/ChipGroup/index.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_view/base.d.ts +2 -0
- package/types/components/ChipGroup/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
- package/types/components/_Icon/index.d.ts +0 -8
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts +24 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.css +0 -48
- package/cjs/components/Attach/Attach.js +0 -182
- package/cjs/components/Attach/Attach.js.map +0 -1
- package/cjs/components/Attach/Attach.styles.js +0 -23
- package/cjs/components/Attach/Attach.styles.js.map +0 -1
- package/cjs/components/Attach/Attach.styles_fl8wha.css +0 -3
- package/cjs/components/Attach/Attach.tokens.js +0 -130
- package/cjs/components/Attach/Attach.tokens.js.map +0 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +0 -34
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +0 -49
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +0 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js +0 -23
- package/cjs/components/Attach/ui/Button/Button.styles.js.map +0 -1
- package/cjs/components/Attach/ui/Button/Button.styles_bj69th.css +0 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -25
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +0 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles_69w962.css +0 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -32
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +0 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
- package/cjs/components/Attach/utils/extractExtension.js +0 -10
- package/cjs/components/Attach/utils/extractExtension.js.map +0 -1
- package/cjs/components/Attach/utils/getFileicon.js +0 -45
- package/cjs/components/Attach/utils/getFileicon.js.map +0 -1
- package/cjs/components/Attach/utils/truncateFilename.js +0 -24
- package/cjs/components/Attach/utils/truncateFilename.js.map +0 -1
- package/cjs/components/Attach/variations/_size/base.js.map +0 -1
- package/cjs/components/Attach/variations/_size/base_eax0b8.css +0 -1
- package/cjs/components/Attach/variations/_view/base.js.map +0 -1
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -33
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +0 -37
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js +0 -24
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -29
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -33
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -33
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -24
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/Plus.js +0 -24
- package/cjs/components/_Icon/Icon.assets/Plus.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconPlus.js +0 -23
- package/cjs/components/_Icon/Icons/IconPlus.js.map +0 -1
- package/emotion/cjs/components/Attach/Attach.js +0 -187
- package/emotion/cjs/components/Attach/Attach.styles.js +0 -36
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +0 -63
- package/emotion/cjs/components/Attach/Attach.tokens.js +0 -128
- package/emotion/cjs/components/Attach/components/AttachButton/index.js +0 -12
- package/emotion/cjs/components/Attach/index.js +0 -25
- package/emotion/cjs/components/Attach/ui/Button/Button.js +0 -12
- package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +0 -17
- package/emotion/cjs/components/Attach/ui/Cell/Cell.js +0 -12
- package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -17
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +0 -12
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -21
- package/emotion/cjs/components/Attach/utils/extractExtension.js +0 -9
- package/emotion/cjs/components/Attach/utils/getFileicon.js +0 -38
- package/emotion/cjs/components/Attach/utils/index.js +0 -26
- package/emotion/cjs/components/Attach/utils/truncateFilename.js +0 -23
- package/emotion/cjs/components/Attach/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Attach/variations/_view/base.js +0 -9
- package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -32
- package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +0 -36
- package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +0 -23
- package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -28
- package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -32
- package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -32
- package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -23
- package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +0 -23
- package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconPlus.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +0 -37
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +0 -181
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +0 -37
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +0 -181
- package/emotion/es/components/Attach/Attach.js +0 -178
- package/emotion/es/components/Attach/Attach.styles.js +0 -29
- package/emotion/es/components/Attach/Attach.template-doc.mdx +0 -63
- package/emotion/es/components/Attach/Attach.tokens.js +0 -122
- package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +0 -42
- package/emotion/es/components/Attach/components/AttachButton/index.js +0 -1
- package/emotion/es/components/Attach/index.js +0 -2
- package/emotion/es/components/Attach/ui/Button/Button.js +0 -1
- package/emotion/es/components/Attach/ui/Button/Button.styles.js +0 -10
- package/emotion/es/components/Attach/ui/Cell/Cell.js +0 -1
- package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +0 -10
- package/emotion/es/components/Attach/ui/IconButton/IconButton.js +0 -1
- package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -14
- package/emotion/es/components/Attach/utils/extractExtension.js +0 -3
- package/emotion/es/components/Attach/utils/getFileicon.js +0 -31
- package/emotion/es/components/Attach/utils/index.js +0 -3
- package/emotion/es/components/Attach/utils/truncateFilename.js +0 -17
- package/emotion/es/components/Attach/variations/_size/base.js +0 -3
- package/emotion/es/components/Attach/variations/_view/base.js +0 -3
- package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -25
- package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +0 -29
- package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +0 -16
- package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -21
- package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -25
- package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -25
- package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -16
- package/emotion/es/components/_Icon/Icon.assets/Plus.js +0 -16
- package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconPlus.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +0 -31
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +0 -181
- package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +0 -31
- package/emotion/es/examples/plasma_web/components/Attach/Attach.js +0 -5
- package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +0 -181
- package/es/components/Attach/Attach.css +0 -48
- package/es/components/Attach/Attach.js +0 -177
- package/es/components/Attach/Attach.js.map +0 -1
- package/es/components/Attach/Attach.styles.js +0 -17
- package/es/components/Attach/Attach.styles.js.map +0 -1
- package/es/components/Attach/Attach.styles_fl8wha.css +0 -3
- package/es/components/Attach/Attach.tokens.js +0 -125
- package/es/components/Attach/Attach.tokens.js.map +0 -1
- package/es/components/Attach/components/AttachButton/AttachButton.css +0 -34
- package/es/components/Attach/components/AttachButton/AttachButton.js +0 -45
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +0 -1
- package/es/components/Attach/ui/Button/Button.styles.js +0 -19
- package/es/components/Attach/ui/Button/Button.styles.js.map +0 -1
- package/es/components/Attach/ui/Button/Button.styles_bj69th.css +0 -1
- package/es/components/Attach/ui/Cell/Cell.styles.js +0 -21
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +0 -1
- package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +0 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -27
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +0 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
- package/es/components/Attach/utils/extractExtension.js +0 -6
- package/es/components/Attach/utils/extractExtension.js.map +0 -1
- package/es/components/Attach/utils/getFileicon.js +0 -41
- package/es/components/Attach/utils/getFileicon.js.map +0 -1
- package/es/components/Attach/utils/truncateFilename.js +0 -20
- package/es/components/Attach/utils/truncateFilename.js.map +0 -1
- package/es/components/Attach/variations/_size/base.js.map +0 -1
- package/es/components/Attach/variations/_size/base_eax0b8.css +0 -1
- package/es/components/Attach/variations/_view/base.js.map +0 -1
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -29
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js +0 -33
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/BlankOutline.js +0 -20
- package/es/components/_Icon/Icon.assets/BlankOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -25
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -29
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -29
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -20
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +0 -1
- package/es/components/_Icon/Icon.assets/Plus.js +0 -20
- package/es/components/_Icon/Icon.assets/Plus.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankDocOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js +0 -19
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js +0 -19
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconPlus.js +0 -19
- package/es/components/_Icon/Icons/IconPlus.js.map +0 -1
- package/styled-components/cjs/components/Attach/Attach.js +0 -187
- package/styled-components/cjs/components/Attach/Attach.styles.js +0 -18
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +0 -63
- package/styled-components/cjs/components/Attach/Attach.tokens.js +0 -128
- package/styled-components/cjs/components/Attach/components/AttachButton/index.js +0 -12
- package/styled-components/cjs/components/Attach/index.js +0 -25
- package/styled-components/cjs/components/Attach/ui/Button/Button.js +0 -12
- package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +0 -16
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +0 -12
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -16
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +0 -12
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -19
- package/styled-components/cjs/components/Attach/utils/extractExtension.js +0 -9
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +0 -38
- package/styled-components/cjs/components/Attach/utils/index.js +0 -26
- package/styled-components/cjs/components/Attach/utils/truncateFilename.js +0 -23
- package/styled-components/cjs/components/Attach/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -32
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +0 -36
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +0 -23
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -28
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -32
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -32
- package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -23
- package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +0 -23
- package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +0 -37
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +0 -181
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +0 -37
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +0 -181
- package/styled-components/es/components/Attach/Attach.js +0 -178
- package/styled-components/es/components/Attach/Attach.styles.js +0 -10
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +0 -63
- package/styled-components/es/components/Attach/Attach.tokens.js +0 -122
- package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +0 -42
- package/styled-components/es/components/Attach/components/AttachButton/index.js +0 -1
- package/styled-components/es/components/Attach/index.js +0 -2
- package/styled-components/es/components/Attach/ui/Button/Button.js +0 -1
- package/styled-components/es/components/Attach/ui/Button/Button.styles.js +0 -9
- package/styled-components/es/components/Attach/ui/Cell/Cell.js +0 -1
- package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +0 -9
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +0 -1
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -12
- package/styled-components/es/components/Attach/utils/extractExtension.js +0 -3
- package/styled-components/es/components/Attach/utils/getFileicon.js +0 -31
- package/styled-components/es/components/Attach/utils/index.js +0 -3
- package/styled-components/es/components/Attach/utils/truncateFilename.js +0 -17
- package/styled-components/es/components/Attach/variations/_size/base.js +0 -3
- package/styled-components/es/components/Attach/variations/_view/base.js +0 -3
- package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +0 -25
- package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +0 -29
- package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +0 -16
- package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +0 -21
- package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +0 -25
- package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +0 -25
- package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +0 -16
- package/styled-components/es/components/_Icon/Icon.assets/Plus.js +0 -16
- package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconPlus.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +0 -31
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +0 -181
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +0 -31
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +0 -181
- package/types/components/Attach/Attach.d.ts +0 -23
- package/types/components/Attach/Attach.d.ts.map +0 -1
- package/types/components/Attach/Attach.styles.d.ts +0 -5
- package/types/components/Attach/Attach.styles.d.ts.map +0 -1
- package/types/components/Attach/Attach.tokens.d.ts +0 -119
- package/types/components/Attach/Attach.tokens.d.ts.map +0 -1
- package/types/components/Attach/Attach.types.d.ts +0 -43
- package/types/components/Attach/Attach.types.d.ts.map +0 -1
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts +0 -4
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +0 -1
- package/types/components/Attach/components/AttachButton/index.d.ts +0 -2
- package/types/components/Attach/components/AttachButton/index.d.ts.map +0 -1
- package/types/components/Attach/index.d.ts +0 -4
- package/types/components/Attach/index.d.ts.map +0 -1
- package/types/components/Attach/ui/Button/Button.d.ts +0 -2
- package/types/components/Attach/ui/Button/Button.d.ts.map +0 -1
- package/types/components/Attach/ui/Button/Button.styles.d.ts +0 -45
- package/types/components/Attach/ui/Button/Button.styles.d.ts.map +0 -1
- package/types/components/Attach/ui/Cell/Cell.d.ts +0 -2
- package/types/components/Attach/ui/Cell/Cell.d.ts.map +0 -1
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts +0 -33
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +0 -1
- package/types/components/Attach/ui/IconButton/IconButton.d.ts +0 -2
- package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +0 -1
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +0 -88
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +0 -1
- package/types/components/Attach/utils/extractExtension.d.ts +0 -2
- package/types/components/Attach/utils/extractExtension.d.ts.map +0 -1
- package/types/components/Attach/utils/getFileicon.d.ts +0 -3
- package/types/components/Attach/utils/getFileicon.d.ts.map +0 -1
- package/types/components/Attach/utils/index.d.ts +0 -4
- package/types/components/Attach/utils/index.d.ts.map +0 -1
- package/types/components/Attach/utils/truncateFilename.d.ts +0 -7
- package/types/components/Attach/utils/truncateFilename.d.ts.map +0 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +0 -1
- package/types/components/Attach/variations/_view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/Plus.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/Plus.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconPlus.d.ts +0 -4
- package/types/components/_Icon/Icons/IconPlus.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +0 -30
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +0 -224
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +0 -30
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +0 -224
- package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +0 -1
- /package/emotion/cjs/components/{Attach/Attach.types.js → ChipGroup/ChipGroup.types.js} +0 -0
- /package/emotion/es/components/{Attach/Attach.types.js → ChipGroup/ChipGroup.types.js} +0 -0
- /package/styled-components/cjs/components/{Attach/Attach.types.js → ChipGroup/ChipGroup.types.js} +0 -0
- /package/styled-components/es/components/{Attach/Attach.types.js → ChipGroup/ChipGroup.types.js} +0 -0
- /package/types/components/{Attach/variations/_size → ChipGroup/variations/_gap}/base.d.ts +0 -0
- /package/types/components/{Attach/variations/_view → ChipGroup/variations/_size}/base.d.ts +0 -0
@@ -0,0 +1,19 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const ChipGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
secondary: import("@linaria/core").LinariaClassName;
|
6
|
+
accent: import("@linaria/core").LinariaClassName;
|
7
|
+
};
|
8
|
+
size: {
|
9
|
+
l: import("@linaria/core").LinariaClassName;
|
10
|
+
m: import("@linaria/core").LinariaClassName;
|
11
|
+
s: import("@linaria/core").LinariaClassName;
|
12
|
+
xs: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
gap: {
|
15
|
+
dense: import("@linaria/core").LinariaClassName;
|
16
|
+
wide: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
}> & import("../../../../components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
19
|
+
//# sourceMappingURL=ChipGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ChipGroup /ChipGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;+HAA0B,CAAC"}
|
@@ -12,7 +12,7 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
|
|
12
12
|
};
|
13
13
|
}> & (({
|
14
14
|
size?: string | undefined;
|
15
|
-
view
|
15
|
+
view: string;
|
16
16
|
contentLeft?: import("react").ReactNode;
|
17
17
|
contentRight?: import("react").ReactNode;
|
18
18
|
alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
|
@@ -27,7 +27,7 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
|
|
27
27
|
children?: undefined;
|
28
28
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
29
29
|
size?: string | undefined;
|
30
|
-
view
|
30
|
+
view: string;
|
31
31
|
contentLeft?: import("react").ReactNode;
|
32
32
|
contentRight?: import("react").ReactNode;
|
33
33
|
alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
default: import("@linaria/core").LinariaClassName;
|
9
|
+
secondary: import("@linaria/core").LinariaClassName;
|
10
|
+
accent: import("@linaria/core").LinariaClassName;
|
11
|
+
};
|
12
|
+
size: {
|
13
|
+
l: import("@linaria/core").LinariaClassName;
|
14
|
+
m: import("@linaria/core").LinariaClassName;
|
15
|
+
s: import("@linaria/core").LinariaClassName;
|
16
|
+
xs: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
gap: {
|
19
|
+
dense: import("@linaria/core").LinariaClassName;
|
20
|
+
wide: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
};
|
23
|
+
};
|
24
|
+
//# sourceMappingURL=ChipGroup.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ChipGroup /ChipGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2IlB,CAAC"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const ChipGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
secondary: import("@linaria/core").LinariaClassName;
|
6
|
+
accent: import("@linaria/core").LinariaClassName;
|
7
|
+
};
|
8
|
+
size: {
|
9
|
+
l: import("@linaria/core").LinariaClassName;
|
10
|
+
m: import("@linaria/core").LinariaClassName;
|
11
|
+
s: import("@linaria/core").LinariaClassName;
|
12
|
+
xs: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
gap: {
|
15
|
+
dense: import("@linaria/core").LinariaClassName;
|
16
|
+
wide: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
}> & import("../../../../components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
19
|
+
//# sourceMappingURL=ChipGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ChipGroup /ChipGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;+HAA0B,CAAC"}
|
package/types/index.d.ts
CHANGED
@@ -7,6 +7,7 @@ export * from './components/IconButton';
|
|
7
7
|
export * from './components/ButtonGroup';
|
8
8
|
export * from './components/Breadcrumbs';
|
9
9
|
export * from './components/Chip';
|
10
|
+
export * from './components/ChipGroup';
|
10
11
|
export * from './components/Cell';
|
11
12
|
export * from './components/Link';
|
12
13
|
export * from './components/Spinner';
|
@@ -55,5 +56,4 @@ export * from './components/Price';
|
|
55
56
|
export * from './components/Autocomplete';
|
56
57
|
export * from './components/EmptyState';
|
57
58
|
export * from './components/Editable';
|
58
|
-
export * from './components/Attach';
|
59
59
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC"}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_horizontal__bf96e72c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_vertical__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_auto__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
|
4
|
-
|
5
|
-
.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
6
|
-
|
7
|
-
.Attach_styles_fl8wha_by826kf__6f4ae4c2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
8
|
-
.Attach_styles_fl8wha_sw7vb9c__6f4ae4c2{display:none;}
|
9
|
-
.Attach_styles_fl8wha_suojwhg__6f4ae4c2{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
|
10
|
-
|
11
|
-
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
12
|
-
|
13
|
-
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
14
|
-
|
15
|
-
.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
|
16
|
-
|
17
|
-
.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
|
18
|
-
|
19
|
-
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
20
|
-
|
21
|
-
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
22
|
-
|
23
|
-
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
24
|
-
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
25
|
-
|
26
|
-
.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
27
|
-
.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
28
|
-
.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
29
|
-
.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
|
30
|
-
.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
31
|
-
.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
|
32
|
-
.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
|
33
|
-
.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
|
34
|
-
|
35
|
-
.base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
36
|
-
|
37
|
-
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
|
38
|
-
|
39
|
-
.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
|
40
|
-
|
41
|
-
.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
|
42
|
-
|
43
|
-
.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
44
|
-
|
45
|
-
.IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
46
|
-
|
47
|
-
.IconButton_styles_1q2jfs2_s15ptif0__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
48
|
-
.IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
@@ -1,182 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
var plasmaCore = require('@salutejs/plasma-core');
|
8
|
-
var index = require('../../utils/index.js');
|
9
|
-
require('@linaria/react');
|
10
|
-
var IconCloseCircleOutline = require('../_Icon/Icons/IconCloseCircleOutline.js');
|
11
|
-
var base$1 = require('./variations/_size/base.js');
|
12
|
-
var base = require('./variations/_view/base.js');
|
13
|
-
var Attach_styles = require('./Attach.styles.js');
|
14
|
-
var Cell_styles = require('./ui/Cell/Cell.styles.js');
|
15
|
-
var extractExtension = require('./utils/extractExtension.js');
|
16
|
-
var getFileicon = require('./utils/getFileicon.js');
|
17
|
-
var truncateFilename = require('./utils/truncateFilename.js');
|
18
|
-
var Attach_tokens = require('./Attach.tokens.js');
|
19
|
-
var AttachButton = require('./components/AttachButton/AttachButton.js');
|
20
|
-
var IconButton_styles = require('./ui/IconButton/IconButton.styles.js');
|
21
|
-
|
22
|
-
var _IconCloseCircleOutli;
|
23
|
-
var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
|
24
|
-
var attachRoot = function attachRoot(Root) {
|
25
|
-
return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
|
26
|
-
var _props$flow = props.flow,
|
27
|
-
flow = _props$flow === void 0 ? 'auto' : _props$flow,
|
28
|
-
_props$buttonType = props.buttonType,
|
29
|
-
buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
|
30
|
-
_props$hasAttachment = props.hasAttachment,
|
31
|
-
hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
|
32
|
-
acceptedFileFormats = props.acceptedFileFormats,
|
33
|
-
size = props.size,
|
34
|
-
view = props.view,
|
35
|
-
className = props.className,
|
36
|
-
style = props.style,
|
37
|
-
isLoading = props.isLoading,
|
38
|
-
disabled = props.disabled,
|
39
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
40
|
-
var innerRef = React.useRef(null);
|
41
|
-
var ref = plasmaCore.useForkRef(outerRef, innerRef);
|
42
|
-
var inputRef = React.useRef(null);
|
43
|
-
var inputHelperRef = React.useRef(null);
|
44
|
-
var cellRef = React.useRef(null);
|
45
|
-
var buttonRef = React.useRef(null);
|
46
|
-
var emptyTextCellWidth = React.useRef(null);
|
47
|
-
var _useState = React.useState(''),
|
48
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
49
|
-
filename = _useState2[0],
|
50
|
-
setFilename = _useState2[1];
|
51
|
-
var _useState3 = React.useState(''),
|
52
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
53
|
-
truncatedFilename = _useState4[0],
|
54
|
-
setTruncatedFilename = _useState4[1];
|
55
|
-
var horizontalClass = flow === 'horizontal' ? Attach_tokens.classes.horizontal : undefined;
|
56
|
-
var verticalClass = flow === 'vertical' ? Attach_tokens.classes.vertical : undefined;
|
57
|
-
var autoClass = flow === 'auto' ? Attach_tokens.classes.auto : undefined;
|
58
|
-
var cellHiddenClass = truncatedFilename.length === 0 ? Attach_tokens.classes.cellHidden : undefined;
|
59
|
-
var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
|
60
|
-
var extension = extractExtension.extractExtension(filename);
|
61
|
-
var cellContentLeft = getFileicon.getFileicon(extension, size);
|
62
|
-
React.useEffect(function () {
|
63
|
-
var _cellRef$current;
|
64
|
-
emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
|
65
|
-
}, []);
|
66
|
-
plasmaCore.useIsomorphicLayoutEffect(function () {
|
67
|
-
if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
|
68
|
-
return;
|
69
|
-
}
|
70
|
-
var textWidth = inputHelperRef.current.offsetWidth;
|
71
|
-
var buttonWidth = buttonRef.current.offsetWidth;
|
72
|
-
var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
|
73
|
-
parentWidth = _cellRef$current$pare.width,
|
74
|
-
parentLeft = _cellRef$current$pare.left;
|
75
|
-
var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
|
76
|
-
cellLeft = _cellRef$current$getB.left;
|
77
|
-
var leftDiff = cellLeft - parentLeft;
|
78
|
-
var currentTextWidth = textWidth;
|
79
|
-
var currFilename = filename;
|
80
|
-
for (var i = filename.length - 1; i > 0; i -= 1) {
|
81
|
-
if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
|
82
|
-
break;
|
83
|
-
}
|
84
|
-
var newFilename = truncateFilename.truncateFilename({
|
85
|
-
filename: inputHelperRef.current.textContent,
|
86
|
-
startNameTruncationIndex: i
|
87
|
-
});
|
88
|
-
inputHelperRef.current.textContent = newFilename;
|
89
|
-
currentTextWidth = inputHelperRef.current.offsetWidth;
|
90
|
-
if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
|
91
|
-
break;
|
92
|
-
}
|
93
|
-
currFilename = newFilename;
|
94
|
-
}
|
95
|
-
inputHelperRef.current.textContent = filename;
|
96
|
-
setTruncatedFilename(currFilename);
|
97
|
-
});
|
98
|
-
var handleClick = function handleClick() {
|
99
|
-
if (!inputRef.current) {
|
100
|
-
return;
|
101
|
-
}
|
102
|
-
inputRef.current.click();
|
103
|
-
};
|
104
|
-
var handleChange = function handleChange() {
|
105
|
-
if (!inputRef.current || !inputRef.current.files) {
|
106
|
-
return;
|
107
|
-
}
|
108
|
-
setFilename(inputRef.current.files[0].name);
|
109
|
-
};
|
110
|
-
var handleClear = function handleClear() {
|
111
|
-
if (!inputRef.current) {
|
112
|
-
return;
|
113
|
-
}
|
114
|
-
inputRef.current.value = '';
|
115
|
-
setFilename('');
|
116
|
-
setTruncatedFilename('');
|
117
|
-
};
|
118
|
-
return /*#__PURE__*/React.createElement(Root, {
|
119
|
-
className: index.cx(horizontalClass, verticalClass, autoClass, className),
|
120
|
-
style: style,
|
121
|
-
size: size,
|
122
|
-
view: view,
|
123
|
-
ref: ref
|
124
|
-
}, /*#__PURE__*/React.createElement(Attach_styles.StyledHiddenInput, {
|
125
|
-
ref: inputRef,
|
126
|
-
accept: accept,
|
127
|
-
type: "file",
|
128
|
-
id: "attachHiddenInput",
|
129
|
-
name: "attachHiddenInput",
|
130
|
-
onChange: handleChange
|
131
|
-
}), /*#__PURE__*/React.createElement(Attach_styles.StyledHiddenInputHelper, {
|
132
|
-
ref: inputHelperRef,
|
133
|
-
id: "attachHiddenInputHelper"
|
134
|
-
}, filename), /*#__PURE__*/React.createElement(AttachButton.AttachButton, _rollupPluginBabelHelpers.extends({
|
135
|
-
buttonType: buttonType,
|
136
|
-
view: view,
|
137
|
-
size: size,
|
138
|
-
onClick: handleClick,
|
139
|
-
isLoading: isLoading,
|
140
|
-
disabled: disabled,
|
141
|
-
ref: buttonRef
|
142
|
-
}, rest)), hasAttachment && /*#__PURE__*/React.createElement(Cell_styles.StyledCell, {
|
143
|
-
stretching: "fixed",
|
144
|
-
className: cellHiddenClass,
|
145
|
-
ref: cellRef,
|
146
|
-
size: size,
|
147
|
-
title: truncatedFilename,
|
148
|
-
contentLeft: cellContentLeft,
|
149
|
-
contentRight: /*#__PURE__*/React.createElement(IconButton_styles.StyledIconButtonCancel, {
|
150
|
-
view: view,
|
151
|
-
size: size,
|
152
|
-
isLoading: isLoading,
|
153
|
-
disabled: disabled,
|
154
|
-
onClick: handleClear
|
155
|
-
}, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(IconCloseCircleOutline.IconCloseCircleOutline, {
|
156
|
-
size: "xs"
|
157
|
-
})))
|
158
|
-
}));
|
159
|
-
});
|
160
|
-
};
|
161
|
-
var attachConfig = {
|
162
|
-
name: 'Attach',
|
163
|
-
tag: 'div',
|
164
|
-
layout: attachRoot,
|
165
|
-
base: Attach_styles.base,
|
166
|
-
variations: {
|
167
|
-
view: {
|
168
|
-
css: base.base
|
169
|
-
},
|
170
|
-
size: {
|
171
|
-
css: base$1.base
|
172
|
-
}
|
173
|
-
},
|
174
|
-
defaults: {
|
175
|
-
view: 'default',
|
176
|
-
size: 'm'
|
177
|
-
}
|
178
|
-
};
|
179
|
-
|
180
|
-
exports.attachConfig = attachConfig;
|
181
|
-
exports.attachRoot = attachRoot;
|
182
|
-
//# sourceMappingURL=Attach.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, truncateFilename } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n size,\n view,\n className,\n style,\n isLoading,\n disabled,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const inputHelperRef = useRef<HTMLDivElement | null>(null);\n const cellRef = useRef<HTMLDivElement | null>(null);\n const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n const emptyTextCellWidth = useRef<number | null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current ||\n !cellRef.current.parentElement ||\n !inputHelperRef.current ||\n !inputHelperRef.current.textContent ||\n !emptyTextCellWidth.current ||\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n\n let currentTextWidth = textWidth;\n let currFilename = filename;\n\n for (let i = filename.length - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const newFilename = truncateFilename({\n filename: inputHelperRef.current.textContent,\n startNameTruncationIndex: i,\n });\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = () => {\n if (!inputRef.current || !inputRef.current.files) {\n return;\n }\n\n setFilename(inputRef.current.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, className)}\n style={style}\n size={size}\n view={view}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id=\"attachHiddenInput\"\n name=\"attachHiddenInput\"\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef} id=\"attachHiddenInputHelper\">\n {filename}\n </StyledHiddenInputHelper>\n\n <AttachButton\n buttonType={buttonType}\n view={view}\n size={size}\n onClick={handleClick}\n isLoading={isLoading}\n disabled={disabled}\n ref={buttonRef}\n {...rest}\n />\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel\n view={view}\n size={size}\n isLoading={isLoading}\n disabled={disabled}\n onClick={handleClear}\n >\n <IconCloseCircleOutline size=\"xs\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","i","newFilename","truncateFilename","startNameTruncationIndex","handleClick","click","handleChange","files","name","handleClear","value","React","createElement","cx","StyledHiddenInput","type","id","onChange","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAiBaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,gBAAU,CAA8B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACzD,IAAA,IAAAC,WAAA,GAYIF,KAAK,CAXLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;MAAAE,iBAAA,GAWbJ,KAAK,CAVLK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;MAAAE,oBAAA,GAUrBN,KAAK,CATLO,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,mBAAmB,GAQnBR,KAAK,CARLQ,mBAAmB;MACnBC,IAAI,GAOJT,KAAK,CAPLS,IAAI;MACJC,IAAI,GAMJV,KAAK,CANLU,IAAI;MACJC,SAAS,GAKTX,KAAK,CALLW,SAAS;MACTC,KAAK,GAILZ,KAAK,CAJLY,KAAK;MACLC,SAAS,GAGTb,KAAK,CAHLa,SAAS;MACTC,QAAQ,GAERd,KAAK,CAFLc,QAAQ;AACLC,MAAAA,IAAI,GAAAC,iDAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,qBAAU,CAACpB,QAAQ,EAAEiB,QAAQ,CAAC,CAAA;AAE1C,IAAA,IAAMI,QAAQ,GAAGH,YAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMI,cAAc,GAAGJ,YAAM,CAAwB,IAAI,CAAC,CAAA;AAC1D,IAAA,IAAMK,OAAO,GAAGL,YAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMM,SAAS,GAAGN,YAAM,CAA2B,IAAI,CAAC,CAAA;AAExD,IAAA,IAAMO,kBAAkB,GAAGP,YAAM,CAAgB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAAQ,SAAA,GAAgCC,cAAQ,CAAS,EAAE,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,IAAAI,UAAA,GAAkDL,cAAQ,CAAS,EAAE,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA/DE,MAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE9C,IAAMG,eAAe,GAAGlC,IAAI,KAAK,YAAY,GAAGmC,qBAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;IAC9E,IAAMC,aAAa,GAAGtC,IAAI,KAAK,UAAU,GAAGmC,qBAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;IACxE,IAAMG,SAAS,GAAGxC,IAAI,KAAK,MAAM,GAAGmC,qBAAO,CAACM,IAAI,GAAGJ,SAAS,CAAA;AAC5D,IAAA,IAAMK,eAAe,GAAGV,iBAAiB,CAACW,MAAM,KAAK,CAAC,GAAGR,qBAAO,CAACS,UAAU,GAAGP,SAAS,CAAA;IAEvF,IAAMQ,MAAM,GAAGxC,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEyC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,IAAA,IAAMC,SAAS,GAAGC,iCAAgB,CAACpB,QAAQ,CAAC,CAAA;AAC5C,IAAA,IAAMqB,eAAe,GAAGC,uBAAW,CAACH,SAAS,EAAEzC,IAAI,CAAC,CAAA;AAEpD6C,IAAAA,eAAS,CAAC,YAAM;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACZ7B,MAAAA,kBAAkB,CAAC8B,OAAO,GAAG,CAAAD,CAAAA,gBAAA,GAAA/B,OAAO,CAACgC,OAAO,MAAA,IAAA,IAAAD,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiBE,WAAW,KAAI,CAAC,CAAA;KACjE,EAAE,EAAE,CAAC,CAAA;AAENC,IAAAA,oCAAyB,CAAC,YAAM;AAC5B,MAAA,IACI,CAAClC,OAAO,CAACgC,OAAO,IAChB,CAAChC,OAAO,CAACgC,OAAO,CAACG,aAAa,IAC9B,CAACpC,cAAc,CAACiC,OAAO,IACvB,CAACjC,cAAc,CAACiC,OAAO,CAACI,WAAW,IACnC,CAAClC,kBAAkB,CAAC8B,OAAO,IAC3B,CAAC/B,SAAS,CAAC+B,OAAO,EACpB;AACE,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAqBK,SAAS,GAAKtC,cAAc,CAACiC,OAAO,CAAjDC,WAAW,CAAA;AACnB,MAAA,IAAqBK,WAAW,GAAKrC,SAAS,CAAC+B,OAAO,CAA9CC,WAAW,CAAA;MACnB,IAAAM,qBAAA,GAAiDvC,OAAO,CAACgC,OAAO,CAACG,aAAa,CAACK,qBAAqB,EAAE;QAAvFC,WAAW,GAAAF,qBAAA,CAAlBG,KAAK;QAAqBC,UAAU,GAAAJ,qBAAA,CAAhBK,IAAI,CAAA;MAChC,IAAAC,qBAAA,GAA2B7C,OAAO,CAACgC,OAAO,CAACQ,qBAAqB,EAAE;QAApDM,QAAQ,GAAAD,qBAAA,CAAdD,IAAI,CAAA;AACZ,MAAA,IAAMG,QAAQ,GAAGD,QAAQ,GAAGH,UAAU,CAAA;MAEtC,IAAIK,gBAAgB,GAAGX,SAAS,CAAA;MAChC,IAAIY,YAAY,GAAG1C,QAAQ,CAAA;AAE3B,MAAA,KAAK,IAAI2C,CAAC,GAAG3C,QAAQ,CAACe,MAAM,GAAG,CAAC,EAAE4B,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAIF,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGe,QAAQ,IAAIN,WAAW,EAAE;AACzE,UAAA,MAAA;AACJ,SAAA;QAEA,IAAMU,WAAW,GAAGC,iCAAgB,CAAC;AACjC7C,UAAAA,QAAQ,EAAER,cAAc,CAACiC,OAAO,CAACI,WAAW;AAC5CiB,UAAAA,wBAAwB,EAAEH,CAAAA;AAC9B,SAAC,CAAC,CAAA;AACFnD,QAAAA,cAAc,CAACiC,OAAO,CAACI,WAAW,GAAGe,WAAW,CAAA;AAChDH,QAAAA,gBAAgB,GAAGjD,cAAc,CAACiC,OAAO,CAACC,WAAW,CAAA;AAErD,QAAA,IAAIe,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGM,WAAW,EAAE;AAC7D,UAAA,MAAA;AACJ,SAAA;AAEAW,QAAAA,YAAY,GAAGE,WAAW,CAAA;AAC9B,OAAA;AAEApD,MAAAA,cAAc,CAACiC,OAAO,CAACI,WAAW,GAAG7B,QAAQ,CAAA;MAC7CK,oBAAoB,CAACqC,YAAY,CAAC,CAAA;AACtC,KAAC,CAAC,CAAA;AAEF,IAAA,IAAMK,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAACxD,QAAQ,CAACkC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEAlC,MAAAA,QAAQ,CAACkC,OAAO,CAACuB,KAAK,EAAE,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;MACvB,IAAI,CAAC1D,QAAQ,CAACkC,OAAO,IAAI,CAAClC,QAAQ,CAACkC,OAAO,CAACyB,KAAK,EAAE;AAC9C,QAAA,OAAA;AACJ,OAAA;MAEAjD,WAAW,CAACV,QAAQ,CAACkC,OAAO,CAACyB,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAA;KAC9C,CAAA;AAED,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAAC7D,QAAQ,CAACkC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEAlC,MAAAA,QAAQ,CAACkC,OAAO,CAAC4B,KAAK,GAAG,EAAE,CAAA;MAC3BpD,WAAW,CAAC,EAAE,CAAC,CAAA;MACfI,oBAAoB,CAAC,EAAE,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,oBACIiD,KAAA,CAAAC,aAAA,CAACxF,IAAI,EAAA;MACDa,SAAS,EAAE4E,QAAE,CAAClD,eAAe,EAAEI,aAAa,EAAEE,SAAS,EAAEhC,SAAS,CAAE;AACpEC,MAAAA,KAAK,EAAEA,KAAM;AACbH,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXU,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eAETiE,KAAA,CAAAC,aAAA,CAACE,+BAAiB,EAAA;AACdpE,MAAAA,GAAG,EAAEE,QAAS;AACd0B,MAAAA,MAAM,EAAEA,MAAO;AACfyC,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,EAAE,EAAC,mBAAmB;AACtBR,MAAAA,IAAI,EAAC,mBAAmB;AACxBS,MAAAA,QAAQ,EAAEX,YAAAA;AAAa,KAC1B,CAAC,eACFK,KAAA,CAAAC,aAAA,CAACM,qCAAuB,EAAA;AAACxE,MAAAA,GAAG,EAAEG,cAAe;AAACmE,MAAAA,EAAE,EAAC,yBAAA;KAC5C3D,EAAAA,QACoB,CAAC,eAE1BsD,KAAA,CAAAC,aAAA,CAACO,yBAAY,EAAAC,iCAAA,CAAA;AACTzF,MAAAA,UAAU,EAAEA,UAAW;AACvBK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXsF,MAAAA,OAAO,EAAEjB,WAAY;AACrBjE,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,GAAG,EAAEK,SAAAA;KACDV,EAAAA,IAAI,CACX,CAAC,EACDR,aAAa,iBACV8E,KAAA,CAAAC,aAAA,CAACU,sBAAU,EAAA;AACPC,MAAAA,UAAU,EAAC,OAAO;AAClBtF,MAAAA,SAAS,EAAEkC,eAAgB;AAC3BzB,MAAAA,GAAG,EAAEI,OAAQ;AACbf,MAAAA,IAAI,EAAEA,IAAK;AACXyF,MAAAA,KAAK,EAAE/D,iBAAkB;AACzBgE,MAAAA,WAAW,EAAE/C,eAAgB;AAC7BgD,MAAAA,YAAY,eACRf,KAAA,CAAAC,aAAA,CAACe,wCAAsB,EAAA;AACnB3F,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBiF,QAAAA,OAAO,EAAEZ,WAAAA;OAAYmB,EAAAA,qBAAA,KAAAA,qBAAA,gBAErBjB,KAAA,CAAAC,aAAA,CAACiB,6CAAsB,EAAA;AAAC9F,QAAAA,IAAI,EAAC,IAAA;AAAI,OAAE,CAAC,CAChB,CAAA;AAC3B,KACJ,CAEH,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM+F,YAAY,GAAG;AACxBtB,EAAAA,IAAI,EAAE,QAAQ;AACduB,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7G,UAAU;AAClB8G,EAAAA,IAAI,EAAJA,kBAAI;AACJC,EAAAA,UAAU,EAAE;AACRlG,IAAAA,IAAI,EAAE;AACFmG,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDrG,IAAAA,IAAI,EAAE;AACFoG,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtG,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import './Attach.styles_fl8wha.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
|
8
|
-
var base = "by826kf";
|
9
|
-
var StyledHiddenInput = /*#__PURE__*/react.styled('input')({
|
10
|
-
name: "StyledHiddenInput",
|
11
|
-
"class": "sw7vb9c",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
var StyledHiddenInputHelper = /*#__PURE__*/react.styled('div')({
|
15
|
-
name: "StyledHiddenInputHelper",
|
16
|
-
"class": "suojwhg",
|
17
|
-
propsAsIs: false
|
18
|
-
});
|
19
|
-
|
20
|
-
exports.StyledHiddenInput = StyledHiddenInput;
|
21
|
-
exports.StyledHiddenInputHelper = StyledHiddenInputHelper;
|
22
|
-
exports.base = base;
|
23
|
-
//# sourceMappingURL=Attach.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Attach.styles.js","sources":["../../../src/components/Attach/Attach.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens as attachTokens } from './Attach.tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n`;\n\nexport const StyledHiddenInput = styled.input`\n display: none;\n`;\n\nexport const StyledHiddenInputHelper = styled.div`\n position: absolute;\n visibility: hidden;\n\n font-family: var(${attachTokens.cellTitleFontFamily});\n font-size: var(${attachTokens.cellTitleFontSize});\n font-style: var(${attachTokens.cellTitleFontStyle});\n font-weight: var(${attachTokens.cellTitleFontWeight});\n letter-spacing: var(${attachTokens.cellTitleLetterSpacing});\n line-height: var(${attachTokens.cellTitleLineHeight});\n`;\n"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","StyledHiddenInputHelper"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAGhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMC,uBAAuB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU5C;;;;;;"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.by826kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
2
|
-
.sw7vb9c{display:none;}
|
3
|
-
.suojwhg{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
|
@@ -1,130 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
auto: 'auto',
|
7
|
-
horizontal: 'horizontal',
|
8
|
-
vertical: 'vertical',
|
9
|
-
cellHidden: 'cell-hidden'
|
10
|
-
};
|
11
|
-
var tokens = {
|
12
|
-
horizontalGap: '--plasma-attach-horizontal-gap',
|
13
|
-
verticalGap: '--plasma-attach-vertical-gap',
|
14
|
-
// Токены для Button
|
15
|
-
buttonColor: '--plasma-attach-button-color',
|
16
|
-
buttonValueColor: '--plasma-attach-button-value-color',
|
17
|
-
buttonBackgroundColor: '--plasma-attach-button-background-color',
|
18
|
-
buttonColorHover: '--plasma-attach-button-color-hover',
|
19
|
-
buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',
|
20
|
-
buttonColorActive: '--plasma-attach-button-color-active',
|
21
|
-
buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',
|
22
|
-
buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',
|
23
|
-
buttonScaleHover: '--plasma-attach-button-scale-hover',
|
24
|
-
buttonScaleActive: '---plasma-attach-button-scale-active',
|
25
|
-
buttonHeight: '--plasma-attach-button-height',
|
26
|
-
buttonWidth: '--plasma-attach-button-width',
|
27
|
-
buttonPadding: '--plasma-attach-button-padding',
|
28
|
-
buttonRadius: '--plasma-attach-button-radius',
|
29
|
-
buttonRadiusCircle: '--plasma-attach-button-radius-circle',
|
30
|
-
buttonFontFamily: '--plasma-attach-button-font-family',
|
31
|
-
buttonFontSize: '--plasma-attach-button-font-size',
|
32
|
-
buttonFontStyle: '--plasma-attach-button-font-style',
|
33
|
-
buttonFontWeight: '--plasma-attach-button-font-weight',
|
34
|
-
buttonLetterSpacing: '--plasma-attach-button-letter-spacing',
|
35
|
-
buttonLineHeight: '--plasma-attach-button-line-height',
|
36
|
-
buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',
|
37
|
-
buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',
|
38
|
-
buttonRightContentMargin: '--plasma-attach-button-right-content-margin',
|
39
|
-
buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',
|
40
|
-
buttonValueMargin: '--plasma-attach-button-value-margin',
|
41
|
-
buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',
|
42
|
-
buttonFocusColor: '--plasma-attach-button-focus-color',
|
43
|
-
buttonSpinnerColor: '--plasma-attach-button-spinner-color',
|
44
|
-
buttonSpinnerSize: '--plasma-attach-button-spinner-size',
|
45
|
-
// Токены для Cell
|
46
|
-
cellColor: '--plasma-attach-cell-color',
|
47
|
-
cellBackgroundColor: '--plasma-attach-cell-background-color',
|
48
|
-
cellPadding: '--plasma-attach-cell-padding',
|
49
|
-
cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',
|
50
|
-
cellPaddingContent: '--plasma-attach-cell-padding-content',
|
51
|
-
cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',
|
52
|
-
cellTextboxGap: '--plasma-attach-cell-textbox-gap',
|
53
|
-
cellGap: '--plasma-attach-cell-gap',
|
54
|
-
cellWidth: '--plasma-attach-cell-width',
|
55
|
-
cellLabelColor: '--plasma-attach-cell-label-color',
|
56
|
-
cellLabelFontFamily: '--plasma-attach-cell-label-font-family',
|
57
|
-
cellLabelFontSize: '--plasma-attach-cell-label-font-size',
|
58
|
-
cellLabelFontStyle: '--plasma-attach-cell-label-font-style',
|
59
|
-
cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',
|
60
|
-
cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',
|
61
|
-
cellLabelLineHeight: '--plasma-attach-cell-label-line-height',
|
62
|
-
cellTitleColor: '--plasma-attach-cell-title-color',
|
63
|
-
cellTitleFontFamily: '--plasma-attach-cell-title-font-family',
|
64
|
-
cellTitleFontSize: '--plasma-attach-cell-title-font-size',
|
65
|
-
cellTitleFontStyle: '--plasma-attach-cell-title-font-style',
|
66
|
-
cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',
|
67
|
-
cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',
|
68
|
-
cellTitleLineHeight: '--plasma-attach-cell-title-line-height',
|
69
|
-
cellSubtitleColor: '--plasma-attach-cell-subtitle-color',
|
70
|
-
cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',
|
71
|
-
cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',
|
72
|
-
cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',
|
73
|
-
cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',
|
74
|
-
cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',
|
75
|
-
cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',
|
76
|
-
// Токены для IconButton
|
77
|
-
iconButtonColor: '--plasma-attach-icon-button-color',
|
78
|
-
iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',
|
79
|
-
iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',
|
80
|
-
iconButtonColorHover: '--plasma-attach-icon-button-color-hover',
|
81
|
-
iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',
|
82
|
-
iconButtonColorActive: '--plasma-attach-icon-button-color-active',
|
83
|
-
iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',
|
84
|
-
iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',
|
85
|
-
iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',
|
86
|
-
iconButtonHeight: '--plasma-attach-icon-button-height',
|
87
|
-
iconButtonWidth: '--plasma-attach-icon-button-width',
|
88
|
-
iconButtonPadding: '--plasma-attach-icon-button-padding',
|
89
|
-
iconButtonRadius: '--plasma-attach-icon-button-radius',
|
90
|
-
iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',
|
91
|
-
iconButtonFontFamily: '--plasma-attach-icon-button-font-family',
|
92
|
-
iconButtonFontSize: '--plasma-attach-icon-button-font-size',
|
93
|
-
iconButtonFontStyle: '--plasma-attach-icon-button-font-style',
|
94
|
-
iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',
|
95
|
-
iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',
|
96
|
-
iconButtonLineHeight: '--plasma-attach-icon-button-line-height',
|
97
|
-
iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',
|
98
|
-
iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',
|
99
|
-
iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',
|
100
|
-
iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',
|
101
|
-
// Токены для IconButtonCancel
|
102
|
-
iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',
|
103
|
-
iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',
|
104
|
-
iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',
|
105
|
-
iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',
|
106
|
-
iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',
|
107
|
-
iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',
|
108
|
-
iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',
|
109
|
-
iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',
|
110
|
-
iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',
|
111
|
-
iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',
|
112
|
-
iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',
|
113
|
-
iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',
|
114
|
-
iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',
|
115
|
-
iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',
|
116
|
-
iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',
|
117
|
-
iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',
|
118
|
-
iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',
|
119
|
-
iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',
|
120
|
-
iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',
|
121
|
-
iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',
|
122
|
-
iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',
|
123
|
-
iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',
|
124
|
-
iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',
|
125
|
-
iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size'
|
126
|
-
};
|
127
|
-
|
128
|
-
exports.classes = classes;
|
129
|
-
exports.tokens = tokens;
|
130
|
-
//# sourceMappingURL=Attach.tokens.js.map
|