@evoke-platform/ui-components 1.0.0-dev.204 → 1.0.0-dev.206

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.
Files changed (7) hide show
  1. package/dist/published/icons/custom/FileWithExtension.d.ts +10 -0
  2. package/dist/published/icons/custom/FileWithExtension.js +23 -0
  3. package/dist/published/icons/custom/UploadCloud.d.ts +9 -0
  4. package/dist/published/icons/custom/UploadCloud.js +9 -0
  5. package/dist/published/icons/custom/index.d.ts +2 -0
  6. package/dist/published/icons/custom/index.js +2 -0
  7. package/package.json +1 -1
package/dist/published/icons/custom/FileWithExtension.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { SvgIconProps } from '@mui/material';
3
+ export declare const FileWithExtension: (props: SvgIconProps & {
4
+ sx: {
5
+ width?: string;
6
+ height?: string;
7
+ color?: string;
8
+ };
9
+ fileExtension?: string;
10
+ }) => JSX.Element;
package/dist/published/icons/custom/FileWithExtension.js ADDED
@@ -0,0 +1,23 @@
1
+ import { SvgIcon } from '@mui/material';
2
+ import React from 'react';
3
+ const extensionColors = {
4
+ jpg: '#0075A7',
5
+ png: '#0075A7',
6
+ jpeg: '#0075A7',
7
+ doc: '#175BAD',
8
+ docx: '#175BAD',
9
+ pdf: '#B72136',
10
+ zip: '#B78103',
11
+ xls: '#08660D',
12
+ xlsx: '#08660D',
13
+ csv: '#08660D',
14
+ };
15
+ export const FileWithExtension = (props) => {
16
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
17
+ const color = (_d = (_b = (_a = props === null || props === void 0 ? void 0 : props.sx) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : extensionColors[(_c = props.fileExtension) !== null && _c !== void 0 ? _c : '']) !== null && _d !== void 0 ? _d : '#454F5B';
18
+ return (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: "0 0 22 28", fill: "none", sx: Object.assign({ verticalAlign: 'top', maxWidth: (_f = (_e = props.sx) === null || _e === void 0 ? void 0 : _e['width']) !== null && _f !== void 0 ? _f : '22', maxHeight: (_h = (_g = props.sx) === null || _g === void 0 ? void 0 : _g['height']) !== null && _h !== void 0 ? _h : '28' }, props.sx) }),
19
+ React.createElement("g", { id: "icon/ic_file" },
20
+ props.fileExtension && (React.createElement("text", { x: "50%", y: "60%", textAnchor: "middle", dominantBaseline: "middle", fontSize: props.fileExtension.length === 3 ? '9' : '7', fontWeight: 700, fontFamily: "'Roboto Condensed', 'Source Sans Pro', 'Lucida Grande', sans-serif", fill: color }, (_j = props.fileExtension) === null || _j === void 0 ? void 0 : _j.toUpperCase())),
21
+ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5604 7.16363C20.7781 7.41012 20.8992 7.73101 20.9 8.0641V23.5198C20.8949 23.9664 20.8043 24.4075 20.6335 24.818C20.4627 25.2285 20.2149 25.6004 19.9044 25.9124C19.5939 26.2244 19.2267 26.4704 18.8237 26.6364C18.4208 26.8024 17.99 26.8851 17.556 26.8798H3.344C2.91 26.8851 2.47923 26.8024 2.07628 26.6364C1.67334 26.4704 1.30613 26.2244 0.9956 25.9124C0.685075 25.6004 0.437325 25.2285 0.266499 24.818C0.0956725 24.4075 0.00511577 23.9664 0 23.5198V3.36018C0.00511577 2.91364 0.0956725 2.47252 0.266499 2.06199C0.437325 1.65146 0.685075 1.27958 0.9956 0.967574C1.30613 0.655568 1.67334 0.409553 2.07628 0.243577C2.47923 0.0776012 2.91 -0.00508442 3.344 0.000241884H13.794C13.9105 0.000525092 14.0261 0.0168279 14.1378 0.0484847C14.2009 0.0663776 14.2628 0.0891756 14.3229 0.116758C14.4894 0.193142 14.6385 0.304528 14.7606 0.443754L20.5604 7.16363ZM13.002 1.11954H3.33753L3.33105 1.11946C3.03959 1.11589 2.75032 1.17142 2.47977 1.28286C2.20923 1.3943 1.96275 1.55944 1.75438 1.76881C1.54602 1.97817 1.37984 2.22764 1.26528 2.50294C1.15148 2.77642 1.09082 3.0701 1.08666 3.36744V23.5126C1.09082 23.8099 1.15148 24.1036 1.26528 24.3771C1.37984 24.6524 1.54602 24.9018 1.75438 25.1112C1.96275 25.3206 2.20923 25.4857 2.47977 25.5971C2.75032 25.7086 3.03959 25.7641 3.33105 25.7605L3.33753 25.7605H17.5625L17.5689 25.7605C17.8604 25.7641 18.1497 25.7086 18.4202 25.5971C18.6908 25.4857 18.9372 25.3206 19.1456 25.1112C19.354 24.9018 19.5202 24.6524 19.6347 24.3771C19.7485 24.1036 19.8092 23.8099 19.8133 23.5126V8.12757H15.0226L14.9899 8.12554C14.7092 8.10811 14.4347 8.03333 14.1824 7.90553C13.93 7.77773 13.7048 7.59946 13.52 7.38104C13.3352 7.16263 13.1944 6.90845 13.1061 6.63333C13.0229 6.37448 12.9877 6.102 13.002 5.83002V1.11954ZM14.0887 5.86589C14.078 6.00646 14.0947 6.14781 14.1377 6.28168C14.1807 6.41556 14.2492 6.53928 14.3392 6.64562C14.4292 6.75196 14.5388 6.8388 14.6618 6.90107C14.7847 6.96333 14.9185 6.99978 15.0553 7.00827H18.9741L14.0887 1.63237V5.86589Z", fill: color }),
22
+ React.createElement("path", { d: "M2.2002 4.48154C2.2002 3.24452 3.20291 2.24169 4.43992 2.24154L14.1764 2.24036C14.8417 2.24028 15.4714 2.53663 15.9033 3.04275C17.677 5.1213 19.722 7.34811 21.479 9.41785C21.8178 9.81693 22.0002 10.3243 22.0002 10.8478V25.7602C22.0002 26.9974 20.9973 28.0002 19.7602 28.0002H4.4402C3.20308 28.0002 2.2002 26.9974 2.2002 25.7602V4.48154Z", fill: color, "fill-opacity": "0.12" }))));
23
+ };
package/dist/published/icons/custom/UploadCloud.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { SvgIconProps } from '@mui/material';
3
+ export declare const UploadCloud: (props: SvgIconProps & {
4
+ sx: {
5
+ width?: string;
6
+ height?: string;
7
+ color?: string;
8
+ };
9
+ }) => JSX.Element;
package/dist/published/icons/custom/UploadCloud.js ADDED
@@ -0,0 +1,9 @@
1
+ import { SvgIcon } from '@mui/material';
2
+ import React from 'react';
3
+ export const UploadCloud = (props) => {
4
+ var _a, _b, _c, _d, _e, _f, _g, _h;
5
+ return (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: "0 0 41 28", fill: "none", sx: Object.assign({ verticalAlign: 'top', maxWidth: (_b = (_a = props.sx) === null || _a === void 0 ? void 0 : _a['width']) !== null && _b !== void 0 ? _b : '41', maxHeight: (_d = (_c = props.sx) === null || _c === void 0 ? void 0 : _c['height']) !== null && _d !== void 0 ? _d : '28' }, props.sx) }),
6
+ React.createElement("g", { id: "icon/ic_upload_cloud" },
7
+ React.createElement("path", { d: "M32.4328 10.47C32.5314 10.9006 32.8932 11.2155 33.3244 11.265C37.2285 11.713 40.25 14.9896 40.25 18.9998C40.25 23.3237 36.7405 26.8332 32.4167 26.8332H10.75C5.50948 26.8332 1.25 22.5737 1.25 17.3332C1.25 12.5282 4.8242 8.54753 9.46608 7.92743C9.78781 7.88445 10.0736 7.69157 10.2315 7.40367C12.2706 3.68623 16.219 1.1665 20.75 1.1665C26.4458 1.1665 31.209 5.13038 32.4328 10.47Z", stroke: (_f = (_e = props.sx) === null || _e === void 0 ? void 0 : _e['color']) !== null && _f !== void 0 ? _f : '#919EAB', fill: "none", strokeWidth: 1 }),
8
+ React.createElement("path", { d: "M16.083 15.0002L16.9055 15.8227L20.1663 12.5677V19.6668H21.333V12.5677L24.588 15.8285L25.4163 15.0002L20.7497 10.3335L16.083 15.0002Z", fill: (_h = (_g = props.sx) === null || _g === void 0 ? void 0 : _g['width']) !== null && _h !== void 0 ? _h : '919EAB', strokeWidth: 5 }))));
9
+ };
package/dist/published/icons/custom/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  export * from './Inherited';
2
2
  export * from './Overrides';
3
3
  export * from './TrashCan';
4
+ export * from './UploadCloud';
5
+ export * from './FileWithExtension';
package/dist/published/icons/custom/index.js CHANGED
@@ -1,3 +1,5 @@
1
1
  export * from './Inherited';
2
2
  export * from './Overrides';
3
3
  export * from './TrashCan';
4
+ export * from './UploadCloud';
5
+ export * from './FileWithExtension';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evoke-platform/ui-components",
3
- "version": "1.0.0-dev.204",
3
+ "version": "1.0.0-dev.206",
4
4
  "description": "",
5
5
  "main": "dist/published/index.js",
6
6
  "module": "dist/published/index.js",