@symbo.ls/scratch 2.11.528 → 2.25.1
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/index.js +16 -56
- package/dist/cjs/set.js +12 -50
- package/dist/cjs/system/color.js +8 -45
- package/dist/cjs/system/document.js +2 -41
- package/dist/cjs/system/font.js +0 -39
- package/dist/cjs/system/index.js +15 -53
- package/dist/cjs/system/reset.js +2 -41
- package/dist/cjs/system/shadow.js +9 -46
- package/dist/cjs/system/spacing.js +0 -39
- package/dist/cjs/system/svg.js +6 -46
- package/dist/cjs/system/theme.js +8 -45
- package/dist/cjs/system/timing.js +0 -39
- package/dist/cjs/system/typography.js +2 -41
- package/dist/cjs/transforms/index.js +11 -51
- package/dist/cjs/utils/color.js +6 -56
- package/dist/cjs/utils/index.js +8 -47
- package/package.json +4 -5
- package/src/set.js +2 -1
- package/src/system/svg.js +1 -1
- package/src/utils/color.js +1 -2
package/dist/cjs/utils/color.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __commonJS = (cb, mod) => function __require() {
|
|
9
|
-
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
10
|
-
};
|
|
11
6
|
var __export = (target, all) => {
|
|
12
7
|
for (var name in all)
|
|
13
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -20,52 +15,8 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
20
15
|
}
|
|
21
16
|
return to;
|
|
22
17
|
};
|
|
23
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
24
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
25
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
26
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
27
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
28
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
29
|
-
mod
|
|
30
|
-
));
|
|
31
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
19
|
|
|
33
|
-
// ../../node_modules/@domql/globals/dist/cjs/index.js
|
|
34
|
-
var require_cjs = __commonJS({
|
|
35
|
-
"../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
|
|
36
|
-
"use strict";
|
|
37
|
-
var __defProp2 = Object.defineProperty;
|
|
38
|
-
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
|
-
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
-
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
41
|
-
var __export2 = (target, all) => {
|
|
42
|
-
for (var name in all)
|
|
43
|
-
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
44
|
-
};
|
|
45
|
-
var __copyProps2 = (to, from, except, desc) => {
|
|
46
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
47
|
-
for (let key of __getOwnPropNames2(from))
|
|
48
|
-
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
49
|
-
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
50
|
-
}
|
|
51
|
-
return to;
|
|
52
|
-
};
|
|
53
|
-
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
54
|
-
var globals_exports = {};
|
|
55
|
-
__export2(globals_exports, {
|
|
56
|
-
document: () => document4,
|
|
57
|
-
global: () => global,
|
|
58
|
-
self: () => self,
|
|
59
|
-
window: () => window4
|
|
60
|
-
});
|
|
61
|
-
module2.exports = __toCommonJS2(globals_exports);
|
|
62
|
-
var global = globalThis;
|
|
63
|
-
var self = globalThis;
|
|
64
|
-
var window4 = globalThis;
|
|
65
|
-
var document4 = window4.document;
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
|
|
69
20
|
// src/utils/color.js
|
|
70
21
|
var color_exports = {};
|
|
71
22
|
__export(color_exports, {
|
|
@@ -86,7 +37,6 @@ __export(color_exports, {
|
|
|
86
37
|
rgbToHex: () => rgbToHex
|
|
87
38
|
});
|
|
88
39
|
module.exports = __toCommonJS(color_exports);
|
|
89
|
-
var import_globals4 = __toESM(require_cjs(), 1);
|
|
90
40
|
|
|
91
41
|
// ../../../domql/packages/utils/dist/esm/globals.js
|
|
92
42
|
var window2 = globalThis;
|
|
@@ -118,21 +68,21 @@ var colorStringToRgbaArray = (color) => {
|
|
|
118
68
|
];
|
|
119
69
|
}
|
|
120
70
|
if (color.indexOf("rgb") === -1) {
|
|
121
|
-
if (
|
|
122
|
-
const elem =
|
|
71
|
+
if (document2 && window2) {
|
|
72
|
+
const elem = document2.body.appendChild(document2.createElement("fictum"));
|
|
123
73
|
const flag = "rgb(1, 2, 3)";
|
|
124
74
|
elem.style.color = flag;
|
|
125
75
|
if (elem.style.color !== flag) {
|
|
126
|
-
|
|
76
|
+
document2.body.removeChild(elem);
|
|
127
77
|
return;
|
|
128
78
|
}
|
|
129
79
|
elem.style.color = color;
|
|
130
80
|
if (elem.style.color === flag || elem.style.color === "") {
|
|
131
|
-
|
|
81
|
+
document2.body.removeChild(elem);
|
|
132
82
|
return [0, 0, 0, 0];
|
|
133
83
|
}
|
|
134
|
-
color =
|
|
135
|
-
|
|
84
|
+
color = window2.getComputedStyle(elem).color;
|
|
85
|
+
document2.body.removeChild(elem);
|
|
136
86
|
}
|
|
137
87
|
}
|
|
138
88
|
if (color.indexOf("rgb") === 0) {
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -30,44 +30,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
30
30
|
));
|
|
31
31
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
32
|
|
|
33
|
-
// ../../node_modules/@domql/globals/dist/cjs/index.js
|
|
34
|
-
var require_cjs = __commonJS({
|
|
35
|
-
"../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
|
|
36
|
-
"use strict";
|
|
37
|
-
var __defProp3 = Object.defineProperty;
|
|
38
|
-
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
|
-
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
-
var __hasOwnProp3 = Object.prototype.hasOwnProperty;
|
|
41
|
-
var __export2 = (target, all) => {
|
|
42
|
-
for (var name in all)
|
|
43
|
-
__defProp3(target, name, { get: all[name], enumerable: true });
|
|
44
|
-
};
|
|
45
|
-
var __copyProps2 = (to, from, except, desc) => {
|
|
46
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
47
|
-
for (let key of __getOwnPropNames2(from))
|
|
48
|
-
if (!__hasOwnProp3.call(to, key) && key !== except)
|
|
49
|
-
__defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
50
|
-
}
|
|
51
|
-
return to;
|
|
52
|
-
};
|
|
53
|
-
var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
|
|
54
|
-
var globals_exports = {};
|
|
55
|
-
__export2(globals_exports, {
|
|
56
|
-
document: () => document4,
|
|
57
|
-
global: () => global,
|
|
58
|
-
self: () => self,
|
|
59
|
-
window: () => window4
|
|
60
|
-
});
|
|
61
|
-
module2.exports = __toCommonJS2(globals_exports);
|
|
62
|
-
var global = globalThis;
|
|
63
|
-
var self = globalThis;
|
|
64
|
-
var window4 = globalThis;
|
|
65
|
-
var document4 = window4.document;
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
|
|
69
33
|
// ../utils/dist/cjs/index.js
|
|
70
|
-
var
|
|
34
|
+
var require_cjs = __commonJS({
|
|
71
35
|
"../utils/dist/cjs/index.js"(exports, module2) {
|
|
72
36
|
"use strict";
|
|
73
37
|
var __defProp3 = Object.defineProperty;
|
|
@@ -354,9 +318,6 @@ var isScalingUnit = (unit) => {
|
|
|
354
318
|
return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
|
|
355
319
|
};
|
|
356
320
|
|
|
357
|
-
// src/utils/color.js
|
|
358
|
-
var import_globals4 = __toESM(require_cjs(), 1);
|
|
359
|
-
|
|
360
321
|
// ../../../domql/packages/utils/dist/esm/globals.js
|
|
361
322
|
var window2 = globalThis;
|
|
362
323
|
var document2 = window2.document;
|
|
@@ -491,21 +452,21 @@ var colorStringToRgbaArray = (color) => {
|
|
|
491
452
|
];
|
|
492
453
|
}
|
|
493
454
|
if (color.indexOf("rgb") === -1) {
|
|
494
|
-
if (
|
|
495
|
-
const elem =
|
|
455
|
+
if (document2 && window2) {
|
|
456
|
+
const elem = document2.body.appendChild(document2.createElement("fictum"));
|
|
496
457
|
const flag = "rgb(1, 2, 3)";
|
|
497
458
|
elem.style.color = flag;
|
|
498
459
|
if (elem.style.color !== flag) {
|
|
499
|
-
|
|
460
|
+
document2.body.removeChild(elem);
|
|
500
461
|
return;
|
|
501
462
|
}
|
|
502
463
|
elem.style.color = color;
|
|
503
464
|
if (elem.style.color === flag || elem.style.color === "") {
|
|
504
|
-
|
|
465
|
+
document2.body.removeChild(elem);
|
|
505
466
|
return [0, 0, 0, 0];
|
|
506
467
|
}
|
|
507
|
-
color =
|
|
508
|
-
|
|
468
|
+
color = window2.getComputedStyle(elem).color;
|
|
469
|
+
document2.body.removeChild(elem);
|
|
509
470
|
}
|
|
510
471
|
}
|
|
511
472
|
if (color.indexOf("rgb") === 0) {
|
|
@@ -677,7 +638,7 @@ var getFontFaceString = (LIBRARY) => {
|
|
|
677
638
|
};
|
|
678
639
|
|
|
679
640
|
// src/utils/sequence.js
|
|
680
|
-
var import_utils4 = __toESM(
|
|
641
|
+
var import_utils4 = __toESM(require_cjs(), 1);
|
|
681
642
|
|
|
682
643
|
// src/defaultConfig/index.js
|
|
683
644
|
var defaultConfig_exports = {};
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@symbo.ls/scratch",
|
|
3
3
|
"description": "Φ / CSS framework and methodology.",
|
|
4
4
|
"author": "symbo.ls",
|
|
5
|
-
"version": "2.
|
|
5
|
+
"version": "2.25.1",
|
|
6
6
|
"files": [
|
|
7
7
|
"src",
|
|
8
8
|
"dist"
|
|
@@ -25,10 +25,9 @@
|
|
|
25
25
|
"prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@domql/
|
|
29
|
-
"@
|
|
30
|
-
"@symbo.ls/utils": "^2.11.512",
|
|
28
|
+
"@domql/utils": "^2.25.1",
|
|
29
|
+
"@symbo.ls/utils": "^2.25.1",
|
|
31
30
|
"color-contrast-checker": "^1.5.0"
|
|
32
31
|
},
|
|
33
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "f4de780d7f974a235640526d303a3f3dc68ac1b4"
|
|
34
33
|
}
|
package/src/set.js
CHANGED
|
@@ -78,7 +78,8 @@ export const setEach = (factoryName, props) => {
|
|
|
78
78
|
const CONFIG = getActiveConfig()
|
|
79
79
|
const FACTORY_NAME = factoryName.toUpperCase()
|
|
80
80
|
const keys = Object.keys(props)
|
|
81
|
-
|
|
81
|
+
|
|
82
|
+
keys.forEach((key) => {
|
|
82
83
|
try {
|
|
83
84
|
return setValue(FACTORY_NAME, props[key], key)
|
|
84
85
|
} catch (error) {
|
package/src/system/svg.js
CHANGED
package/src/utils/color.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict'
|
|
2
2
|
|
|
3
|
-
import { document, window } from '@domql/
|
|
4
|
-
import { isString, isNumber } from '@domql/utils'
|
|
3
|
+
import { document, window, isString, isNumber } from '@domql/utils'
|
|
5
4
|
const ENV = process.env.NODE_ENV
|
|
6
5
|
|
|
7
6
|
export const colorStringToRgbaArray = color => {
|