@symbo.ls/scratch 2.11.247 → 2.11.249
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 +5 -5
- package/dist/cjs/set.js +3 -3
- package/dist/cjs/system/index.js +3 -3
- package/dist/cjs/system/spacing.js +3 -3
- package/dist/cjs/system/timing.js +2 -2
- package/dist/cjs/system/typography.js +3 -3
- package/dist/cjs/utils/index.js +4 -4
- package/dist/cjs/utils/var.js +4 -4
- package/package.json +2 -2
- package/src/utils/var.js +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -1401,10 +1401,10 @@ __export(src_exports, {
|
|
|
1401
1401
|
appendIconsSprite: () => appendIconsSprite,
|
|
1402
1402
|
appendSVGSprite: () => appendSVGSprite,
|
|
1403
1403
|
applyDocument: () => applyDocument,
|
|
1404
|
-
applyGlobalVars: () => applyGlobalVars,
|
|
1405
1404
|
applyHeadings: () => applyHeadings,
|
|
1406
1405
|
applyMediaSequenceVars: () => applyMediaSequenceVars,
|
|
1407
1406
|
applyReset: () => applyReset,
|
|
1407
|
+
applySequenceGlobalVars: () => applySequenceGlobalVars,
|
|
1408
1408
|
applySequenceVars: () => applySequenceVars,
|
|
1409
1409
|
applySpacingSequence: () => applySpacingSequence,
|
|
1410
1410
|
applyTimingSequence: () => applyTimingSequence,
|
|
@@ -1492,8 +1492,8 @@ module.exports = __toCommonJS(src_exports);
|
|
|
1492
1492
|
// src/utils/index.js
|
|
1493
1493
|
var utils_exports = {};
|
|
1494
1494
|
__export(utils_exports, {
|
|
1495
|
-
applyGlobalVars: () => applyGlobalVars,
|
|
1496
1495
|
applyMediaSequenceVars: () => applyMediaSequenceVars,
|
|
1496
|
+
applySequenceGlobalVars: () => applySequenceGlobalVars,
|
|
1497
1497
|
applySequenceVars: () => applySequenceVars,
|
|
1498
1498
|
changeLightness: () => changeLightness,
|
|
1499
1499
|
colorStringToRgbaArray: () => colorStringToRgbaArray,
|
|
@@ -2210,7 +2210,7 @@ var setVariables = (result, key) => {
|
|
|
2210
2210
|
CSS_VARS2[result.var] = result.value;
|
|
2211
2211
|
}
|
|
2212
2212
|
};
|
|
2213
|
-
var
|
|
2213
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
2214
2214
|
const CONFIG2 = getActiveConfig();
|
|
2215
2215
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
2216
2216
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -2231,7 +2231,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
2231
2231
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
2232
2232
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
2233
2233
|
if (!mediaRegenerate) {
|
|
2234
|
-
|
|
2234
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
2235
2235
|
}
|
|
2236
2236
|
for (const key in sequence) {
|
|
2237
2237
|
const item = sequence[key];
|
|
@@ -2263,7 +2263,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
2263
2263
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
2264
2264
|
if (!underMediaQuery)
|
|
2265
2265
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
2266
|
-
|
|
2266
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
2267
2267
|
return;
|
|
2268
2268
|
}
|
|
2269
2269
|
for (const key in sequence) {
|
package/dist/cjs/set.js
CHANGED
|
@@ -1955,7 +1955,7 @@ var findHeadings = (propertyNames) => {
|
|
|
1955
1955
|
|
|
1956
1956
|
// src/utils/var.js
|
|
1957
1957
|
var import_utils7 = __toESM(require_cjs(), 1);
|
|
1958
|
-
var
|
|
1958
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1959
1959
|
const CONFIG2 = getActiveConfig();
|
|
1960
1960
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1961
1961
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1976,7 +1976,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1976
1976
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
1977
1977
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
1978
1978
|
if (!mediaRegenerate) {
|
|
1979
|
-
|
|
1979
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
1980
1980
|
}
|
|
1981
1981
|
for (const key in sequence) {
|
|
1982
1982
|
const item = sequence[key];
|
|
@@ -2008,7 +2008,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
2008
2008
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
2009
2009
|
if (!underMediaQuery)
|
|
2010
2010
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
2011
|
-
|
|
2011
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
2012
2012
|
return;
|
|
2013
2013
|
}
|
|
2014
2014
|
for (const key in sequence) {
|
package/dist/cjs/system/index.js
CHANGED
|
@@ -1978,7 +1978,7 @@ var findHeadings = (propertyNames) => {
|
|
|
1978
1978
|
|
|
1979
1979
|
// src/utils/var.js
|
|
1980
1980
|
var import_utils7 = __toESM(require_cjs(), 1);
|
|
1981
|
-
var
|
|
1981
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1982
1982
|
const CONFIG2 = getActiveConfig();
|
|
1983
1983
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1984
1984
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1999,7 +1999,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1999
1999
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
2000
2000
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
2001
2001
|
if (!mediaRegenerate) {
|
|
2002
|
-
|
|
2002
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
2003
2003
|
}
|
|
2004
2004
|
for (const key in sequence) {
|
|
2005
2005
|
const item = sequence[key];
|
|
@@ -2031,7 +2031,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
2031
2031
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
2032
2032
|
if (!underMediaQuery)
|
|
2033
2033
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
2034
|
-
|
|
2034
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
2035
2035
|
return;
|
|
2036
2036
|
}
|
|
2037
2037
|
for (const key in sequence) {
|
|
@@ -1817,7 +1817,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
|
|
|
1817
1817
|
|
|
1818
1818
|
// src/utils/var.js
|
|
1819
1819
|
var import_utils7 = __toESM(require_cjs(), 1);
|
|
1820
|
-
var
|
|
1820
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1821
1821
|
const CONFIG2 = getActiveConfig();
|
|
1822
1822
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1823
1823
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1838,7 +1838,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1838
1838
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
1839
1839
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
1840
1840
|
if (!mediaRegenerate) {
|
|
1841
|
-
|
|
1841
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
1842
1842
|
}
|
|
1843
1843
|
for (const key in sequence) {
|
|
1844
1844
|
const item = sequence[key];
|
|
@@ -1870,7 +1870,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1870
1870
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
1871
1871
|
if (!underMediaQuery)
|
|
1872
1872
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
1873
|
-
|
|
1873
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
1874
1874
|
return;
|
|
1875
1875
|
}
|
|
1876
1876
|
for (const key in sequence) {
|
|
@@ -1809,7 +1809,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
|
|
|
1809
1809
|
|
|
1810
1810
|
// src/utils/var.js
|
|
1811
1811
|
var import_utils7 = __toESM(require_cjs(), 1);
|
|
1812
|
-
var
|
|
1812
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1813
1813
|
const CONFIG2 = getActiveConfig();
|
|
1814
1814
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1815
1815
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1830,7 +1830,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1830
1830
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
1831
1831
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
1832
1832
|
if (!mediaRegenerate) {
|
|
1833
|
-
|
|
1833
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
1834
1834
|
}
|
|
1835
1835
|
for (const key in sequence) {
|
|
1836
1836
|
const item = sequence[key];
|
|
@@ -1816,7 +1816,7 @@ var findHeadings = (propertyNames) => {
|
|
|
1816
1816
|
|
|
1817
1817
|
// src/utils/var.js
|
|
1818
1818
|
var import_utils7 = __toESM(require_cjs(), 1);
|
|
1819
|
-
var
|
|
1819
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1820
1820
|
const CONFIG2 = getActiveConfig();
|
|
1821
1821
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1822
1822
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1837,7 +1837,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1837
1837
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
1838
1838
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
1839
1839
|
if (!mediaRegenerate) {
|
|
1840
|
-
|
|
1840
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
1841
1841
|
}
|
|
1842
1842
|
for (const key in sequence) {
|
|
1843
1843
|
const item = sequence[key];
|
|
@@ -1869,7 +1869,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1869
1869
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
1870
1870
|
if (!underMediaQuery)
|
|
1871
1871
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
1872
|
-
|
|
1872
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
1873
1873
|
return;
|
|
1874
1874
|
}
|
|
1875
1875
|
for (const key in sequence) {
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1369,8 +1369,8 @@ var require_cjs2 = __commonJS({
|
|
|
1369
1369
|
// src/utils/index.js
|
|
1370
1370
|
var utils_exports = {};
|
|
1371
1371
|
__export(utils_exports, {
|
|
1372
|
-
applyGlobalVars: () => applyGlobalVars,
|
|
1373
1372
|
applyMediaSequenceVars: () => applyMediaSequenceVars,
|
|
1373
|
+
applySequenceGlobalVars: () => applySequenceGlobalVars,
|
|
1374
1374
|
applySequenceVars: () => applySequenceVars,
|
|
1375
1375
|
changeLightness: () => changeLightness,
|
|
1376
1376
|
colorStringToRgbaArray: () => colorStringToRgbaArray,
|
|
@@ -2060,7 +2060,7 @@ var setVariables = (result, key) => {
|
|
|
2060
2060
|
CSS_VARS2[result.var] = result.value;
|
|
2061
2061
|
}
|
|
2062
2062
|
};
|
|
2063
|
-
var
|
|
2063
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
2064
2064
|
const CONFIG2 = getActiveConfig();
|
|
2065
2065
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
2066
2066
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -2081,7 +2081,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
2081
2081
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
2082
2082
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
2083
2083
|
if (!mediaRegenerate) {
|
|
2084
|
-
|
|
2084
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
2085
2085
|
}
|
|
2086
2086
|
for (const key in sequence) {
|
|
2087
2087
|
const item = sequence[key];
|
|
@@ -2113,7 +2113,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
2113
2113
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
2114
2114
|
if (!underMediaQuery)
|
|
2115
2115
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
2116
|
-
|
|
2116
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
2117
2117
|
return;
|
|
2118
2118
|
}
|
|
2119
2119
|
for (const key in sequence) {
|
package/dist/cjs/utils/var.js
CHANGED
|
@@ -1333,8 +1333,8 @@ var require_cjs = __commonJS({
|
|
|
1333
1333
|
// src/utils/var.js
|
|
1334
1334
|
var var_exports = {};
|
|
1335
1335
|
__export(var_exports, {
|
|
1336
|
-
applyGlobalVars: () => applyGlobalVars,
|
|
1337
1336
|
applyMediaSequenceVars: () => applyMediaSequenceVars,
|
|
1337
|
+
applySequenceGlobalVars: () => applySequenceGlobalVars,
|
|
1338
1338
|
applySequenceVars: () => applySequenceVars,
|
|
1339
1339
|
setVariables: () => setVariables
|
|
1340
1340
|
});
|
|
@@ -1587,7 +1587,7 @@ var setVariables = (result, key) => {
|
|
|
1587
1587
|
CSS_VARS2[result.var] = result.value;
|
|
1588
1588
|
}
|
|
1589
1589
|
};
|
|
1590
|
-
var
|
|
1590
|
+
var applySequenceGlobalVars = (vars, obj, options) => {
|
|
1591
1591
|
const CONFIG2 = getActiveConfig();
|
|
1592
1592
|
const { UNIT: UNIT2 } = CONFIG2;
|
|
1593
1593
|
const unit = obj.unit || UNIT2.default;
|
|
@@ -1608,7 +1608,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
1608
1608
|
const unit = FACTORY2.unit || UNIT2.default;
|
|
1609
1609
|
const { mediaRegenerate, sequence, scales } = FACTORY2;
|
|
1610
1610
|
if (!mediaRegenerate) {
|
|
1611
|
-
|
|
1611
|
+
applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
|
|
1612
1612
|
}
|
|
1613
1613
|
for (const key in sequence) {
|
|
1614
1614
|
const item = sequence[key];
|
|
@@ -1640,7 +1640,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1640
1640
|
let underMediaQuery = CSS_VARS2[`@media ${query}`];
|
|
1641
1641
|
if (!underMediaQuery)
|
|
1642
1642
|
underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
|
|
1643
|
-
|
|
1643
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
|
|
1644
1644
|
return;
|
|
1645
1645
|
}
|
|
1646
1646
|
for (const key in sequence) {
|
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.11.
|
|
5
|
+
"version": "2.11.249",
|
|
6
6
|
"files": [
|
|
7
7
|
"src",
|
|
8
8
|
"dist"
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"@symbo.ls/utils": "latest",
|
|
30
30
|
"color-contrast-checker": "^1.5.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "9c800fdfdff5d9a49083e7d4f849189a35b8054c"
|
|
33
33
|
}
|
package/src/utils/var.js
CHANGED
|
@@ -16,7 +16,7 @@ export const setVariables = (result, key) => {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
export const
|
|
19
|
+
export const applySequenceGlobalVars = (vars, obj, options) => {
|
|
20
20
|
const CONFIG = getActiveConfig()
|
|
21
21
|
const { UNIT } = CONFIG
|
|
22
22
|
const unit = obj.unit || UNIT.default
|
|
@@ -44,7 +44,7 @@ export const applySequenceVars = (FACTORY, options = {}) => {
|
|
|
44
44
|
const { mediaRegenerate, sequence, scales } = FACTORY
|
|
45
45
|
|
|
46
46
|
if (!mediaRegenerate) {
|
|
47
|
-
|
|
47
|
+
applySequenceGlobalVars(CSS_VARS, FACTORY, options)
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
for (const key in sequence) {
|
|
@@ -88,7 +88,7 @@ export const applyMediaSequenceVars = (FACTORY, media, options = {}) => {
|
|
|
88
88
|
if (!mediaRegenerate) {
|
|
89
89
|
let underMediaQuery = CSS_VARS[`@media ${query}`]
|
|
90
90
|
if (!underMediaQuery) underMediaQuery = CSS_VARS[`@media ${query}`] = {}
|
|
91
|
-
|
|
91
|
+
applySequenceGlobalVars(underMediaQuery, FACTORY[media], options)
|
|
92
92
|
return
|
|
93
93
|
}
|
|
94
94
|
|