@maggioli-design-system/mds-table-row 4.4.3 → 4.5.0
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/cjs/mds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/mds-table-row.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/common/file.js +48 -0
- package/dist/collection/common/icon.js +15 -0
- package/dist/collection/common/unit.js +15 -3
- package/dist/collection/common/yugop/core.js +16 -0
- package/dist/collection/common/yugop/index.js +3 -0
- package/dist/collection/common/yugop/random-text.js +59 -0
- package/dist/collection/common/yugop/utils/math.js +11 -0
- package/dist/collection/common/yugop/utils/noop.js +1 -0
- package/dist/collection/common/yugop/utils/prng.js +21 -0
- package/dist/collection/common/yugop/utils/string.js +2 -0
- package/dist/collection/components/mds-table-row/mds-table-row.css +144 -0
- package/dist/collection/dictionary/file-extensions.js +64 -0
- package/dist/collection/dictionary/icon.js +6 -1
- package/dist/collection/dictionary/text.js +6 -0
- package/dist/collection/dictionary/variant.js +18 -1
- package/dist/collection/fixtures/filenames.js +57 -0
- package/dist/collection/type/file-types.js +1 -0
- package/dist/collection/type/text.js +1 -0
- package/dist/collection/type/variant-file-format.js +111 -0
- package/dist/components/mds-table-row.js +1 -1
- package/dist/documentation.json +3 -3
- package/dist/esm/mds-table-row.entry.js +1 -1
- package/dist/esm/mds-table-row.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +1 -1
- package/dist/mds-table-row/mds-table-row.esm.js +1 -1
- package/dist/mds-table-row/mds-table-row.js +1 -1
- package/{www/build/p-fe4b1f1b.system.js → dist/mds-table-row/p-65fbbba9.system.js} +1 -1
- package/dist/mds-table-row/p-ab9fb13e.entry.js +1 -0
- package/dist/mds-table-row/p-f8b0aa6b.system.entry.js +1 -0
- package/dist/stats.json +57 -18
- package/dist/types/common/file.d.ts +12 -0
- package/dist/types/common/icon.d.ts +5 -0
- package/dist/types/common/unit.d.ts +2 -1
- package/dist/types/common/yugop/core.d.ts +10 -0
- package/dist/types/common/yugop/index.d.ts +1 -0
- package/dist/types/common/yugop/random-text.d.ts +31 -0
- package/dist/types/common/yugop/utils/math.d.ts +3 -0
- package/dist/types/common/yugop/utils/noop.d.ts +1 -0
- package/dist/types/common/yugop/utils/prng.d.ts +8 -0
- package/dist/types/common/yugop/utils/string.d.ts +1 -0
- package/dist/types/dictionary/file-extensions.d.ts +11 -0
- package/dist/types/dictionary/icon.d.ts +2 -1
- package/dist/types/dictionary/text.d.ts +2 -0
- package/dist/types/dictionary/variant.d.ts +2 -1
- package/dist/types/fixtures/filenames.d.ts +2 -0
- package/dist/types/type/file-types.d.ts +1 -0
- package/dist/types/type/text.d.ts +1 -0
- package/dist/types/type/variant-file-format.d.ts +11 -0
- package/dist/types/type/variant.d.ts +1 -0
- package/documentation.json +47 -12
- package/package.json +4 -4
- package/src/common/file.ts +63 -0
- package/src/common/icon.ts +25 -0
- package/src/common/unit.ts +21 -2
- package/src/common/yugop/core.ts +47 -0
- package/src/common/yugop/index.ts +4 -0
- package/src/common/yugop/random-text.ts +95 -0
- package/src/common/yugop/utils/math.ts +21 -0
- package/src/common/yugop/utils/noop.ts +1 -0
- package/src/common/yugop/utils/prng.ts +35 -0
- package/src/common/yugop/utils/string.ts +4 -0
- package/src/dictionary/file-extensions.ts +81 -0
- package/src/dictionary/icon.ts +6 -0
- package/src/dictionary/text.ts +9 -0
- package/src/dictionary/variant.ts +19 -0
- package/src/fixtures/filenames.ts +60 -0
- package/src/fixtures/icons.json +10 -0
- package/src/fixtures/iconsauce.json +3 -0
- package/src/type/file-types.ts +55 -0
- package/src/type/text.ts +4 -0
- package/src/type/variant-file-format.ts +128 -0
- package/src/type/variant.ts +17 -0
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/{dist/mds-table-row/p-fe4b1f1b.system.js → www/build/p-65fbbba9.system.js} +1 -1
- package/www/build/p-ab9fb13e.entry.js +1 -0
- package/www/build/p-f8b0aa6b.system.entry.js +1 -0
- package/dist/mds-table-row/p-0f958c61.entry.js +0 -1
- package/dist/mds-table-row/p-8da35bc4.system.entry.js +0 -1
- package/www/build/p-0f958c61.entry.js +0 -1
- package/www/build/p-8da35bc4.system.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7b6fb148.js');
|
|
6
6
|
|
|
7
|
-
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
|
|
7
|
+
const mdsTableRowCss = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
|
|
8
8
|
|
|
9
9
|
const MdsTableRow = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-7b6fb148.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v4.
|
|
8
|
+
Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchBrowser = () => {
|
|
11
11
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { fileExtensionsDictionary } from "../dictionary/file-extensions";
|
|
2
|
+
import { fileFormatsVariant } from "../type/variant-file-format";
|
|
3
|
+
const sanitizeFilename = (filename, error = 'Attribute "filename" is undefined.') => {
|
|
4
|
+
var _a;
|
|
5
|
+
if (filename === undefined) {
|
|
6
|
+
throw console.error(error);
|
|
7
|
+
}
|
|
8
|
+
if (filename.includes('/')) {
|
|
9
|
+
return (_a = filename.split('/').pop()) !== null && _a !== void 0 ? _a : '';
|
|
10
|
+
}
|
|
11
|
+
return filename;
|
|
12
|
+
};
|
|
13
|
+
const sanitizeSuffix = (rawFilename) => {
|
|
14
|
+
var _a;
|
|
15
|
+
const filename = sanitizeFilename(rawFilename);
|
|
16
|
+
if (filename.includes('.')) {
|
|
17
|
+
return (_a = filename.split('.').pop()) !== null && _a !== void 0 ? _a : '';
|
|
18
|
+
}
|
|
19
|
+
return filename;
|
|
20
|
+
};
|
|
21
|
+
const getName = (rawFilename) => {
|
|
22
|
+
var _a;
|
|
23
|
+
const filename = sanitizeFilename(rawFilename);
|
|
24
|
+
if (filename.includes('.')) {
|
|
25
|
+
return (_a = filename.split('.')[0]) !== null && _a !== void 0 ? _a : '';
|
|
26
|
+
}
|
|
27
|
+
return filename;
|
|
28
|
+
};
|
|
29
|
+
const getSuffix = (rawFilename, suffixOverride) => {
|
|
30
|
+
const suffix = sanitizeSuffix(rawFilename);
|
|
31
|
+
const filename = sanitizeFilename(rawFilename);
|
|
32
|
+
if (suffixOverride !== null && suffixOverride !== undefined) {
|
|
33
|
+
return suffixOverride.toLowerCase();
|
|
34
|
+
}
|
|
35
|
+
if (suffix !== filename) {
|
|
36
|
+
return suffix;
|
|
37
|
+
}
|
|
38
|
+
return 'default';
|
|
39
|
+
};
|
|
40
|
+
const getExtensionInfos = (rawFilename, suffixOverride) => {
|
|
41
|
+
var _a;
|
|
42
|
+
const suffix = getSuffix(rawFilename, suffixOverride).toLocaleLowerCase();
|
|
43
|
+
return (_a = fileExtensionsDictionary[suffix]) !== null && _a !== void 0 ? _a : fileExtensionsDictionary.default;
|
|
44
|
+
};
|
|
45
|
+
const getFormatsVariant = (rawFilename, suffixOverride) => {
|
|
46
|
+
return fileFormatsVariant[getExtensionInfos(rawFilename, suffixOverride).format];
|
|
47
|
+
};
|
|
48
|
+
export { getExtensionInfos, getFormatsVariant, getSuffix, getName, };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const BASE64_SVG_ICON = 'data:image/svg+xml;base64,';
|
|
2
|
+
const MARKUP_SVG_ICON = '<svg ';
|
|
3
|
+
const isIconFormatIsBase64 = (icon) => {
|
|
4
|
+
if (!icon) {
|
|
5
|
+
return false;
|
|
6
|
+
}
|
|
7
|
+
return icon.startsWith(BASE64_SVG_ICON);
|
|
8
|
+
};
|
|
9
|
+
const isIconFormatIsSVG = (icon) => {
|
|
10
|
+
if (!icon) {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
return icon.startsWith(MARKUP_SVG_ICON);
|
|
14
|
+
};
|
|
15
|
+
export { isIconFormatIsBase64, isIconFormatIsSVG, BASE64_SVG_ICON, MARKUP_SVG_ICON, };
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
|
|
2
|
+
if (duration.includes('ms')) {
|
|
3
|
+
return Number(duration.replace('ms', ''));
|
|
4
|
+
}
|
|
2
5
|
if (duration.includes('s')) {
|
|
3
6
|
return Number(duration.replace('s', '')) * 1000;
|
|
4
7
|
}
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
return defaultValue;
|
|
9
|
+
};
|
|
10
|
+
const cssSizeToNumber = (size, defaultValue = 0) => {
|
|
11
|
+
if (size.includes('px')) {
|
|
12
|
+
return Number(size.replace('px', ''));
|
|
13
|
+
}
|
|
14
|
+
if (size.includes('rem')) {
|
|
15
|
+
return Number(size.replace('rem', '')) * 16;
|
|
16
|
+
}
|
|
17
|
+
if (size.includes('em')) {
|
|
18
|
+
return Number(size.replace('em', '')) * 16;
|
|
7
19
|
}
|
|
8
20
|
return defaultValue;
|
|
9
21
|
};
|
|
10
|
-
export { cssDurationToMilliseconds, };
|
|
22
|
+
export { cssDurationToMilliseconds, cssSizeToNumber, };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { generator } from "./utils/prng";
|
|
2
|
+
import { strToCharCodeArray } from "./utils/string";
|
|
3
|
+
import { randomSign, minMaxLooped } from "./utils/math";
|
|
4
|
+
const rand = generator();
|
|
5
|
+
const random = (base, offset) => () => (base + rand.range(0, offset)) * randomSign();
|
|
6
|
+
export const generateRandomCharCodeArray = (base, offset) => str => strToCharCodeArray(str).map(random(base, offset));
|
|
7
|
+
export const charCodeArrayToString = ({ str, minCharCode, maxCharCode, placeholderChar, charStep, }) => charCodes => charCodes.reduce((acc, item, index) => {
|
|
8
|
+
if (item !== 0) {
|
|
9
|
+
if (Math.abs(item) > charStep) {
|
|
10
|
+
return acc + placeholderChar;
|
|
11
|
+
}
|
|
12
|
+
return (acc +
|
|
13
|
+
String.fromCharCode(minMaxLooped(minCharCode, maxCharCode)(str.charCodeAt(index) + item)));
|
|
14
|
+
}
|
|
15
|
+
return acc + str.charAt(index);
|
|
16
|
+
}, '');
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { generateRandomCharCodeArray, charCodeArrayToString } from "./core";
|
|
2
|
+
import { noop } from "./utils/noop";
|
|
3
|
+
class RandomText {
|
|
4
|
+
constructor(options) {
|
|
5
|
+
this.start = () => {
|
|
6
|
+
const { frameOffset, charOffset, str, speed } = this;
|
|
7
|
+
const randoms = generateRandomCharCodeArray(frameOffset, charOffset)(str);
|
|
8
|
+
this.stop();
|
|
9
|
+
this.rafId = requestAnimationFrame(() => {
|
|
10
|
+
this.step(randoms, speed, speed);
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
Object.assign(this, Object.assign(Object.assign({}, RandomText.defaults), options));
|
|
14
|
+
}
|
|
15
|
+
stop() {
|
|
16
|
+
cancelAnimationFrame(this.rafId);
|
|
17
|
+
}
|
|
18
|
+
step(randoms, stepCount, speed) {
|
|
19
|
+
const { str, charStep, minCharCode, maxCharCode, placeholderChar, onProgress, onComplete, } = this;
|
|
20
|
+
const stepArray = randoms.slice(0, stepCount);
|
|
21
|
+
const steppedArray = stepArray.map(item => {
|
|
22
|
+
if (item > 0)
|
|
23
|
+
return item - 1;
|
|
24
|
+
if (item < 0)
|
|
25
|
+
return item + 1;
|
|
26
|
+
return 0;
|
|
27
|
+
});
|
|
28
|
+
const output = charCodeArrayToString({
|
|
29
|
+
str,
|
|
30
|
+
minCharCode,
|
|
31
|
+
maxCharCode,
|
|
32
|
+
placeholderChar,
|
|
33
|
+
charStep,
|
|
34
|
+
})(steppedArray);
|
|
35
|
+
const updatedRandoms = [...steppedArray, ...randoms.slice(stepCount)];
|
|
36
|
+
onProgress(output);
|
|
37
|
+
if (output !== str) {
|
|
38
|
+
this.rafId = requestAnimationFrame(() => {
|
|
39
|
+
this.step(updatedRandoms, stepCount + speed, speed);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
onComplete(output);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
RandomText.defaults = {
|
|
48
|
+
str: '',
|
|
49
|
+
speed: 2,
|
|
50
|
+
placeholderChar: '_',
|
|
51
|
+
frameOffset: 30,
|
|
52
|
+
charOffset: 20,
|
|
53
|
+
charStep: 10,
|
|
54
|
+
minCharCode: 32,
|
|
55
|
+
maxCharCode: 122,
|
|
56
|
+
onProgress: noop,
|
|
57
|
+
onComplete: noop,
|
|
58
|
+
};
|
|
59
|
+
export default RandomText;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { generator } from "./prng";
|
|
2
|
+
const rand = generator();
|
|
3
|
+
export const randomSign = () => (Math.round(Math.random()) - 0.5) * 2;
|
|
4
|
+
export const generateRandomNumbers = base => charOffset => length => [...Array(length)].map(() => (base + rand.range(0, charOffset)) * randomSign());
|
|
5
|
+
export const minMaxLooped = (min, max) => value => {
|
|
6
|
+
if (value > max)
|
|
7
|
+
return min + (value - max);
|
|
8
|
+
if (value < min)
|
|
9
|
+
return max + (value - min);
|
|
10
|
+
return value;
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const noop = () => { };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const int32 = 2147483647;
|
|
2
|
+
const gen = v => (v * 16807) % int32;
|
|
3
|
+
const randomFloat = v => gen(v) / int32;
|
|
4
|
+
const randomInt = v => gen(v);
|
|
5
|
+
export const generator = (seed = 1) => {
|
|
6
|
+
let value = seed < 1 ? 1 : seed;
|
|
7
|
+
const next = () => {
|
|
8
|
+
value = randomInt(value);
|
|
9
|
+
return value;
|
|
10
|
+
};
|
|
11
|
+
return {
|
|
12
|
+
random: () => next(),
|
|
13
|
+
randomFloat: () => randomFloat(next()),
|
|
14
|
+
range: (min, max) => {
|
|
15
|
+
const minimum = min - 0.4999;
|
|
16
|
+
const maximum = max + 0.4999;
|
|
17
|
+
return Math.round(minimum + (maximum - minimum) * randomFloat(next()));
|
|
18
|
+
},
|
|
19
|
+
rangeFloat: (min, max) => min + (max - min) * randomFloat(next()),
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
.static {
|
|
2
|
+
position: static;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.fixed {
|
|
2
6
|
position: fixed;
|
|
3
7
|
}
|
|
@@ -10,6 +14,146 @@
|
|
|
10
14
|
border-width: 1px;
|
|
11
15
|
}
|
|
12
16
|
|
|
17
|
+
.bg-label-amaranth-10 {
|
|
18
|
+
--tw-bg-opacity: 1;
|
|
19
|
+
background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.bg-label-aqua-10 {
|
|
23
|
+
--tw-bg-opacity: 1;
|
|
24
|
+
background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.bg-label-blue-10 {
|
|
28
|
+
--tw-bg-opacity: 1;
|
|
29
|
+
background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.bg-label-green-10 {
|
|
33
|
+
--tw-bg-opacity: 1;
|
|
34
|
+
background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.bg-label-lime-10 {
|
|
38
|
+
--tw-bg-opacity: 1;
|
|
39
|
+
background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.bg-label-orange-10 {
|
|
43
|
+
--tw-bg-opacity: 1;
|
|
44
|
+
background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.bg-label-orchid-10 {
|
|
48
|
+
--tw-bg-opacity: 1;
|
|
49
|
+
background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.bg-label-violet-10 {
|
|
53
|
+
--tw-bg-opacity: 1;
|
|
54
|
+
background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.bg-label-yellow-10 {
|
|
58
|
+
--tw-bg-opacity: 1;
|
|
59
|
+
background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.bg-tone-neutral-10 {
|
|
63
|
+
--tw-bg-opacity: 1;
|
|
64
|
+
background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.fill-label-amaranth-04 {
|
|
68
|
+
fill: rgb(var(--label-amaranth-04));
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.fill-label-aqua-04 {
|
|
72
|
+
fill: rgb(var(--label-aqua-04));
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.fill-label-blue-04 {
|
|
76
|
+
fill: rgb(var(--label-blue-04));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.fill-label-green-04 {
|
|
80
|
+
fill: rgb(var(--label-green-04));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.fill-label-lime-04 {
|
|
84
|
+
fill: rgb(var(--label-lime-04));
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.fill-label-orange-04 {
|
|
88
|
+
fill: rgb(var(--label-orange-04));
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.fill-label-orchid-04 {
|
|
92
|
+
fill: rgb(var(--label-orchid-04));
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.fill-label-violet-04 {
|
|
96
|
+
fill: rgb(var(--label-violet-04));
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.fill-label-yellow-04 {
|
|
100
|
+
fill: rgb(var(--label-yellow-04));
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.fill-tone-neutral-04 {
|
|
104
|
+
fill: rgb(var(--tone-neutral-04));
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.text-label-amaranth-04 {
|
|
108
|
+
--tw-text-opacity: 1;
|
|
109
|
+
color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.text-label-aqua-04 {
|
|
113
|
+
--tw-text-opacity: 1;
|
|
114
|
+
color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.text-label-blue-04 {
|
|
118
|
+
--tw-text-opacity: 1;
|
|
119
|
+
color: rgb(var(--label-blue-04) / var(--tw-text-opacity));
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.text-label-green-04 {
|
|
123
|
+
--tw-text-opacity: 1;
|
|
124
|
+
color: rgb(var(--label-green-04) / var(--tw-text-opacity));
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.text-label-lime-04 {
|
|
128
|
+
--tw-text-opacity: 1;
|
|
129
|
+
color: rgb(var(--label-lime-04) / var(--tw-text-opacity));
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.text-label-orange-04 {
|
|
133
|
+
--tw-text-opacity: 1;
|
|
134
|
+
color: rgb(var(--label-orange-04) / var(--tw-text-opacity));
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.text-label-orchid-04 {
|
|
138
|
+
--tw-text-opacity: 1;
|
|
139
|
+
color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.text-label-violet-04 {
|
|
143
|
+
--tw-text-opacity: 1;
|
|
144
|
+
color: rgb(var(--label-violet-04) / var(--tw-text-opacity));
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.text-label-yellow-04 {
|
|
148
|
+
--tw-text-opacity: 1;
|
|
149
|
+
color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.text-tone-neutral-04 {
|
|
153
|
+
--tw-text-opacity: 1;
|
|
154
|
+
color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));
|
|
155
|
+
}
|
|
156
|
+
|
|
13
157
|
.shadow {
|
|
14
158
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
15
159
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
const fileExtensionsDictionary = {
|
|
2
|
+
'7z': { format: 'archive', description: 'Archivio compresso' },
|
|
3
|
+
ace: { format: 'archive', description: 'Archivio compresso' },
|
|
4
|
+
ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
|
|
5
|
+
dart: { format: 'code', description: 'Dart' },
|
|
6
|
+
db: { format: 'data', description: 'File di database' },
|
|
7
|
+
default: { format: 'attachment', description: 'Formato sconosciuto' },
|
|
8
|
+
dmg: { format: 'executable', description: 'Apple Disk Image' },
|
|
9
|
+
doc: { format: 'text', description: 'Documento Microsoft Word' },
|
|
10
|
+
docm: { format: 'text', description: 'Documento Microsoft Word' },
|
|
11
|
+
docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
|
|
12
|
+
eml: { format: 'email', description: 'E-mail di posta elettronica' },
|
|
13
|
+
eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
|
|
14
|
+
exe: { format: 'executable', description: 'File eseguibile Windows' },
|
|
15
|
+
flac: { format: 'audio', description: 'Audio non compresso' },
|
|
16
|
+
gif: { format: 'image', description: 'Immagine compressa', preview: true },
|
|
17
|
+
htm: { format: 'markup', description: 'Pagina web' },
|
|
18
|
+
heic: { format: 'image', description: 'High Efficiency Image File Format' },
|
|
19
|
+
html: { format: 'markup', description: 'Pagina web' },
|
|
20
|
+
jpe: { format: 'image', description: 'Immagine compressa', preview: true },
|
|
21
|
+
jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
|
|
22
|
+
jpg: { format: 'image', description: 'Immagine compressa', preview: true },
|
|
23
|
+
js: { format: 'code', description: 'JavaScript' },
|
|
24
|
+
json: { format: 'data', description: 'JavaScript Object Notation' },
|
|
25
|
+
jsx: { format: 'code', description: 'JavaScript' },
|
|
26
|
+
m2v: { format: 'video', description: 'Filmato SD' },
|
|
27
|
+
mp2: { format: 'audio', description: 'Audio compresso' },
|
|
28
|
+
mp3: { format: 'audio', description: 'Audio compresso' },
|
|
29
|
+
mp4: { format: 'video', description: 'Filmato HD' },
|
|
30
|
+
mp4v: { format: 'video', description: 'Filmato HD' },
|
|
31
|
+
mpeg: { format: 'video', description: 'Filmato SD' },
|
|
32
|
+
mpg4: { format: 'video', description: 'Filmato SD' },
|
|
33
|
+
mpg: { format: 'video', description: 'Filmato SD' },
|
|
34
|
+
mpga: { format: 'audio', description: 'Audio compresso' },
|
|
35
|
+
odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
|
|
36
|
+
ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
|
|
37
|
+
odt: { format: 'text', description: 'File di testo LibreOffice' },
|
|
38
|
+
pdf: { format: 'document', description: 'Documento Adobe' },
|
|
39
|
+
php: { format: 'code', description: 'Hypertext Preprocessor' },
|
|
40
|
+
png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
|
|
41
|
+
ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
|
|
42
|
+
rar: { format: 'archive', description: 'Archivio compresso' },
|
|
43
|
+
rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
|
|
44
|
+
sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
|
|
45
|
+
shtml: { format: 'markup', description: 'Pagina web' },
|
|
46
|
+
svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
|
|
47
|
+
tar: { format: 'archive', description: 'Archivio non compresso' },
|
|
48
|
+
tiff: { format: 'image', description: 'Tag Image File Format' },
|
|
49
|
+
ts: { format: 'code', description: 'TypeScript' },
|
|
50
|
+
tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
|
|
51
|
+
txt: { format: 'text', description: 'Documento di testo non formattato' },
|
|
52
|
+
wav: { format: 'audio', description: 'Audio non compresso' },
|
|
53
|
+
webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
|
|
54
|
+
xar: { format: 'archive', description: 'Archivio compresso' },
|
|
55
|
+
xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
|
|
56
|
+
xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
|
|
57
|
+
zip: { format: 'archive', description: 'Archivio compresso' },
|
|
58
|
+
};
|
|
59
|
+
const genericMimeToExt = new Map([
|
|
60
|
+
['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
|
|
61
|
+
['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],
|
|
62
|
+
['video', ['.mv2', '.mp4', '.mp4v', '.mpeg', '.mpg4', '.mpg']],
|
|
63
|
+
]);
|
|
64
|
+
export { fileExtensionsDictionary, genericMimeToExt, };
|
|
@@ -2,4 +2,9 @@ import jsonIconsDictionary from "../fixtures/icons.json";
|
|
|
2
2
|
import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
|
|
3
3
|
const iconsDictionary = jsonIconsDictionary;
|
|
4
4
|
const mggIconsDictionary = jsonMggIconsDictionary;
|
|
5
|
-
|
|
5
|
+
const svgIconsDictionary = [
|
|
6
|
+
`${location.origin}/svg/mi/baseline/email.svg`,
|
|
7
|
+
'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
|
|
8
|
+
'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
|
|
9
|
+
];
|
|
10
|
+
export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };
|
|
@@ -35,6 +35,23 @@ const themeFullVariantDictionary = [
|
|
|
35
35
|
'warning',
|
|
36
36
|
'yellow',
|
|
37
37
|
];
|
|
38
|
+
const themeFullVariantAvatarDictionary = [
|
|
39
|
+
'amaranth',
|
|
40
|
+
'aqua',
|
|
41
|
+
'blue',
|
|
42
|
+
'error',
|
|
43
|
+
'green',
|
|
44
|
+
'info',
|
|
45
|
+
'lime',
|
|
46
|
+
'orange',
|
|
47
|
+
'orchid',
|
|
48
|
+
'primary',
|
|
49
|
+
'sky',
|
|
50
|
+
'success',
|
|
51
|
+
'violet',
|
|
52
|
+
'warning',
|
|
53
|
+
'yellow',
|
|
54
|
+
];
|
|
38
55
|
const themeLabelVariantDictionary = [
|
|
39
56
|
'amaranth',
|
|
40
57
|
'aqua',
|
|
@@ -70,4 +87,4 @@ const toneMinimalVariantDictionary = [
|
|
|
70
87
|
'strong',
|
|
71
88
|
'weak',
|
|
72
89
|
];
|
|
73
|
-
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
|
90
|
+
export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
const filesList = [
|
|
2
|
+
'alarm_circuit_plastic.eps',
|
|
3
|
+
'awesome_orchestration.png',
|
|
4
|
+
'b2c_tan_sports.svg',
|
|
5
|
+
'bedfordshire_iceland_identity.txt',
|
|
6
|
+
'books_monetize_arizona.htm',
|
|
7
|
+
'brand.shtml',
|
|
8
|
+
'brunei_logistical.eml',
|
|
9
|
+
'buckinghamshire_macao.jpg',
|
|
10
|
+
'calculating.json',
|
|
11
|
+
'complexity_deposit.mpg',
|
|
12
|
+
'compressing_black_colorado.ods',
|
|
13
|
+
'connect_local_visualize.pdf',
|
|
14
|
+
'copying.default',
|
|
15
|
+
'explicit.mp2',
|
|
16
|
+
'fish.php',
|
|
17
|
+
'flexibility_auto_money.html',
|
|
18
|
+
'foreground_overriding.ai',
|
|
19
|
+
'forge_face.ts',
|
|
20
|
+
'forges.doc',
|
|
21
|
+
'frozen_haptic.7z',
|
|
22
|
+
'gorgeous_manager_savings.ppt',
|
|
23
|
+
'graphic_frozen_bedfordshire.tar',
|
|
24
|
+
'hdd_navigate_panama.xlsx',
|
|
25
|
+
'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
|
|
26
|
+
'impactful_alarm_handmade.mpeg',
|
|
27
|
+
'initiatives_group.gif',
|
|
28
|
+
'intelligent_radical.jpe',
|
|
29
|
+
'interface_bedfordshire_solid.m2v',
|
|
30
|
+
'iowa_installation.jpeg',
|
|
31
|
+
'liaison_panel_central.flac',
|
|
32
|
+
'matrix_black_hat.db',
|
|
33
|
+
'metrics_lempira_account.xls',
|
|
34
|
+
'monitor.js',
|
|
35
|
+
'nebraska.mp4',
|
|
36
|
+
'needs_based_solid.odp',
|
|
37
|
+
'officer_somalia.docm',
|
|
38
|
+
'open_source.webp',
|
|
39
|
+
'open_source_gorgeous.sass',
|
|
40
|
+
'optimization_radical.mp3',
|
|
41
|
+
'ports_copy_granite.mpga',
|
|
42
|
+
'pound.rtf',
|
|
43
|
+
'protocol_designer.dmg',
|
|
44
|
+
'reduced_regional_greenland.mp4v',
|
|
45
|
+
'revolutionize.mpg4',
|
|
46
|
+
'rss_systematic_avon.exe',
|
|
47
|
+
'salad_compressing.odt',
|
|
48
|
+
'sky_marketing.ace',
|
|
49
|
+
'synergistic.wav',
|
|
50
|
+
'this_is_an_extensionless_file',
|
|
51
|
+
'tuna_table_fall.zip',
|
|
52
|
+
'unbranded.rar',
|
|
53
|
+
'upgradable_gold.docx',
|
|
54
|
+
'wisconsin_bypassing_small.xar',
|
|
55
|
+
'wooden.jsx',
|
|
56
|
+
];
|
|
57
|
+
export { filesList, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|