@salutejs/plasma-new-hope 0.146.0-dev.0 → 0.147.0-canary.1437.10892194926.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.css +45 -0
- package/cjs/components/Attach/Attach.js +174 -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_17fejif.css +3 -0
- package/cjs/components/Attach/Attach.tokens.js +83 -0
- package/cjs/components/Attach/Attach.tokens.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_oi6jxf.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_1dlvsak.css +1 -0
- package/cjs/components/Attach/ui/iconButton/IconButton.styles.js +23 -0
- package/cjs/components/Attach/ui/iconButton/IconButton.styles.js.map +1 -0
- package/cjs/components/Attach/ui/iconButton/IconButton.styles_14dty7n.css +1 -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 +27 -0
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -0
- package/cjs/components/Attach/utils/truncateFilename.js +16 -0
- package/cjs/components/Attach/utils/truncateFilename.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base.js +9 -0
- package/cjs/components/Attach/variations/_size/base.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/cjs/components/Attach/variations/_view/base.js +9 -0
- package/cjs/components/Attach/variations/_view/base.js.map +1 -0
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/cjs/components/Cell/Cell.js +3 -2
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/index.css +14 -0
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Attach/Attach.js +180 -0
- package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +46 -0
- package/emotion/cjs/components/Attach/Attach.tokens.js +81 -0
- package/emotion/cjs/components/Attach/Attach.types.js +5 -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 +17 -0
- package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/emotion/cjs/components/Attach/utils/getFileicon.js +26 -0
- package/emotion/cjs/components/Attach/utils/index.js +26 -0
- package/emotion/cjs/components/Attach/utils/truncateFilename.js +15 -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/examples/plasma_b2c/components/Attach/Attach.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +61 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +61 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Attach/Attach.js +171 -0
- package/emotion/es/components/Attach/Attach.styles.js +29 -0
- package/emotion/es/components/Attach/Attach.template-doc.mdx +46 -0
- package/emotion/es/components/Attach/Attach.tokens.js +75 -0
- package/emotion/es/components/Attach/Attach.types.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 +10 -0
- package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
- package/emotion/es/components/Attach/utils/getFileicon.js +19 -0
- package/emotion/es/components/Attach/utils/index.js +3 -0
- package/emotion/es/components/Attach/utils/truncateFilename.js +9 -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/examples/plasma_b2c/components/Attach/Attach.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +61 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
- package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +61 -0
- package/emotion/es/index.js +2 -1
- package/es/components/Attach/Attach.css +45 -0
- package/es/components/Attach/Attach.js +169 -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_17fejif.css +3 -0
- package/es/components/Attach/Attach.tokens.js +78 -0
- package/es/components/Attach/Attach.tokens.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_oi6jxf.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_1dlvsak.css +1 -0
- package/es/components/Attach/ui/iconButton/IconButton.styles.js +19 -0
- package/es/components/Attach/ui/iconButton/IconButton.styles.js.map +1 -0
- package/es/components/Attach/ui/iconButton/IconButton.styles_14dty7n.css +1 -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 +23 -0
- package/es/components/Attach/utils/getFileicon.js.map +1 -0
- package/es/components/Attach/utils/truncateFilename.js +12 -0
- package/es/components/Attach/utils/truncateFilename.js.map +1 -0
- package/es/components/Attach/variations/_size/base.js +5 -0
- package/es/components/Attach/variations/_size/base.js.map +1 -0
- package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
- package/es/components/Attach/variations/_view/base.js +5 -0
- package/es/components/Attach/variations/_view/base.js.map +1 -0
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
- package/es/components/Cell/Cell.js +3 -2
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/index.css +14 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Attach/Attach.js +180 -0
- package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +46 -0
- package/styled-components/cjs/components/Attach/Attach.tokens.js +81 -0
- package/styled-components/cjs/components/Attach/Attach.types.js +5 -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 +16 -0
- package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +26 -0
- package/styled-components/cjs/components/Attach/utils/index.js +26 -0
- package/styled-components/cjs/components/Attach/utils/truncateFilename.js +15 -0
- package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Attach/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Cell/Cell.js +3 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +25 -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 +61 -0
- package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +25 -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 +61 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Attach/Attach.js +171 -0
- package/styled-components/es/components/Attach/Attach.styles.js +10 -0
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +46 -0
- package/styled-components/es/components/Attach/Attach.tokens.js +75 -0
- package/styled-components/es/components/Attach/Attach.types.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 +9 -0
- package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
- package/styled-components/es/components/Attach/utils/getFileicon.js +19 -0
- package/styled-components/es/components/Attach/utils/index.js +3 -0
- package/styled-components/es/components/Attach/utils/truncateFilename.js +9 -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/examples/plasma_b2c/components/Attach/Attach.config.js +19 -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 +61 -0
- package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +19 -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 +61 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/Attach/Attach.d.ts +23 -0
- package/types/components/Attach/Attach.d.ts.map +1 -0
- package/types/components/Attach/Attach.styles.d.ts +5 -0
- package/types/components/Attach/Attach.styles.d.ts.map +1 -0
- package/types/components/Attach/Attach.tokens.d.ts +73 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
- package/types/components/Attach/Attach.types.d.ts +33 -0
- package/types/components/Attach/Attach.types.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 +45 -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 +2 -0
- package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
- package/types/components/Attach/variations/_size/base.d.ts +2 -0
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
- package/types/components/Attach/variations/_view/base.d.ts +2 -0
- package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/Cell.types.d.ts +1 -1
- package/types/components/Cell/Cell.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +18 -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 +13 -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_web/components/Attach/Attach.config.d.ts +18 -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 +13 -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/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,9 @@
|
|
1
|
+
import styled from 'styled-components';
|
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).withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-elwbwo-0"
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonTokens.buttonColor, attachTokens.buttonColor, buttonTokens.buttonBackgroundColor, attachTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, attachTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, attachTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, attachTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive, attachTokens.buttonBackgroundColorActive, buttonTokens.buttonHeight, attachTokens.buttonHeight, buttonTokens.buttonWidth, attachTokens.buttonWidth, buttonTokens.buttonPadding, attachTokens.buttonPadding, buttonTokens.buttonRadius, attachTokens.buttonRadius, buttonTokens.buttonFontFamily, attachTokens.buttonFontFamily, buttonTokens.buttonFontSize, attachTokens.buttonFontSize, buttonTokens.buttonFontStyle, attachTokens.buttonFontStyle, buttonTokens.buttonFontWeight, attachTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, attachTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, attachTokens.buttonLineHeight);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { StyledCell } from './Cell.styles';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import styled from 'styled-components';
|
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).withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-15m5uhg-0"
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:fit-content !important;&.", "{visibility:hidden;}"], cellTokens.cellLabelColor, attachTokens.cellLabelColor, cellTokens.cellTitleColor, attachTokens.cellTitleColor, cellTokens.cellSubtitleColor, attachTokens.cellSubtitleColor, cellTokens.cellBackgroundColor, attachTokens.cellBackgroundColor, cellTokens.cellWidth, attachTokens.cellWidth, cellTokens.cellPadding, attachTokens.cellPadding, cellTokens.cellPaddingLeftContent, attachTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, attachTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, attachTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, attachTokens.cellTextboxGap, cellTokens.cellGap, attachTokens.cellGap, cellTokens.cellLabelFontFamily, attachTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, attachTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, attachTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, attachTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, attachTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, attachTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, attachTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, attachTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, attachTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, attachTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, attachTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, attachTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight, attachTokens.cellSubtitleLineHeight, classes.cellHidden);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { StyledIconButton } from './IconButton.styles';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import styled from 'styled-components';
|
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).withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-7q1s1x-0"
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, attachTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, attachTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, attachTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, attachTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, attachTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, attachTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, attachTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, attachTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, attachTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, attachTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, attachTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, attachTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, attachTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, attachTokens.iconButtonLineHeight);
|
@@ -0,0 +1,19 @@
|
|
1
|
+
var _IconBlankPdfOutline, _IconBlankDocOutline, _IconBlankXlsOutline, _IconBlankTxtOutline, _IconBlankCsvOutline, _IconBlankOutline;
|
2
|
+
import React from 'react';
|
3
|
+
import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from '@salutejs/plasma-icons';
|
4
|
+
export var getFileicon = function getFileicon(extension) {
|
5
|
+
switch (extension) {
|
6
|
+
case 'pdf':
|
7
|
+
return _IconBlankPdfOutline || (_IconBlankPdfOutline = /*#__PURE__*/React.createElement(IconBlankPdfOutline, null));
|
8
|
+
case 'doc':
|
9
|
+
return _IconBlankDocOutline || (_IconBlankDocOutline = /*#__PURE__*/React.createElement(IconBlankDocOutline, null));
|
10
|
+
case 'xls':
|
11
|
+
return _IconBlankXlsOutline || (_IconBlankXlsOutline = /*#__PURE__*/React.createElement(IconBlankXlsOutline, null));
|
12
|
+
case 'txt':
|
13
|
+
return _IconBlankTxtOutline || (_IconBlankTxtOutline = /*#__PURE__*/React.createElement(IconBlankTxtOutline, null));
|
14
|
+
case 'csv':
|
15
|
+
return _IconBlankCsvOutline || (_IconBlankCsvOutline = /*#__PURE__*/React.createElement(IconBlankCsvOutline, null));
|
16
|
+
default:
|
17
|
+
return _IconBlankOutline || (_IconBlankOutline = /*#__PURE__*/React.createElement(IconBlankOutline, null));
|
18
|
+
}
|
19
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
export var truncateFilename = function truncateFilename(filename, startTruncationIndex) {
|
2
|
+
var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '...';
|
3
|
+
var strings = filename.split('.');
|
4
|
+
var extension = strings.length > 1 ? strings[strings.length - 1] : null;
|
5
|
+
var left = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
|
6
|
+
var lastFilenameLetter = left[left.length - 1];
|
7
|
+
var truncatedFilename = "".concat(left.substring(0, startTruncationIndex)).concat(separator).concat(lastFilenameLetter);
|
8
|
+
return extension ? "".concat(truncatedFilename, ".").concat(extension) : truncatedFilename;
|
9
|
+
};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { tokens, classes } from '../../Attach.tokens';
|
3
|
+
export var base = /*#__PURE__*/css(["&.", "{column-gap:var(", ");}&.", "{row-gap:var(", ");}&.", "{row-gap:var(", ");column-gap:var(", ");}}"], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap);
|
@@ -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, {
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { attachTokens } from '../../../../components/Attach';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'm'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], attachTokens.buttonColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive)
|
11
|
+
},
|
12
|
+
size: {
|
13
|
+
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
14
|
+
m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
15
|
+
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
16
|
+
xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight)
|
17
|
+
}
|
18
|
+
}
|
19
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { attachConfig } from '../../../../components/Attach';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './Attach.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
|
5
|
+
export var Attach = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { mergeConfig } from '../../../../engines';
|
6
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
7
|
+
import { attachConfig } from '../../../../components/Attach';
|
8
|
+
|
9
|
+
import { Attach } from './Attach';
|
10
|
+
import { config } from './Attach.config';
|
11
|
+
|
12
|
+
const flowOptions = ['horizontal', 'vertical', 'auto'];
|
13
|
+
const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
|
14
|
+
|
15
|
+
type CustomStoryProps = {
|
16
|
+
fileFormat?: string;
|
17
|
+
width?: string;
|
18
|
+
};
|
19
|
+
|
20
|
+
type StoryAttachProps = ComponentProps<typeof Attach> & CustomStoryProps;
|
21
|
+
|
22
|
+
const meta: Meta<StoryAttachProps> = {
|
23
|
+
title: 'plasma_b2c/Attach',
|
24
|
+
decorators: [WithTheme],
|
25
|
+
component: Attach,
|
26
|
+
argTypes: {
|
27
|
+
...argTypesFromConfig(mergeConfig(attachConfig, config)),
|
28
|
+
flow: {
|
29
|
+
options: flowOptions,
|
30
|
+
control: {
|
31
|
+
type: 'select',
|
32
|
+
},
|
33
|
+
},
|
34
|
+
fileFormat: {
|
35
|
+
options: fileFormatOptions,
|
36
|
+
control: {
|
37
|
+
type: 'select',
|
38
|
+
},
|
39
|
+
},
|
40
|
+
},
|
41
|
+
};
|
42
|
+
|
43
|
+
export default meta;
|
44
|
+
|
45
|
+
const StoryAttach = (props: StoryAttachProps) => {
|
46
|
+
return <Attach {...props} />;
|
47
|
+
};
|
48
|
+
|
49
|
+
export const Default: StoryObj<StoryAttachProps> = {
|
50
|
+
args: {
|
51
|
+
fileFormat: 'all',
|
52
|
+
text: 'Загрузить файл',
|
53
|
+
flow: 'horizontal',
|
54
|
+
hasAttachment: true,
|
55
|
+
width: '400px',
|
56
|
+
},
|
57
|
+
render: ({ fileFormat, width, ...rest }) => {
|
58
|
+
const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
|
59
|
+
return <StoryAttach style={{ width }} acceptedFileFormats={accepted} {...rest} />;
|
60
|
+
},
|
61
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { attachTokens } from '../../../../components/Attach';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'm'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], attachTokens.buttonColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive)
|
11
|
+
},
|
12
|
+
size: {
|
13
|
+
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
14
|
+
m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
15
|
+
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
16
|
+
xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight)
|
17
|
+
}
|
18
|
+
}
|
19
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { attachConfig } from '../../../../components/Attach';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './Attach.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
|
5
|
+
export var Attach = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
|
5
|
+
import { mergeConfig } from '../../../../engines';
|
6
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
7
|
+
import { attachConfig } from '../../../../components/Attach';
|
8
|
+
|
9
|
+
import { Attach } from './Attach';
|
10
|
+
import { config } from './Attach.config';
|
11
|
+
|
12
|
+
const flowOptions = ['horizontal', 'vertical', 'auto'];
|
13
|
+
const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
|
14
|
+
|
15
|
+
type CustomStoryProps = {
|
16
|
+
fileFormat?: string;
|
17
|
+
width?: string;
|
18
|
+
};
|
19
|
+
|
20
|
+
type StoryAttachProps = ComponentProps<typeof Attach> & CustomStoryProps;
|
21
|
+
|
22
|
+
const meta: Meta<StoryAttachProps> = {
|
23
|
+
title: 'plasma_web/Attach',
|
24
|
+
decorators: [WithTheme],
|
25
|
+
component: Attach,
|
26
|
+
argTypes: {
|
27
|
+
...argTypesFromConfig(mergeConfig(attachConfig, config)),
|
28
|
+
flow: {
|
29
|
+
options: flowOptions,
|
30
|
+
control: {
|
31
|
+
type: 'select',
|
32
|
+
},
|
33
|
+
},
|
34
|
+
fileFormat: {
|
35
|
+
options: fileFormatOptions,
|
36
|
+
control: {
|
37
|
+
type: 'select',
|
38
|
+
},
|
39
|
+
},
|
40
|
+
},
|
41
|
+
};
|
42
|
+
|
43
|
+
export default meta;
|
44
|
+
|
45
|
+
const StoryAttach = (props: StoryAttachProps) => {
|
46
|
+
return <Attach {...props} />;
|
47
|
+
};
|
48
|
+
|
49
|
+
export const Default: StoryObj<StoryAttachProps> = {
|
50
|
+
args: {
|
51
|
+
fileFormat: 'all',
|
52
|
+
text: 'Загрузить файл',
|
53
|
+
flow: 'horizontal',
|
54
|
+
hasAttachment: true,
|
55
|
+
width: '400px',
|
56
|
+
},
|
57
|
+
render: ({ fileFormat, width, ...rest }) => {
|
58
|
+
const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
|
59
|
+
return <StoryAttach style={{ width }} acceptedFileFormats={accepted} {...rest} />;
|
60
|
+
},
|
61
|
+
};
|
@@ -56,4 +56,5 @@ export * from './components/Portal';
|
|
56
56
|
export * from './components/Price';
|
57
57
|
export * from './components/Autocomplete';
|
58
58
|
export * from './components/EmptyState';
|
59
|
-
export * from './components/Editable';
|
59
|
+
export * from './components/Editable';
|
60
|
+
export * from './components/Attach';
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { RootProps } from '../../engines';
|
3
|
+
import { AttachProps } from './Attach.types';
|
4
|
+
export declare const attachRoot: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Attach.types").CustomAttachProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
export declare const attachConfig: {
|
6
|
+
name: string;
|
7
|
+
tag: string;
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Attach.types").CustomAttachProps & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
10
|
+
variations: {
|
11
|
+
view: {
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
16
|
+
};
|
17
|
+
};
|
18
|
+
defaults: {
|
19
|
+
view: string;
|
20
|
+
size: string;
|
21
|
+
};
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=Attach.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,6JAkJjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBApJQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAqKtE,CAAC"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
+
export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
4
|
+
export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
//# sourceMappingURL=Attach.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAUnC,CAAC"}
|
@@ -0,0 +1,73 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
auto: string;
|
3
|
+
horizontal: string;
|
4
|
+
vertical: string;
|
5
|
+
cellHidden: string;
|
6
|
+
};
|
7
|
+
export declare const tokens: {
|
8
|
+
horizontalGap: string;
|
9
|
+
verticalGap: string;
|
10
|
+
buttonColor: string;
|
11
|
+
buttonBackgroundColor: string;
|
12
|
+
buttonColorHover: string;
|
13
|
+
buttonBackgroundColorHover: string;
|
14
|
+
buttonColorActive: string;
|
15
|
+
buttonBackgroundColorActive: string;
|
16
|
+
buttonHeight: string;
|
17
|
+
buttonWidth: string;
|
18
|
+
buttonPadding: string;
|
19
|
+
buttonRadius: string;
|
20
|
+
buttonFontFamily: string;
|
21
|
+
buttonFontSize: string;
|
22
|
+
buttonFontStyle: string;
|
23
|
+
buttonFontWeight: string;
|
24
|
+
buttonLetterSpacing: string;
|
25
|
+
buttonLineHeight: string;
|
26
|
+
cellColor: string;
|
27
|
+
cellLabelColor: string;
|
28
|
+
cellTitleColor: string;
|
29
|
+
cellSubtitleColor: string;
|
30
|
+
cellBackgroundColor: string;
|
31
|
+
cellWidth: string;
|
32
|
+
cellPadding: string;
|
33
|
+
cellPaddingLeftContent: string;
|
34
|
+
cellPaddingContent: string;
|
35
|
+
cellPaddingRightContent: string;
|
36
|
+
cellTextboxGap: string;
|
37
|
+
cellGap: string;
|
38
|
+
cellLabelFontFamily: string;
|
39
|
+
cellLabelFontSize: string;
|
40
|
+
cellLabelFontStyle: string;
|
41
|
+
cellLabelFontWeight: string;
|
42
|
+
cellLabelLetterSpacing: string;
|
43
|
+
cellLabelLineHeight: string;
|
44
|
+
cellTitleFontFamily: string;
|
45
|
+
cellTitleFontSize: string;
|
46
|
+
cellTitleFontStyle: string;
|
47
|
+
cellTitleFontWeight: string;
|
48
|
+
cellTitleLetterSpacing: string;
|
49
|
+
cellTitleLineHeight: string;
|
50
|
+
cellSubtitleFontFamily: string;
|
51
|
+
cellSubtitleFontSize: string;
|
52
|
+
cellSubtitleFontStyle: string;
|
53
|
+
cellSubtitleFontWeight: string;
|
54
|
+
cellSubtitleLetterSpacing: string;
|
55
|
+
cellSubtitleLineHeight: string;
|
56
|
+
iconButtonColor: string;
|
57
|
+
iconButtonBackgroundColor: string;
|
58
|
+
iconButtonColorHover: string;
|
59
|
+
iconButtonBackgroundColorHover: string;
|
60
|
+
iconButtonColorActive: string;
|
61
|
+
iconButtonBackgroundColorActive: string;
|
62
|
+
iconButtonHeight: string;
|
63
|
+
iconButtonWidth: string;
|
64
|
+
iconButtonPadding: string;
|
65
|
+
iconButtonRadius: string;
|
66
|
+
iconButtonFontFamily: string;
|
67
|
+
iconButtonFontSize: string;
|
68
|
+
iconButtonFontStyle: string;
|
69
|
+
iconButtonFontWeight: string;
|
70
|
+
iconButtonLetterSpacing: string;
|
71
|
+
iconButtonLineHeight: string;
|
72
|
+
};
|
73
|
+
//# sourceMappingURL=Attach.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
|
+
export declare type CustomAttachProps = {
|
3
|
+
/**
|
4
|
+
* Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут `accept` для `input`).
|
5
|
+
*/
|
6
|
+
acceptedFileFormats?: string[];
|
7
|
+
/**
|
8
|
+
* Отображать прикрепленный файл
|
9
|
+
* @default true
|
10
|
+
*/
|
11
|
+
hasAttachment?: boolean;
|
12
|
+
/**
|
13
|
+
* Текст внутри кнопки
|
14
|
+
* @default 'Загрузить файл'
|
15
|
+
*/
|
16
|
+
text?: string;
|
17
|
+
/**
|
18
|
+
* Расположение элементов.
|
19
|
+
* По умолчанию 'auto' – автоматический перенос элемента в случае нехватки ширины контейнера.
|
20
|
+
* @default 'auto'
|
21
|
+
*/
|
22
|
+
flow?: 'horizontal' | 'vertical' | 'auto';
|
23
|
+
/**
|
24
|
+
* Размер Attach
|
25
|
+
*/
|
26
|
+
size?: string;
|
27
|
+
/**
|
28
|
+
* Вид Attach
|
29
|
+
*/
|
30
|
+
view?: string;
|
31
|
+
};
|
32
|
+
export declare type AttachProps = HTMLAttributes<HTMLDivElement> & CustomAttachProps;
|
33
|
+
//# sourceMappingURL=Attach.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,iBAAiB,GAAG;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
|
3
|
+
text?: string | undefined;
|
4
|
+
contentLeft?: import("react").ReactNode;
|
5
|
+
contentPlacing?: ("default" | "relaxed") | undefined;
|
6
|
+
isLoading?: boolean | undefined;
|
7
|
+
loader?: import("react").ReactNode;
|
8
|
+
stretch?: boolean | undefined;
|
9
|
+
stretching?: ("auto" | "fixed" | "filled") | undefined;
|
10
|
+
square?: boolean | undefined;
|
11
|
+
focused?: boolean | undefined;
|
12
|
+
disabled?: boolean | undefined;
|
13
|
+
pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
|
14
|
+
view?: string | undefined;
|
15
|
+
size?: string | undefined;
|
16
|
+
outlined?: boolean | undefined;
|
17
|
+
shiftLeft?: boolean | undefined;
|
18
|
+
shiftRight?: boolean | undefined;
|
19
|
+
blur?: "small" | "medium" | "large" | undefined;
|
20
|
+
} & {
|
21
|
+
value?: string | number | undefined;
|
22
|
+
contentRight?: undefined;
|
23
|
+
} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
|
24
|
+
text?: string | undefined;
|
25
|
+
contentLeft?: import("react").ReactNode;
|
26
|
+
contentPlacing?: ("default" | "relaxed") | undefined;
|
27
|
+
isLoading?: boolean | undefined;
|
28
|
+
loader?: import("react").ReactNode;
|
29
|
+
stretch?: boolean | undefined;
|
30
|
+
stretching?: ("auto" | "fixed" | "filled") | undefined;
|
31
|
+
square?: boolean | undefined;
|
32
|
+
focused?: boolean | undefined;
|
33
|
+
disabled?: boolean | undefined;
|
34
|
+
pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
|
35
|
+
view?: string | undefined;
|
36
|
+
size?: string | undefined;
|
37
|
+
outlined?: boolean | undefined;
|
38
|
+
shiftLeft?: boolean | undefined;
|
39
|
+
shiftRight?: boolean | undefined;
|
40
|
+
blur?: "small" | "medium" | "large" | undefined;
|
41
|
+
} & {
|
42
|
+
value?: undefined;
|
43
|
+
contentRight?: import("react").ReactNode;
|
44
|
+
} & import("react").RefAttributes<HTMLButtonElement>))>;
|
45
|
+
//# sourceMappingURL=Button.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAmBxB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|