sag_components 1.0.477 → 1.0.479
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stories/components/AttachedFile.js +46 -0
- package/dist/stories/components/AttachedFile.style.js +14 -0
- package/dist/stories/components/Dropdown.js +40 -40
- package/dist/stories/components/TextField.js +3 -7
- package/dist/stories/components/TextField.style.js +1 -3
- package/dist/stories/components/icons/AttachedIcon.js +27 -0
- package/dist/stories/components/icons/CloseIcon.js +27 -0
- package/dist/stories/components/icons/FileIcon.js +27 -0
- package/package.json +1 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _AttachedFile = require("./AttachedFile.style");
|
|
11
|
+
var _CloseIcon = _interopRequireDefault(require("./icons/CloseIcon"));
|
|
12
|
+
var _AttachedIcon = _interopRequireDefault(require("./icons/AttachedIcon"));
|
|
13
|
+
var _FileIcon = _interopRequireDefault(require("./icons/FileIcon"));
|
|
14
|
+
const AttachedFile = props => {
|
|
15
|
+
const {
|
|
16
|
+
inputText
|
|
17
|
+
} = props;
|
|
18
|
+
const [selectedFiles, setSelectedFiles] = (0, _react.useState)([]);
|
|
19
|
+
const handleFileChange = event => {
|
|
20
|
+
const files = Array.from(event.target.files);
|
|
21
|
+
setSelectedFiles([...selectedFiles, ...files]);
|
|
22
|
+
};
|
|
23
|
+
const handleRemoveFile = fileToRemove => {
|
|
24
|
+
setSelectedFiles(selectedFiles.filter(file => file !== fileToRemove));
|
|
25
|
+
};
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement(_AttachedFile.AttachedFileContainer, null, selectedFiles.map((file, index) => /*#__PURE__*/_react.default.createElement(_AttachedFile.UploadedFile, {
|
|
27
|
+
key: index
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement(_FileIcon.default, null), /*#__PURE__*/_react.default.createElement("span", null, file.name), /*#__PURE__*/_react.default.createElement(_AttachedFile.RemoveButton, {
|
|
29
|
+
onClick: () => handleRemoveFile(file)
|
|
30
|
+
}, /*#__PURE__*/_react.default.createElement(_CloseIcon.default, null)))), /*#__PURE__*/_react.default.createElement(_AttachedFile.InputLabel, {
|
|
31
|
+
htmlFor: "fileInput"
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, inputText), /*#__PURE__*/_react.default.createElement(_AttachedIcon.default, null)), /*#__PURE__*/_react.default.createElement("input", {
|
|
33
|
+
type: "file",
|
|
34
|
+
id: "fileInput",
|
|
35
|
+
onChange: handleFileChange,
|
|
36
|
+
multiple: true,
|
|
37
|
+
style: {
|
|
38
|
+
display: 'none'
|
|
39
|
+
}
|
|
40
|
+
}));
|
|
41
|
+
};
|
|
42
|
+
var _default = exports.default = AttachedFile;
|
|
43
|
+
AttachedFile.defaultProps = {
|
|
44
|
+
inputText: 'Attach file'
|
|
45
|
+
// onSelect: () => {},
|
|
46
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.UploadedFile = exports.RemoveButton = exports.InputLabel = exports.AttachedFileContainer = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
11
|
+
const AttachedFileContainer = exports.AttachedFileContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: 'Poppins';\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
12
|
+
const InputLabel = exports.InputLabel = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 8px;\n align-items: center;\n color: #229E38;\n cursor: pointer;\n"])));
|
|
13
|
+
const UploadedFile = exports.UploadedFile = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 8px;\n align-items: center;\n color: #A4A4A4;\n max-width: 200px;\n padding: 2px 8px;\n margin-bottom: 10px;\n"])));
|
|
14
|
+
const RemoveButton = exports.RemoveButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border: none;\n background: none;\n padding: 0;\n display: flex;\n align-items: center;\n margin-left: auto;\n cursor: pointer;\n"])));
|
|
@@ -31,7 +31,7 @@ const checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default,
|
|
|
31
31
|
*/
|
|
32
32
|
const Dropdown = _ref => {
|
|
33
33
|
let {
|
|
34
|
-
width =
|
|
34
|
+
width = '100%',
|
|
35
35
|
size,
|
|
36
36
|
text,
|
|
37
37
|
shape,
|
|
@@ -42,16 +42,16 @@ const Dropdown = _ref => {
|
|
|
42
42
|
options,
|
|
43
43
|
onChange,
|
|
44
44
|
onInputChange,
|
|
45
|
-
labelColor =
|
|
45
|
+
labelColor = '#1B30AA',
|
|
46
46
|
required,
|
|
47
47
|
inputRef,
|
|
48
48
|
defaultValue,
|
|
49
|
-
allowedInput =
|
|
49
|
+
allowedInput = 'all',
|
|
50
50
|
reset = false,
|
|
51
51
|
disableClearable = false,
|
|
52
52
|
disabled = false,
|
|
53
|
-
dropdownListfontSize =
|
|
54
|
-
placeHolderFontSize =
|
|
53
|
+
dropdownListfontSize = '14px',
|
|
54
|
+
placeHolderFontSize = '14px'
|
|
55
55
|
} = _ref;
|
|
56
56
|
/**
|
|
57
57
|
* SAG Dropdown
|
|
@@ -70,7 +70,7 @@ const Dropdown = _ref => {
|
|
|
70
70
|
MuiFormLabel: {
|
|
71
71
|
styleOverrides: {
|
|
72
72
|
asterisk: {
|
|
73
|
-
color:
|
|
73
|
+
color: '#db3131'
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
}
|
|
@@ -79,51 +79,51 @@ const Dropdown = _ref => {
|
|
|
79
79
|
|
|
80
80
|
// Single Text Style
|
|
81
81
|
const getTextFieldStyleSingle = () => {
|
|
82
|
-
if (shape ===
|
|
82
|
+
if (shape === 'round') {
|
|
83
83
|
// round
|
|
84
84
|
return {
|
|
85
|
-
|
|
86
|
-
borderRadius:
|
|
85
|
+
'& .MuiOutlinedInput-root': {
|
|
86
|
+
borderRadius: '12px',
|
|
87
87
|
legend: {
|
|
88
|
-
marginLeft:
|
|
88
|
+
marginLeft: '10px'
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
|
-
|
|
92
|
-
paddingLeft:
|
|
93
|
-
borderRadius:
|
|
91
|
+
'& .MuiAutocomplete-inputRoot': {
|
|
92
|
+
paddingLeft: '10px !important',
|
|
93
|
+
borderRadius: '12px',
|
|
94
94
|
// This matches the specificity of the default styles at https://github.com/mui-org/material-ui/blob/v4.11.3/packages/material-ui-lab/src/Autocomplete/Autocomplete.js#L90
|
|
95
95
|
'&[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input:first-of-type': {
|
|
96
96
|
// Default left padding is 6px
|
|
97
|
-
paddingLeft:
|
|
97
|
+
paddingLeft: '10px'
|
|
98
98
|
},
|
|
99
|
-
|
|
100
|
-
borderColor:
|
|
99
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
100
|
+
borderColor: '#E7E7E7'
|
|
101
101
|
},
|
|
102
|
-
|
|
103
|
-
borderColor: disabled ?
|
|
102
|
+
'&:hover .MuiOutlinedInput-notchedOutline': {
|
|
103
|
+
borderColor: disabled ? '#E7E7E7' : labelColor
|
|
104
104
|
},
|
|
105
|
-
|
|
106
|
-
borderColor: disabled ?
|
|
105
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
106
|
+
borderColor: disabled ? '#E7E7E7' : labelColor
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
|
-
|
|
109
|
+
'& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)': {
|
|
110
110
|
// Default transform is "translate(14px, 20px) scale(1)""
|
|
111
111
|
// This lines up the label with the initial cursor position in the input
|
|
112
112
|
// after changing its padding-left.
|
|
113
|
-
transform:
|
|
114
|
-
fontSize:
|
|
115
|
-
color: disabled ?
|
|
113
|
+
transform: 'translate(14px, 18px) scale(1);',
|
|
114
|
+
fontSize: '14px',
|
|
115
|
+
color: disabled ? '#E7E7E7' : currentInputValue && currentInputValue.length > 0 ? '#212121' : '#757575'
|
|
116
116
|
},
|
|
117
|
-
|
|
118
|
-
paddingLeft:
|
|
119
|
-
color: disabled ?
|
|
120
|
-
fontSize:
|
|
117
|
+
'& .MuiInputLabel-outlined': {
|
|
118
|
+
paddingLeft: '10px',
|
|
119
|
+
color: disabled ? '#E7E7E7' : labelColor,
|
|
120
|
+
fontSize: '18px'
|
|
121
121
|
},
|
|
122
|
-
|
|
123
|
-
marginLeft:
|
|
124
|
-
paddingLeft:
|
|
125
|
-
paddingRight:
|
|
126
|
-
background:
|
|
122
|
+
'& .MuiInputLabel-shrink': {
|
|
123
|
+
marginLeft: '1px',
|
|
124
|
+
paddingLeft: '4px',
|
|
125
|
+
paddingRight: '6px',
|
|
126
|
+
background: 'white'
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
129
|
}
|
|
@@ -148,15 +148,15 @@ const Dropdown = _ref => {
|
|
|
148
148
|
const ALPHA_REGEX = /^[a-zA-Z]+$/;
|
|
149
149
|
const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9-]+$/;
|
|
150
150
|
switch (allowedInput) {
|
|
151
|
-
case
|
|
151
|
+
case 'all':
|
|
152
152
|
return true;
|
|
153
|
-
case
|
|
153
|
+
case 'alpha':
|
|
154
154
|
if (ALPHA_REGEX.test(inputChar)) return true;
|
|
155
155
|
return false;
|
|
156
|
-
case
|
|
156
|
+
case 'numeric':
|
|
157
157
|
if (NUMERIC_REGEX.test(inputChar)) return true;
|
|
158
158
|
return false;
|
|
159
|
-
case
|
|
159
|
+
case 'alphaNumeric':
|
|
160
160
|
if (ALPHA_NUMERIC_REGEX.test(inputChar)) return true;
|
|
161
161
|
return false;
|
|
162
162
|
default:
|
|
@@ -204,7 +204,7 @@ const Dropdown = _ref => {
|
|
|
204
204
|
...params.InputProps,
|
|
205
205
|
style: {
|
|
206
206
|
fontSize: placeHolderFontSize,
|
|
207
|
-
fontFamily:
|
|
207
|
+
fontFamily: 'Poppins'
|
|
208
208
|
},
|
|
209
209
|
startAdornment: showSearchIcon ? /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
|
|
210
210
|
position: "start"
|
|
@@ -216,8 +216,8 @@ const Dropdown = _ref => {
|
|
|
216
216
|
ListboxProps: {
|
|
217
217
|
style: {
|
|
218
218
|
fontSize: dropdownListfontSize,
|
|
219
|
-
//default: 14px
|
|
220
|
-
fontFamily:
|
|
219
|
+
// default: 14px
|
|
220
|
+
fontFamily: 'Poppins'
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
}));
|
|
@@ -146,17 +146,13 @@ const TextField = exports.TextField = /*#__PURE__*/_react.default.forwardRef((_r
|
|
|
146
146
|
width: width
|
|
147
147
|
}, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
|
|
148
148
|
theme: theme
|
|
149
|
-
}, /*#__PURE__*/_react.default.createElement(_Box.default, {
|
|
150
|
-
sx: {
|
|
151
|
-
display: 'flex',
|
|
152
|
-
flexWrap: 'wrap'
|
|
153
|
-
}
|
|
154
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, !passwordField && /*#__PURE__*/_react.default.createElement(_TextField.default, {
|
|
149
|
+
}, /*#__PURE__*/_react.default.createElement(_Box.default, null, !passwordField && /*#__PURE__*/_react.default.createElement(_TextField.default, {
|
|
155
150
|
key: resetDefaultValue,
|
|
156
151
|
label: label,
|
|
157
152
|
multiline: multiline,
|
|
158
153
|
defaultValue: defaultValue,
|
|
159
154
|
placeholder: placeHolder,
|
|
155
|
+
s: true,
|
|
160
156
|
id: "outlined-start-adornment",
|
|
161
157
|
sx: getTextFieldStyle(),
|
|
162
158
|
size: size,
|
|
@@ -211,6 +207,6 @@ const TextField = exports.TextField = /*#__PURE__*/_react.default.forwardRef((_r
|
|
|
211
207
|
onChange: event => {
|
|
212
208
|
onChangeHandler(event);
|
|
213
209
|
}
|
|
214
|
-
})))))
|
|
210
|
+
})))));
|
|
215
211
|
});
|
|
216
212
|
var _default = exports.default = TextField;
|
|
@@ -8,6 +8,4 @@ exports.TextFieldContainer = void 0;
|
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
10
|
var _templateObject;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: ", "; \n text-align: left; \n position: relative; \n align-items: flex-start;\n justify-content: flex-start;\n font-family: Poppins; \n font-size: \"14px\";\n"])), props => props.width);
|
|
11
|
+
const TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: ", "; \n text-align: left; \n position: relative; \n align-items: flex-start;\n justify-content: flex-start;\n font-family: \"Poppins\"; \n font-size: 14px;\n"])), props => props.width);
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.AttachedIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
const AttachedIcon = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
width = '14',
|
|
12
|
+
height = '15',
|
|
13
|
+
fill = '#229E38'
|
|
14
|
+
} = _ref;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
viewBox: "0 0 16 15",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
+
d: "M11.2539 2.74609C10.543 2.03516 9.36719 2.03516 8.65625 2.74609L3.43359 7.99609C2.23047 9.19922 2.23047 11.1406 3.43359 12.3164C4.60938 13.5195 6.55078 13.5195 7.75391 12.3164L11.9102 8.16016C12.1562 7.91406 12.5664 7.91406 12.8125 8.16016C13.0859 8.43359 13.0859 8.84375 12.8125 9.08984L8.68359 13.2461C6.96094 14.9688 4.19922 14.9688 2.50391 13.2461C0.78125 11.5508 0.78125 8.78906 2.50391 7.06641L7.75391 1.81641C8.95703 0.613281 10.9531 0.613281 12.1836 1.81641C13.3867 3.04688 13.3867 5.04297 12.1836 6.24609L7.15234 11.2773C6.27734 12.1523 4.85547 12.0703 4.08984 11.1133C3.43359 10.293 3.51562 9.11719 4.25391 8.37891L8.41016 4.22266C8.65625 3.97656 9.06641 3.97656 9.3125 4.22266C9.58594 4.49609 9.58594 4.90625 9.3125 5.15234L5.18359 9.30859C4.91016 9.58203 4.88281 9.99219 5.12891 10.293C5.40234 10.6211 5.89453 10.6758 6.22266 10.3477L11.2539 5.31641C11.9648 4.60547 11.9648 3.45703 11.2539 2.74609Z",
|
|
23
|
+
fill: fill
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
exports.AttachedIcon = AttachedIcon;
|
|
27
|
+
var _default = exports.default = AttachedIcon;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.CloseIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
const CloseIcon = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
width = '16',
|
|
12
|
+
height = '15',
|
|
13
|
+
fill = '#B1B1B1'
|
|
14
|
+
} = _ref;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
viewBox: "0 0 16 15",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
+
d: "M8 2.0625C5.94922 2.0625 4.08984 3.15625 3.05078 4.90625C2.03906 6.68359 2.03906 8.84375 3.05078 10.5938C4.08984 12.3711 5.94922 13.4375 8 13.4375C10.0234 13.4375 11.8828 12.3711 12.9219 10.5938C13.9336 8.84375 13.9336 6.68359 12.9219 4.90625C11.8828 3.15625 10.0234 2.0625 8 2.0625ZM8 14.75C5.48438 14.75 3.1875 13.4375 1.92969 11.25C0.671875 9.08984 0.671875 6.4375 1.92969 4.25C3.1875 2.08984 5.48438 0.75 8 0.75C10.4883 0.75 12.7852 2.08984 14.043 4.25C15.3008 6.4375 15.3008 9.08984 14.043 11.25C12.7852 13.4375 10.4883 14.75 8 14.75ZM5.78516 5.53516C6.03125 5.28906 6.44141 5.28906 6.6875 5.53516L7.97266 6.82031L9.25781 5.53516C9.53125 5.28906 9.94141 5.28906 10.1875 5.53516C10.4609 5.80859 10.4609 6.21875 10.1875 6.46484L8.90234 7.75L10.1875 9.03516C10.4609 9.30859 10.4609 9.71875 10.1875 9.96484C9.94141 10.2383 9.53125 10.2383 9.25781 9.96484L7.97266 8.67969L6.6875 9.96484C6.44141 10.2383 6.03125 10.2383 5.78516 9.96484C5.51172 9.71875 5.51172 9.30859 5.78516 9.03516L7.07031 7.75L5.78516 6.46484C5.51172 6.21875 5.51172 5.80859 5.78516 5.53516Z",
|
|
23
|
+
fill: fill
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
exports.CloseIcon = CloseIcon;
|
|
27
|
+
var _default = exports.default = CloseIcon;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.FileIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
const FileIcon = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
width = '11',
|
|
12
|
+
height = '15',
|
|
13
|
+
fill = '#212121'
|
|
14
|
+
} = _ref;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: width,
|
|
18
|
+
height: height,
|
|
19
|
+
viewBox: "0 0 11 15",
|
|
20
|
+
fill: "none"
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
+
d: "M8.75 13.4375C8.96875 13.4375 9.1875 13.2461 9.1875 13V5.125H7C6.50781 5.125 6.125 4.74219 6.125 4.25V2.0625H1.75C1.50391 2.0625 1.3125 2.28125 1.3125 2.5V13C1.3125 13.2461 1.50391 13.4375 1.75 13.4375H8.75ZM0 2.5C0 1.54297 0.765625 0.75 1.75 0.75H6.26172C6.72656 0.75 7.16406 0.941406 7.49219 1.26953L9.98047 3.75781C10.3086 4.08594 10.5 4.52344 10.5 4.98828V13C10.5 13.9844 9.70703 14.75 8.75 14.75H1.75C0.765625 14.75 0 13.9844 0 13V2.5Z",
|
|
23
|
+
fill: fill
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
exports.FileIcon = FileIcon;
|
|
27
|
+
var _default = exports.default = FileIcon;
|