@salutejs/plasma-new-hope 0.149.0-canary.1445.10942800137.0 → 0.150.0-canary.1437.10958276336.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.css +48 -0
- package/cjs/components/Attach/Attach.js +181 -0
- package/cjs/components/Attach/Attach.js.map +1 -0
- package/cjs/components/Attach/Attach.styles.js +23 -0
- package/cjs/components/Attach/Attach.styles.js.map +1 -0
- package/cjs/components/Attach/Attach.styles_fl8wha.css +3 -0
- package/cjs/components/Attach/Attach.tokens.js +130 -0
- package/cjs/components/Attach/Attach.tokens.js.map +1 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +34 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +50 -0
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
- package/cjs/components/Attach/ui/Button/Button.styles.js +23 -0
- package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +25 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +32 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
- package/cjs/components/Attach/utils/extractExtension.js +10 -0
- package/cjs/components/Attach/utils/extractExtension.js.map +1 -0
- package/cjs/components/Attach/utils/getFileicon.js +51 -0
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -0
- package/cjs/components/Attach/utils/truncateFilename.js +24 -0
- package/cjs/components/Attach/utils/truncateFilename.js.map +1 -0
- package/cjs/components/{ChipGroup/variations/_gap → Attach/variations/_size}/base.js +2 -2
- package/cjs/components/Attach/variations/_size/base.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/cjs/components/{ChipGroup/variations/_size → Attach/variations/_view}/base.js +2 -2
- package/cjs/components/Attach/variations/_view/base.js.map +1 -0
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/cjs/components/Cell/Cell.js +3 -2
- 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 +1 -2
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/Mask/Mask.js +45 -0
- package/cjs/components/Mask/Mask.js.map +1 -0
- package/cjs/components/TextField/TextField.js +3 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
- package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
- package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
- package/cjs/index.css +15 -8
- package/cjs/index.js +7 -7
- package/emotion/cjs/components/Attach/Attach.js +186 -0
- package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
- package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
- package/{styled-components/cjs/components/ChipGroup/ChipGroup.js → emotion/cjs/components/Attach/components/AttachButton/AttachButton.js} +37 -50
- package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
- package/emotion/cjs/components/Attach/index.js +25 -0
- package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
- package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.js +12 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
- package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/emotion/cjs/components/Attach/utils/getFileicon.js +44 -0
- package/emotion/cjs/components/Attach/utils/index.js +26 -0
- package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
- package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Cell/Cell.js +3 -2
- package/emotion/cjs/components/Chip/Chip.js +1 -1
- package/emotion/cjs/components/Chip/Chip.tokens.js +1 -2
- package/emotion/cjs/components/Chip/index.js +0 -6
- package/emotion/cjs/components/Mask/Mask.js +55 -0
- package/emotion/cjs/components/Mask/Mask.template-doc.mdx +125 -0
- package/emotion/cjs/components/Mask/index.js +12 -0
- package/emotion/cjs/components/TextField/TextField.js +4 -2
- package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
- package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +57 -1
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
- package/emotion/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/emotion/cjs/index.js +22 -11
- package/emotion/es/components/Attach/Attach.js +177 -0
- package/emotion/es/components/Attach/Attach.styles.js +29 -0
- package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
- package/emotion/es/components/Attach/Attach.tokens.js +122 -0
- package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
- package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
- package/emotion/es/components/Attach/index.js +2 -0
- package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
- package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
- package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
- package/emotion/es/components/Attach/utils/getFileicon.js +37 -0
- package/emotion/es/components/Attach/utils/index.js +3 -0
- package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
- package/emotion/es/components/Attach/variations/_size/base.js +3 -0
- package/emotion/es/components/Attach/variations/_view/base.js +3 -0
- package/emotion/es/components/Cell/Cell.js +3 -2
- package/emotion/es/components/Chip/Chip.js +1 -1
- package/emotion/es/components/Chip/Chip.tokens.js +1 -2
- package/emotion/es/components/Chip/index.js +1 -1
- package/emotion/es/components/Mask/Mask.js +45 -0
- package/emotion/es/components/Mask/Mask.template-doc.mdx +125 -0
- package/emotion/es/components/Mask/index.js +1 -0
- package/emotion/es/components/TextField/TextField.js +4 -2
- package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
- package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
- package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
- package/emotion/es/components/_Icon/index.js +9 -1
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/es/examples/plasma_web/components/Mask/Mask.js +3 -0
- package/emotion/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/emotion/es/index.js +3 -2
- package/es/components/Attach/Attach.css +48 -0
- package/es/components/Attach/Attach.js +176 -0
- package/es/components/Attach/Attach.js.map +1 -0
- package/es/components/Attach/Attach.styles.js +17 -0
- package/es/components/Attach/Attach.styles.js.map +1 -0
- package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
- package/es/components/Attach/Attach.tokens.js +125 -0
- package/es/components/Attach/Attach.tokens.js.map +1 -0
- package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
- package/es/components/Attach/components/AttachButton/AttachButton.js +46 -0
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
- package/es/components/Attach/ui/Button/Button.styles.js +19 -0
- package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
- package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
- package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
- package/es/components/Attach/utils/extractExtension.js +6 -0
- package/es/components/Attach/utils/extractExtension.js.map +1 -0
- package/es/components/Attach/utils/getFileicon.js +47 -0
- package/es/components/Attach/utils/getFileicon.js.map +1 -0
- package/es/components/Attach/utils/truncateFilename.js +20 -0
- package/es/components/Attach/utils/truncateFilename.js.map +1 -0
- package/es/components/{ChipGroup/variations/_view → Attach/variations/_size}/base.js +2 -2
- package/es/components/Attach/variations/_size/base.js.map +1 -0
- package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/es/components/{ChipGroup/variations/_size → Attach/variations/_view}/base.js +2 -2
- package/es/components/Attach/variations/_view/base.js.map +1 -0
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/es/components/Cell/Cell.js +3 -2
- 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 +1 -2
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/Mask/Mask.js +41 -0
- package/es/components/Mask/Mask.js.map +1 -0
- package/es/components/TextField/TextField.js +3 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
- package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icon.assets/Plus.js +20 -0
- package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconPlus.js +19 -0
- package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
- package/es/index.css +15 -8
- package/es/index.js +4 -3
- package/es/index.js.map +1 -1
- package/package.json +4 -2
- package/styled-components/cjs/components/Attach/Attach.js +186 -0
- package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
- package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
- package/styled-components/cjs/components/Attach/Attach.types.js +5 -0
- package/{emotion/cjs/components/ChipGroup/ChipGroup.js → styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js} +37 -50
- package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
- package/styled-components/cjs/components/Attach/index.js +25 -0
- package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
- package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +12 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
- package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +44 -0
- package/styled-components/cjs/components/Attach/utils/index.js +26 -0
- package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
- package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/{ChipGroup/variations/_gap → Attach/variations/_view}/base.js +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +3 -2
- package/styled-components/cjs/components/Chip/Chip.js +1 -1
- package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -2
- package/styled-components/cjs/components/Chip/index.js +0 -6
- package/styled-components/cjs/components/Mask/Mask.js +55 -0
- package/styled-components/cjs/components/Mask/Mask.template-doc.mdx +125 -0
- package/styled-components/cjs/components/Mask/Mask.types.js +5 -0
- package/styled-components/cjs/components/Mask/index.js +12 -0
- package/styled-components/cjs/components/TextField/TextField.js +3 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +57 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
- package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/styled-components/cjs/index.js +22 -11
- package/styled-components/es/components/Attach/Attach.js +177 -0
- package/styled-components/es/components/Attach/Attach.styles.js +10 -0
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
- package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
- package/styled-components/es/components/Attach/Attach.types.js +1 -0
- package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
- package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
- package/styled-components/es/components/Attach/index.js +2 -0
- package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
- package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
- package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
- package/styled-components/es/components/Attach/utils/getFileicon.js +37 -0
- package/styled-components/es/components/Attach/utils/index.js +3 -0
- package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
- package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
- package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
- package/styled-components/es/components/Cell/Cell.js +3 -2
- package/styled-components/es/components/Chip/Chip.js +1 -1
- package/styled-components/es/components/Chip/Chip.tokens.js +1 -2
- package/styled-components/es/components/Chip/index.js +1 -1
- package/styled-components/es/components/Mask/Mask.js +45 -0
- package/styled-components/es/components/Mask/Mask.template-doc.mdx +125 -0
- package/styled-components/es/components/Mask/Mask.types.js +1 -0
- package/styled-components/es/components/Mask/index.js +1 -0
- package/styled-components/es/components/TextField/TextField.js +3 -1
- package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
- package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
- package/styled-components/es/components/_Icon/index.js +9 -1
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
- package/styled-components/es/examples/plasma_web/components/Mask/Mask.js +3 -0
- package/styled-components/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/styled-components/es/index.js +3 -2
- package/types/components/Attach/Attach.d.ts +23 -0
- package/types/components/Attach/Attach.d.ts.map +1 -0
- package/types/components/Attach/Attach.styles.d.ts +5 -0
- package/types/components/Attach/Attach.styles.d.ts.map +1 -0
- package/types/components/Attach/Attach.tokens.d.ts +119 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
- package/types/components/Attach/Attach.types.d.ts +43 -0
- package/types/components/Attach/Attach.types.d.ts.map +1 -0
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
- package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
- package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
- package/types/components/Attach/index.d.ts +4 -0
- package/types/components/Attach/index.d.ts.map +1 -0
- package/types/components/Attach/ui/Button/Button.d.ts +2 -0
- package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
- package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
- package/types/components/Attach/utils/extractExtension.d.ts +2 -0
- package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
- package/types/components/Attach/utils/getFileicon.d.ts +3 -0
- package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
- package/types/components/Attach/utils/index.d.ts +4 -0
- package/types/components/Attach/utils/index.d.ts.map +1 -0
- package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
- package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
- package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
- 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 +0 -1
- 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/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
- package/types/components/Mask/Mask.d.ts +5 -0
- package/types/components/Mask/Mask.d.ts.map +1 -0
- package/types/components/Mask/Mask.types.d.ts +62 -0
- package/types/components/Mask/Mask.types.d.ts.map +1 -0
- package/types/components/Mask/index.d.ts +2 -0
- package/types/components/Mask/index.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
- package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +8 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +191 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
- package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
- package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +191 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -0
- package/types/index.d.ts +2 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/ChipGroup/ChipGroup.css +0 -7
- package/cjs/components/ChipGroup/ChipGroup.js +0 -63
- package/cjs/components/ChipGroup/ChipGroup.js.map +0 -1
- package/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
- package/cjs/components/ChipGroup/ChipGroup.styles.js.map +0 -1
- package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
- package/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -50
- package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
- package/cjs/components/ChipGroup/variations/_gap/base.js.map +0 -1
- package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
- package/cjs/components/ChipGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
- package/cjs/components/ChipGroup/variations/_view/base.js +0 -9
- package/cjs/components/ChipGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/ChipGroup/variations/_view/base_122089q.css +0 -1
- package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
- package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
- package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
- package/emotion/cjs/components/ChipGroup/index.js +0 -31
- package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +0 -9
- package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
- package/emotion/cjs/components/ChipGroup/variations/_size/base.js +0 -10
- package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
- package/emotion/cjs/components/ChipGroup/variations/_view/base.js +0 -10
- package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/emotion/es/components/ChipGroup/ChipGroup.js +0 -56
- package/emotion/es/components/ChipGroup/ChipGroup.styles.js +0 -3
- package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
- package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
- package/emotion/es/components/ChipGroup/index.js +0 -2
- package/emotion/es/components/ChipGroup/variations/_gap/base.js +0 -3
- package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
- package/emotion/es/components/ChipGroup/variations/_size/base.js +0 -4
- package/emotion/es/components/ChipGroup/variations/_size/tokens.json +0 -22
- package/emotion/es/components/ChipGroup/variations/_view/base.js +0 -4
- package/emotion/es/components/ChipGroup/variations/_view/tokens.json +0 -15
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/es/components/ChipGroup/ChipGroup.css +0 -7
- package/es/components/ChipGroup/ChipGroup.js +0 -58
- package/es/components/ChipGroup/ChipGroup.js.map +0 -1
- package/es/components/ChipGroup/ChipGroup.styles.js +0 -5
- package/es/components/ChipGroup/ChipGroup.styles.js.map +0 -1
- package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
- package/es/components/ChipGroup/ChipGroup.tokens.js +0 -45
- package/es/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
- package/es/components/ChipGroup/variations/_gap/base.js +0 -5
- package/es/components/ChipGroup/variations/_gap/base.js.map +0 -1
- package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
- package/es/components/ChipGroup/variations/_size/base.js.map +0 -1
- package/es/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
- package/es/components/ChipGroup/variations/_view/base.js.map +0 -1
- package/es/components/ChipGroup/variations/_view/base_122089q.css +0 -1
- package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
- package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
- package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
- package/styled-components/cjs/components/ChipGroup/index.js +0 -31
- package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
- package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/styled-components/es/components/ChipGroup/ChipGroup.js +0 -56
- package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +0 -3
- package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
- package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
- package/styled-components/es/components/ChipGroup/index.js +0 -2
- package/styled-components/es/components/ChipGroup/variations/_gap/base.js +0 -3
- package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/es/components/ChipGroup/variations/_size/base.js +0 -4
- package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +0 -22
- package/styled-components/es/components/ChipGroup/variations/_view/base.js +0 -4
- package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +0 -15
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
- package/types/components/ChipGroup/ChipGroup.d.ts +0 -27
- package/types/components/ChipGroup/ChipGroup.d.ts.map +0 -1
- package/types/components/ChipGroup/ChipGroup.styles.d.ts +0 -2
- package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +0 -1
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts +0 -43
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +0 -1
- package/types/components/ChipGroup/ChipGroup.types.d.ts +0 -42
- package/types/components/ChipGroup/ChipGroup.types.d.ts.map +0 -1
- package/types/components/ChipGroup/index.d.ts +0 -3
- package/types/components/ChipGroup/index.d.ts.map +0 -1
- package/types/components/ChipGroup/variations/_gap/base.d.ts.map +0 -1
- package/types/components/ChipGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/ChipGroup/variations/_view/base.d.ts +0 -2
- package/types/components/ChipGroup/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts +0 -24
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +0 -19
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts +0 -24
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +0 -19
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +0 -1
- /package/emotion/cjs/components/{ChipGroup/ChipGroup.types.js → Attach/Attach.types.js} +0 -0
- /package/{styled-components/cjs/components/ChipGroup/ChipGroup.types.js → emotion/cjs/components/Mask/Mask.types.js} +0 -0
- /package/emotion/es/components/{ChipGroup/ChipGroup.types.js → Attach/Attach.types.js} +0 -0
- /package/{styled-components/es/components/ChipGroup/ChipGroup.types.js → emotion/es/components/Mask/Mask.types.js} +0 -0
- /package/types/components/{ChipGroup/variations/_gap → Attach/variations/_size}/base.d.ts +0 -0
- /package/types/components/{ChipGroup/variations/_size → Attach/variations/_view}/base.d.ts +0 -0
@@ -0,0 +1,122 @@
|
|
1
|
+
export var classes = {
|
2
|
+
auto: 'auto',
|
3
|
+
horizontal: 'horizontal',
|
4
|
+
vertical: 'vertical',
|
5
|
+
cellHidden: 'cell-hidden'
|
6
|
+
};
|
7
|
+
export var tokens = {
|
8
|
+
horizontalGap: '--plasma-attach-horizontal-gap',
|
9
|
+
verticalGap: '--plasma-attach-vertical-gap',
|
10
|
+
// Токены для Button
|
11
|
+
buttonColor: '--plasma-attach-button-color',
|
12
|
+
buttonValueColor: '--plasma-attach-button-value-color',
|
13
|
+
buttonBackgroundColor: '--plasma-attach-button-background-color',
|
14
|
+
buttonColorHover: '--plasma-attach-button-color-hover',
|
15
|
+
buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',
|
16
|
+
buttonColorActive: '--plasma-attach-button-color-active',
|
17
|
+
buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',
|
18
|
+
buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',
|
19
|
+
buttonScaleHover: '--plasma-attach-button-scale-hover',
|
20
|
+
buttonScaleActive: '---plasma-attach-button-scale-active',
|
21
|
+
buttonHeight: '--plasma-attach-button-height',
|
22
|
+
buttonWidth: '--plasma-attach-button-width',
|
23
|
+
buttonPadding: '--plasma-attach-button-padding',
|
24
|
+
buttonRadius: '--plasma-attach-button-radius',
|
25
|
+
buttonRadiusCircle: '--plasma-attach-button-radius-circle',
|
26
|
+
buttonFontFamily: '--plasma-attach-button-font-family',
|
27
|
+
buttonFontSize: '--plasma-attach-button-font-size',
|
28
|
+
buttonFontStyle: '--plasma-attach-button-font-style',
|
29
|
+
buttonFontWeight: '--plasma-attach-button-font-weight',
|
30
|
+
buttonLetterSpacing: '--plasma-attach-button-letter-spacing',
|
31
|
+
buttonLineHeight: '--plasma-attach-button-line-height',
|
32
|
+
buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',
|
33
|
+
buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',
|
34
|
+
buttonRightContentMargin: '--plasma-attach-button-right-content-margin',
|
35
|
+
buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',
|
36
|
+
buttonValueMargin: '--plasma-attach-button-value-margin',
|
37
|
+
buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',
|
38
|
+
buttonFocusColor: '--plasma-attach-button-focus-color',
|
39
|
+
buttonSpinnerColor: '--plasma-attach-button-spinner-color',
|
40
|
+
buttonSpinnerSize: '--plasma-attach-button-spinner-size',
|
41
|
+
// Токены для Cell
|
42
|
+
cellColor: '--plasma-attach-cell-color',
|
43
|
+
cellBackgroundColor: '--plasma-attach-cell-background-color',
|
44
|
+
cellPadding: '--plasma-attach-cell-padding',
|
45
|
+
cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',
|
46
|
+
cellPaddingContent: '--plasma-attach-cell-padding-content',
|
47
|
+
cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',
|
48
|
+
cellTextboxGap: '--plasma-attach-cell-textbox-gap',
|
49
|
+
cellGap: '--plasma-attach-cell-gap',
|
50
|
+
cellWidth: '--plasma-attach-cell-width',
|
51
|
+
cellLabelColor: '--plasma-attach-cell-label-color',
|
52
|
+
cellLabelFontFamily: '--plasma-attach-cell-label-font-family',
|
53
|
+
cellLabelFontSize: '--plasma-attach-cell-label-font-size',
|
54
|
+
cellLabelFontStyle: '--plasma-attach-cell-label-font-style',
|
55
|
+
cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',
|
56
|
+
cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',
|
57
|
+
cellLabelLineHeight: '--plasma-attach-cell-label-line-height',
|
58
|
+
cellTitleColor: '--plasma-attach-cell-title-color',
|
59
|
+
cellTitleFontFamily: '--plasma-attach-cell-title-font-family',
|
60
|
+
cellTitleFontSize: '--plasma-attach-cell-title-font-size',
|
61
|
+
cellTitleFontStyle: '--plasma-attach-cell-title-font-style',
|
62
|
+
cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',
|
63
|
+
cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',
|
64
|
+
cellTitleLineHeight: '--plasma-attach-cell-title-line-height',
|
65
|
+
cellSubtitleColor: '--plasma-attach-cell-subtitle-color',
|
66
|
+
cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',
|
67
|
+
cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',
|
68
|
+
cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',
|
69
|
+
cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',
|
70
|
+
cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',
|
71
|
+
cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',
|
72
|
+
// Токены для IconButton
|
73
|
+
iconButtonColor: '--plasma-attach-icon-button-color',
|
74
|
+
iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',
|
75
|
+
iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',
|
76
|
+
iconButtonColorHover: '--plasma-attach-icon-button-color-hover',
|
77
|
+
iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',
|
78
|
+
iconButtonColorActive: '--plasma-attach-icon-button-color-active',
|
79
|
+
iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',
|
80
|
+
iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',
|
81
|
+
iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',
|
82
|
+
iconButtonHeight: '--plasma-attach-icon-button-height',
|
83
|
+
iconButtonWidth: '--plasma-attach-icon-button-width',
|
84
|
+
iconButtonPadding: '--plasma-attach-icon-button-padding',
|
85
|
+
iconButtonRadius: '--plasma-attach-icon-button-radius',
|
86
|
+
iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',
|
87
|
+
iconButtonFontFamily: '--plasma-attach-icon-button-font-family',
|
88
|
+
iconButtonFontSize: '--plasma-attach-icon-button-font-size',
|
89
|
+
iconButtonFontStyle: '--plasma-attach-icon-button-font-style',
|
90
|
+
iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',
|
91
|
+
iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',
|
92
|
+
iconButtonLineHeight: '--plasma-attach-icon-button-line-height',
|
93
|
+
iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',
|
94
|
+
iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',
|
95
|
+
iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',
|
96
|
+
iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',
|
97
|
+
// Токены для IconButtonCancel
|
98
|
+
iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',
|
99
|
+
iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',
|
100
|
+
iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',
|
101
|
+
iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',
|
102
|
+
iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',
|
103
|
+
iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',
|
104
|
+
iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',
|
105
|
+
iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',
|
106
|
+
iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',
|
107
|
+
iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',
|
108
|
+
iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',
|
109
|
+
iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',
|
110
|
+
iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',
|
111
|
+
iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',
|
112
|
+
iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',
|
113
|
+
iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',
|
114
|
+
iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',
|
115
|
+
iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',
|
116
|
+
iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',
|
117
|
+
iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',
|
118
|
+
iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',
|
119
|
+
iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',
|
120
|
+
iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',
|
121
|
+
iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size'
|
122
|
+
};
|
@@ -0,0 +1,43 @@
|
|
1
|
+
var _excluded = ["size", "icon"],
|
2
|
+
_excluded2 = ["text"];
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
6
|
+
import React, { forwardRef } from 'react';
|
7
|
+
import { StyledIconButton } from '../../ui/IconButton/IconButton';
|
8
|
+
import { StyledButton } from '../../ui/Button/Button';
|
9
|
+
import { IconPlus } from '../../../_Icon';
|
10
|
+
var getDefaultIcon = function getDefaultIcon(size) {
|
11
|
+
var iconSize;
|
12
|
+
switch (size) {
|
13
|
+
case 'xs':
|
14
|
+
iconSize = 'xs';
|
15
|
+
break;
|
16
|
+
case 's':
|
17
|
+
iconSize = 's';
|
18
|
+
break;
|
19
|
+
default:
|
20
|
+
iconSize = 'm';
|
21
|
+
}
|
22
|
+
return /*#__PURE__*/React.createElement(IconPlus, {
|
23
|
+
size: iconSize,
|
24
|
+
color: "inherit"
|
25
|
+
});
|
26
|
+
};
|
27
|
+
export var AttachButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
28
|
+
if (props.buttonType === 'iconButton') {
|
29
|
+
var size = props.size,
|
30
|
+
icon = props.icon,
|
31
|
+
_rest = _objectWithoutProperties(props, _excluded);
|
32
|
+
return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
|
33
|
+
ref: ref
|
34
|
+
}, _rest), icon || getDefaultIcon(size));
|
35
|
+
}
|
36
|
+
var _props$text = props.text,
|
37
|
+
text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
|
38
|
+
rest = _objectWithoutProperties(props, _excluded2);
|
39
|
+
return /*#__PURE__*/React.createElement(StyledButton, _extends({
|
40
|
+
ref: ref,
|
41
|
+
text: text
|
42
|
+
}, rest));
|
43
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { AttachButton } from './AttachButton';
|
@@ -0,0 +1 @@
|
|
1
|
+
export { StyledButton } from './Button.styles';
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { buttonConfig, buttonTokens } from '../../../Button';
|
4
|
+
import { tokens as attachTokens } from '../../Attach.tokens';
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
6
|
+
var Button = /*#__PURE__*/component(mergedConfig);
|
7
|
+
export var StyledButton = /*#__PURE__*/_styled(Button, {
|
8
|
+
target: "ecnclho0",
|
9
|
+
label: "plasma-new-hope__StyledButton"
|
10
|
+
})(buttonTokens.buttonColor, ":var(", attachTokens.buttonColor, ");", buttonTokens.buttonValueColor, ":var(", attachTokens.buttonValueColor, ");", buttonTokens.buttonBackgroundColor, ":var(", attachTokens.buttonBackgroundColor, ");", buttonTokens.buttonColorHover, ":var(", attachTokens.buttonColorHover, ");", buttonTokens.buttonBackgroundColorHover, ":var(", attachTokens.buttonBackgroundColorHover, ");", buttonTokens.buttonColorActive, ":var(", attachTokens.buttonColorActive, ");", buttonTokens.buttonBackgroundColorActive, ":var(", attachTokens.buttonBackgroundColorActive, ");", buttonTokens.buttonLoadingBackgroundColor, ":var(", attachTokens.buttonLoadingBackgroundColor, ");", buttonTokens.buttonScaleHover, ":var(", attachTokens.buttonScaleHover, ");", buttonTokens.buttonScaleActive, ":var(", attachTokens.buttonScaleActive, ");", buttonTokens.buttonHeight, ":var(", attachTokens.buttonHeight, ");", buttonTokens.buttonWidth, ":var(", attachTokens.buttonWidth, ");", buttonTokens.buttonPadding, ":var(", attachTokens.buttonPadding, ");", buttonTokens.buttonRadius, ":var(", attachTokens.buttonRadius, ");", buttonTokens.buttonRadiusCircle, ":var(", attachTokens.buttonRadiusCircle, ");", buttonTokens.buttonFontFamily, ":var(", attachTokens.buttonFontFamily, ");", buttonTokens.buttonFontSize, ":var(", attachTokens.buttonFontSize, ");", buttonTokens.buttonFontStyle, ":var(", attachTokens.buttonFontStyle, ");", buttonTokens.buttonFontWeight, ":var(", attachTokens.buttonFontWeight, ");", buttonTokens.buttonLetterSpacing, ":var(", attachTokens.buttonLetterSpacing, ");", buttonTokens.buttonLineHeight, ":var(", attachTokens.buttonLineHeight, ");", buttonTokens.buttonLeftContentMargin, ":var(", attachTokens.buttonLeftContentMargin, ");", buttonTokens.buttonLeftContentAlignSelf, ":var(", attachTokens.buttonLeftContentAlignSelf, ");", buttonTokens.buttonRightContentMargin, ":var(", attachTokens.buttonRightContentMargin, ");", buttonTokens.buttonRightContentAlignSelf, ":var(", attachTokens.buttonRightContentAlignSelf, ");", buttonTokens.buttonValueMargin, ":var(", attachTokens.buttonValueMargin, ");", buttonTokens.buttonDisabledOpacity, ":var(", attachTokens.buttonDisabledOpacity, ");", buttonTokens.buttonFocusColor, ":var(", attachTokens.buttonFocusColor, ");", buttonTokens.buttonSpinnerColor, ":var(", attachTokens.buttonSpinnerColor, ");", buttonTokens.buttonSpinnerSize, ":var(", attachTokens.buttonSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0J1dHRvbi9CdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblRva2VucyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYXR0YWNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uVmFsdWVDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25WYWx1ZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25IZWlnaHR9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25XaWR0aH0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUGFkZGluZ30pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb250U2l6ZX0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb250U3R5bGV9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkxlZnRDb250ZW50TWFyZ2lufTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxlZnRDb250ZW50TWFyZ2lufSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uTGVmdENvbnRlbnRBbGlnblNlbGZ9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uTGVmdENvbnRlbnRBbGlnblNlbGZ9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25SaWdodENvbnRlbnRNYXJnaW59OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUmlnaHRDb250ZW50TWFyZ2lufSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uUmlnaHRDb250ZW50QWxpZ25TZWxmfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblJpZ2h0Q29udGVudEFsaWduU2VsZn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblZhbHVlTWFyZ2lufTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblZhbHVlTWFyZ2lufSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb2N1c0NvbG9yfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uU3Bpbm5lclNpemV9KTtcbmA7XG4iXX0= */"));
|
@@ -0,0 +1 @@
|
|
1
|
+
export { StyledCell } from './Cell.styles';
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { cellConfig, cellTokens } from '../../../Cell';
|
4
|
+
import { tokens as attachTokens, classes } from '../../Attach.tokens';
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig);
|
6
|
+
var Cell = /*#__PURE__*/component(mergedConfig);
|
7
|
+
export var StyledCell = /*#__PURE__*/_styled(Cell, {
|
8
|
+
target: "e1c9g36u0",
|
9
|
+
label: "plasma-new-hope__StyledCell"
|
10
|
+
})(cellTokens.cellLabelColor, ":var(", attachTokens.cellLabelColor, ");", cellTokens.cellTitleColor, ":var(", attachTokens.cellTitleColor, ");", cellTokens.cellSubtitleColor, ":var(", attachTokens.cellSubtitleColor, ");", cellTokens.cellBackgroundColor, ":var(", attachTokens.cellBackgroundColor, ");", cellTokens.cellWidth, ":var(", attachTokens.cellWidth, ");", cellTokens.cellPadding, ":var(", attachTokens.cellPadding, ");", cellTokens.cellPaddingLeftContent, ":var(", attachTokens.cellPaddingLeftContent, ");", cellTokens.cellPaddingContent, ":var(", attachTokens.cellPaddingContent, ");", cellTokens.cellPaddingRightContent, ":var(", attachTokens.cellPaddingRightContent, ");", cellTokens.cellTextboxGap, ":var(", attachTokens.cellTextboxGap, ");", cellTokens.cellGap, ":var(", attachTokens.cellGap, ");", cellTokens.cellLabelFontFamily, ":var(", attachTokens.cellLabelFontFamily, ");", cellTokens.cellLabelFontSize, ":var(", attachTokens.cellLabelFontSize, ");", cellTokens.cellLabelFontStyle, ":var(", attachTokens.cellLabelFontStyle, ");", cellTokens.cellLabelFontWeight, ":var(", attachTokens.cellLabelFontWeight, ");", cellTokens.cellLabelLetterSpacing, ":var(", attachTokens.cellLabelLetterSpacing, ");", cellTokens.cellLabelLineHeight, ":var(", attachTokens.cellLabelLineHeight, ");", cellTokens.cellTitleFontFamily, ":var(", attachTokens.cellTitleFontFamily, ");", cellTokens.cellTitleFontSize, ":var(", attachTokens.cellTitleFontSize, ");", cellTokens.cellTitleFontStyle, ":var(", attachTokens.cellTitleFontStyle, ");", cellTokens.cellTitleFontWeight, ":var(", attachTokens.cellTitleFontWeight, ");", cellTokens.cellTitleLetterSpacing, ":var(", attachTokens.cellTitleLetterSpacing, ");", cellTokens.cellTitleLineHeight, ":var(", attachTokens.cellTitleLineHeight, ");", cellTokens.cellSubtitleFontFamily, ":var(", attachTokens.cellSubtitleFontFamily, ");", cellTokens.cellSubtitleFontSize, ":var(", attachTokens.cellSubtitleFontSize, ");", cellTokens.cellSubtitleFontStyle, ":var(", attachTokens.cellSubtitleFontStyle, ");", cellTokens.cellSubtitleFontWeight, ":var(", attachTokens.cellSubtitleFontWeight, ");", cellTokens.cellSubtitleLetterSpacing, ":var(", attachTokens.cellSubtitleLetterSpacing, ");", cellTokens.cellSubtitleLineHeight, ":var(", attachTokens.cellSubtitleLineHeight, ");white-space:nowrap;&.", classes.cellHidden, "{visibility:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0NlbGwvQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9DZWxsL0NlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY2VsbENvbmZpZywgY2VsbFRva2VucyB9IGZyb20gJy4uLy4uLy4uL0NlbGwnO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF0dGFjaFRva2VucywgY2xhc3NlcyB9IGZyb20gJy4uLy4uL0F0dGFjaC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhjZWxsQ29uZmlnKTtcbmNvbnN0IENlbGwgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQoQ2VsbClgXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxMYWJlbENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbENvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxUaXRsZUNvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUNvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbEJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxXaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsV2lkdGh9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFBhZGRpbmd9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdMZWZ0Q29udGVudH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsUGFkZGluZ0xlZnRDb250ZW50fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nQ29udGVudH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsUGFkZGluZ0NvbnRlbnR9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9KTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsVGV4dGJveEdhcH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGV4dGJveEdhcH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsR2FwfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxHYXB9KTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsTGFiZWxGb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbExhYmVsRm9udFNpemV9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsTGFiZWxGb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5jZWxsTGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxMYWJlbExpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbExhYmVsTGluZUhlaWdodH0pO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udEZhbWlseX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVGb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250U2l6ZX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVGb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFdlaWdodH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxUaXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFRpdGxlTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAke2NlbGxUb2tlbnMuY2VsbFN1YnRpdGxlRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250RmFtaWx5fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTaXplfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250U3R5bGV9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFN1YnRpdGxlRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250V2VpZ2h0fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFN1YnRpdGxlTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsU3VidGl0bGVMaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUxpbmVIZWlnaHR9KTtcblxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZWxsSGlkZGVufSB7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1 @@
|
|
1
|
+
export { StyledIconButton } from './IconButton.styles';
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { iconButtonConfig, iconButtonTokens } from '../../../IconButton';
|
4
|
+
import { tokens as attachTokens } from '../../Attach.tokens';
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
|
6
|
+
var IconButton = /*#__PURE__*/component(mergedConfig);
|
7
|
+
export var StyledIconButton = /*#__PURE__*/_styled(IconButton, {
|
8
|
+
target: "e2homon1",
|
9
|
+
label: "plasma-new-hope__StyledIconButton"
|
10
|
+
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9JY29uQnV0dG9uL0ljb25CdXR0b24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJy4uLy4uLy4uL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF0dGFjaFRva2VucyB9IGZyb20gJy4uLy4uL0F0dGFjaC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmNvbnN0IEljb25CdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX0pO1xuXG4gICAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJ1dHRvbkNhbmNlbCA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9yQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTY2FsZUhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsSGVpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsV2lkdGh9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFBhZGRpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUmFkaXVzfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c0NpcmNsZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250RmFtaWx5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFNpemV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFN0eWxlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250V2VpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMaW5lSGVpZ2h0fSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb2N1c0NvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNwaW5uZXJDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNwaW5uZXJTaXplfSk7XG5gO1xuIl19 */"));
|
11
|
+
export var StyledIconButtonCancel = /*#__PURE__*/_styled(IconButton, {
|
12
|
+
target: "e2homon0",
|
13
|
+
label: "plasma-new-hope__StyledIconButtonCancel"
|
14
|
+
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonCancelColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonCancelBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonCancelLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonCancelColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonCancelBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonCancelColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonCancelBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonCancelScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonCancelScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonCancelHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonCancelWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonCancelPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonCancelRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonCancelRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonCancelFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonCancelFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonCancelFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonCancelFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonCancelLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonCancelLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonCancelDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonCancelFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonCancelSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDd0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9JY29uQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5jb25zdCBJY29uQnV0dG9uID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25XaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9KTtcblxuICAgIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b25DYW5jZWwgPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFdpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxQYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbERpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyU2l6ZX0pO1xuYDtcbiJdfQ== */"));
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from '../../_Icon';
|
3
|
+
export var getFileicon = function getFileicon(extension, size) {
|
4
|
+
var iconSize = size === 'xs' ? 'xs' : 's';
|
5
|
+
switch (extension) {
|
6
|
+
case 'pdf':
|
7
|
+
return /*#__PURE__*/React.createElement(IconBlankPdfOutline, {
|
8
|
+
size: iconSize,
|
9
|
+
color: "inherit"
|
10
|
+
});
|
11
|
+
case 'doc':
|
12
|
+
return /*#__PURE__*/React.createElement(IconBlankDocOutline, {
|
13
|
+
size: iconSize,
|
14
|
+
color: "inherit"
|
15
|
+
});
|
16
|
+
case 'xls':
|
17
|
+
return /*#__PURE__*/React.createElement(IconBlankXlsOutline, {
|
18
|
+
size: iconSize,
|
19
|
+
color: "inherit"
|
20
|
+
});
|
21
|
+
case 'txt':
|
22
|
+
return /*#__PURE__*/React.createElement(IconBlankTxtOutline, {
|
23
|
+
size: iconSize,
|
24
|
+
color: "inherit"
|
25
|
+
});
|
26
|
+
case 'csv':
|
27
|
+
return /*#__PURE__*/React.createElement(IconBlankCsvOutline, {
|
28
|
+
size: iconSize,
|
29
|
+
color: "inherit"
|
30
|
+
});
|
31
|
+
default:
|
32
|
+
return /*#__PURE__*/React.createElement(IconBlankOutline, {
|
33
|
+
size: iconSize,
|
34
|
+
color: "inherit"
|
35
|
+
});
|
36
|
+
}
|
37
|
+
};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export var truncateFilename = function truncateFilename(_ref) {
|
2
|
+
var filename = _ref.filename,
|
3
|
+
startNameTruncationIndex = _ref.startNameTruncationIndex,
|
4
|
+
_ref$separator = _ref.separator,
|
5
|
+
separator = _ref$separator === void 0 ? '...' : _ref$separator,
|
6
|
+
_ref$minNameLength = _ref.minNameLength,
|
7
|
+
minNameLength = _ref$minNameLength === void 0 ? 5 : _ref$minNameLength;
|
8
|
+
var strings = filename.split('.');
|
9
|
+
var extension = strings.length > 1 ? strings[strings.length - 1] : null;
|
10
|
+
var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
|
11
|
+
if (name.length <= minNameLength || startNameTruncationIndex >= name.length - 1) {
|
12
|
+
return filename;
|
13
|
+
}
|
14
|
+
var lastNameLetter = name[name.length - 1];
|
15
|
+
var truncatedName = "".concat(name.substring(0, startNameTruncationIndex)).concat(separator).concat(lastNameLetter);
|
16
|
+
return extension ? "".concat(truncatedName, ".").concat(extension) : truncatedName;
|
17
|
+
};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { tokens, classes } from '../../Attach.tokens';
|
3
|
+
export var base = /*#__PURE__*/css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuaG9yaXpvbnRhbH0ge1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxufVxuYDtcbiJdfQ== */"));
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { classes } from '../../Attach.tokens';
|
3
|
+
export var base = /*#__PURE__*/css("&.", classes.horizontal, "{flex-direction:row;}&.", classes.vertical, "{flex-direction:column;}&.", classes.auto, "{flex-wrap:wrap;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -22,7 +22,8 @@ export var cellRoot = function cellRoot(Root) {
|
|
22
22
|
description = _ref.description,
|
23
23
|
content = _ref.content,
|
24
24
|
_ref$stretching = _ref.stretching,
|
25
|
-
stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching
|
25
|
+
stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
|
26
|
+
className = _ref.className;
|
26
27
|
var stretchingClass = classes["".concat(stretching, "Stretching")];
|
27
28
|
|
28
29
|
// Импорт старых свойств
|
@@ -32,7 +33,7 @@ export var cellRoot = function cellRoot(Root) {
|
|
32
33
|
ref: outerRootRef,
|
33
34
|
size: size,
|
34
35
|
view: view,
|
35
|
-
className: cx(stretchingClass, classes.cellRoot)
|
36
|
+
className: cx(stretchingClass, classes.cellRoot, className)
|
36
37
|
}, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
|
37
38
|
align: alignContentLeft
|
38
39
|
}, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
|
@@ -51,7 +51,7 @@ export var chipRoot = function chipRoot(Root) {
|
|
51
51
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
52
52
|
type: "button",
|
53
53
|
ref: ref,
|
54
|
-
className: cx(pilledClass,
|
54
|
+
className: cx(pilledClass, className),
|
55
55
|
tabIndex: readOnly ? -1 : 0,
|
56
56
|
onClick: handleClick,
|
57
57
|
disabled: disabled,
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { chipRoot, chipConfig } from './Chip';
|
2
|
-
export { tokens as chipTokens
|
2
|
+
export { tokens as chipTokens } from './Chip.tokens';
|
@@ -0,0 +1,45 @@
|
|
1
|
+
var _excluded = ["maskFormat"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
+
import React, { forwardRef, useImperativeHandle, useState } from 'react';
|
12
|
+
import maskInputCompose from '@salutejs/react-maskinput';
|
13
|
+
var defaultFormatChars = [{
|
14
|
+
str: '0',
|
15
|
+
regexp: /[0-9]/
|
16
|
+
}, {
|
17
|
+
str: '*',
|
18
|
+
regexp: /./
|
19
|
+
}, {
|
20
|
+
str: 'a',
|
21
|
+
regexp: /[a-zA-Z]/
|
22
|
+
}, {
|
23
|
+
str: 'я',
|
24
|
+
regexp: /[а-яА-ЯёЁ]/
|
25
|
+
}];
|
26
|
+
export var composeMask = function composeMask(InputComponent) {
|
27
|
+
var MaskedInput = maskInputCompose(InputComponent);
|
28
|
+
return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
29
|
+
var _ref$maskFormat = _ref.maskFormat,
|
30
|
+
maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
|
31
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
32
|
+
// TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
|
33
|
+
var _useState = useState(null),
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
35
|
+
ref = _useState2[0],
|
36
|
+
setRef = _useState2[1];
|
37
|
+
useImperativeHandle(outerRef, function () {
|
38
|
+
return ref;
|
39
|
+
}, [ref]);
|
40
|
+
return /*#__PURE__*/React.createElement(MaskedInput, _extends({
|
41
|
+
getReference: setRef,
|
42
|
+
maskFormat: maskFormat
|
43
|
+
}, rest));
|
44
|
+
});
|
45
|
+
};
|
@@ -0,0 +1,125 @@
|
|
1
|
+
---
|
2
|
+
id: mask
|
3
|
+
title: Mask
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
import Tabs from '@theme/Tabs';
|
9
|
+
import TabItem from '@theme/TabItem';
|
10
|
+
|
11
|
+
# Mask
|
12
|
+
<Description name="Mask" />
|
13
|
+
<PropsTable name="Mask" exclude={['css']} />
|
14
|
+
|
15
|
+
## Использование
|
16
|
+
Компонент `Mask` представляет собой поле ввода с возможностью маскирования значения.
|
17
|
+
Он реализован на компоненте [TextField](https://plasma.sberdevices.ru/b2c/components/textfield/)
|
18
|
+
и наследует практически все его свойства (`size`, `view`, `disabled`, `label` и тд.)
|
19
|
+
|
20
|
+
```tsx live
|
21
|
+
import React from 'react';
|
22
|
+
import { Mask } from '@salutejs/{{ package }}';
|
23
|
+
import { IconDone } from '@salutejs/plasma-icons';
|
24
|
+
|
25
|
+
export function App() {
|
26
|
+
return (
|
27
|
+
<div>
|
28
|
+
<Mask
|
29
|
+
label="Лейбл"
|
30
|
+
leftHelper="Подсказка к полю"
|
31
|
+
placeholder="Введите дату"
|
32
|
+
mask="00/00/0000"
|
33
|
+
maskString="DD/MM/YYYY"
|
34
|
+
size="l"
|
35
|
+
/>
|
36
|
+
</div>
|
37
|
+
);
|
38
|
+
}
|
39
|
+
```
|
40
|
+
|
41
|
+
### Маска
|
42
|
+
Маска задается с помощью свойства `mask`.
|
43
|
+
Поддерживает следующие символы:
|
44
|
+
|
45
|
+
| Обозначение | Описание |
|
46
|
+
|-------------|---------------------------------------|
|
47
|
+
| 0 | любая цифра от 0 до 9 |
|
48
|
+
| a (англ.) | A-Z, a-z |
|
49
|
+
| я | А-Я, а-я, ё, Ё |
|
50
|
+
| q | буква "q" |
|
51
|
+
| 2 | цифра "2" |
|
52
|
+
| * | любой символ |
|
53
|
+
| \ | символ экранирования "\a" - буква "a" |
|
54
|
+
|
55
|
+
|
56
|
+
<Tabs>
|
57
|
+
<TabItem value="phone" label="Маска телефона">
|
58
|
+
Пример маски для ввода телефона
|
59
|
+
|
60
|
+
```tsx live
|
61
|
+
import React from 'react';
|
62
|
+
import { Mask } from '@salutejs/{{ package }}';
|
63
|
+
|
64
|
+
export function App() {
|
65
|
+
return (
|
66
|
+
<div>
|
67
|
+
<Mask
|
68
|
+
label="Маска телефона"
|
69
|
+
placeholder="Введите телефон"
|
70
|
+
mask="+7 (000) 000 - 00 - 00"
|
71
|
+
maskChar="_"
|
72
|
+
size="l"
|
73
|
+
alwaysShowMask
|
74
|
+
/>
|
75
|
+
</div>
|
76
|
+
);
|
77
|
+
}
|
78
|
+
```
|
79
|
+
</TabItem>
|
80
|
+
<TabItem value="date" label="Маска даты">
|
81
|
+
Пример маски для ввода даты
|
82
|
+
|
83
|
+
```tsx live
|
84
|
+
import React from 'react';
|
85
|
+
import { Mask } from '@salutejs/{{ package }}';
|
86
|
+
|
87
|
+
export function App() {
|
88
|
+
return (
|
89
|
+
<div>
|
90
|
+
<Mask
|
91
|
+
label="Маска даты"
|
92
|
+
placeholder="Введите дату"
|
93
|
+
mask="00/00/0000"
|
94
|
+
maskString="DD/MM/YYYY"
|
95
|
+
size="l"
|
96
|
+
/>
|
97
|
+
</div>
|
98
|
+
);
|
99
|
+
}
|
100
|
+
```
|
101
|
+
</TabItem>
|
102
|
+
<TabItem value="time" label="Маска времени">
|
103
|
+
Пример маски для ввода даты
|
104
|
+
|
105
|
+
```tsx live
|
106
|
+
import React from 'react';
|
107
|
+
import { Mask } from '@salutejs/{{ package }}';
|
108
|
+
|
109
|
+
export function App() {
|
110
|
+
return (
|
111
|
+
<div>
|
112
|
+
<Mask
|
113
|
+
label="Маска времени"
|
114
|
+
placeholder="Введите время"
|
115
|
+
mask="1\0:00"
|
116
|
+
maskChar="_"
|
117
|
+
size="l"
|
118
|
+
showPrefix
|
119
|
+
/>
|
120
|
+
</div>
|
121
|
+
);
|
122
|
+
}
|
123
|
+
```
|
124
|
+
</TabItem>
|
125
|
+
</Tabs>
|
@@ -0,0 +1 @@
|
|
1
|
+
export { composeMask } from './Mask';
|