@symbo.ls/scratch 2.27.11 → 2.27.15
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 +2 -4
- package/dist/cjs/set.js +1 -2
- package/dist/cjs/system/color.js +1 -2
- package/dist/cjs/system/document.js +1 -2
- package/dist/cjs/system/font.js +1 -2
- package/dist/cjs/system/index.js +1 -2
- package/dist/cjs/system/reset.js +1 -2
- package/dist/cjs/system/shadow.js +1 -2
- package/dist/cjs/system/spacing.js +1 -2
- package/dist/cjs/system/svg.js +1 -2
- package/dist/cjs/system/theme.js +1 -2
- package/dist/cjs/system/timing.js +1 -2
- package/dist/cjs/system/typography.js +1 -2
- package/dist/cjs/transforms/index.js +1 -2
- package/dist/cjs/utils/color.js +1 -2
- package/dist/cjs/utils/index.js +2 -4
- package/dist/cjs/utils/sprite.js +1 -2
- package/package.json +7 -7
- package/src/utils/color.js +1 -2
- package/src/utils/sprite.js +1 -2
package/dist/cjs/index.js
CHANGED
|
@@ -605,7 +605,6 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
|
|
|
605
605
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
606
606
|
|
|
607
607
|
// src/utils/color.js
|
|
608
|
-
var ENV = "development";
|
|
609
608
|
var colorStringToRgbaArray = (color) => {
|
|
610
609
|
if (color === "") return [0, 0, 0, 0];
|
|
611
610
|
if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
|
|
@@ -711,7 +710,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
|
|
|
711
710
|
var opacify = (color, opacity) => {
|
|
712
711
|
const arr = colorStringToRgbaArray(color);
|
|
713
712
|
if (!arr) {
|
|
714
|
-
if (isNotProduction(
|
|
713
|
+
if (isNotProduction()) console.warn(color + " color is not rgba");
|
|
715
714
|
return;
|
|
716
715
|
}
|
|
717
716
|
arr[3] = opacity;
|
|
@@ -1329,8 +1328,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1329
1328
|
};
|
|
1330
1329
|
|
|
1331
1330
|
// src/utils/sprite.js
|
|
1332
|
-
var
|
|
1333
|
-
var isDev = isNotProduction(ENV2);
|
|
1331
|
+
var isDev = isNotProduction();
|
|
1334
1332
|
var generateSprite = (icons) => {
|
|
1335
1333
|
const CONFIG2 = getActiveConfig();
|
|
1336
1334
|
let sprite = "";
|
package/dist/cjs/set.js
CHANGED
|
@@ -1033,8 +1033,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1033
1033
|
};
|
|
1034
1034
|
|
|
1035
1035
|
// src/utils/sprite.js
|
|
1036
|
-
var
|
|
1037
|
-
var isDev = isNotProduction(ENV);
|
|
1036
|
+
var isDev = isNotProduction();
|
|
1038
1037
|
var parseRootAttributes = (htmlString) => {
|
|
1039
1038
|
const val = htmlString.default || htmlString;
|
|
1040
1039
|
if (!isString(val)) {
|
package/dist/cjs/system/color.js
CHANGED
|
@@ -700,8 +700,7 @@ var getRgbTone = (rgb, tone) => {
|
|
|
700
700
|
var import_utils4 = __toESM(require_cjs(), 1);
|
|
701
701
|
|
|
702
702
|
// src/utils/sprite.js
|
|
703
|
-
var
|
|
704
|
-
var isDev = isNotProduction(ENV);
|
|
703
|
+
var isDev = isNotProduction();
|
|
705
704
|
|
|
706
705
|
// src/system/color.js
|
|
707
706
|
var getColor = (value, key, config) => {
|
|
@@ -626,8 +626,7 @@ var getDefaultOrFirstKey = (LIBRARY, key) => {
|
|
|
626
626
|
var import_utils4 = __toESM(require_cjs(), 1);
|
|
627
627
|
|
|
628
628
|
// src/utils/sprite.js
|
|
629
|
-
var
|
|
630
|
-
var isDev = isNotProduction(ENV);
|
|
629
|
+
var isDev = isNotProduction();
|
|
631
630
|
|
|
632
631
|
// src/system/document.js
|
|
633
632
|
var applyDocument = () => {
|
package/dist/cjs/system/font.js
CHANGED
|
@@ -638,8 +638,7 @@ var getFontFaceEach = (name, weights) => {
|
|
|
638
638
|
var import_utils4 = __toESM(require_cjs(), 1);
|
|
639
639
|
|
|
640
640
|
// src/utils/sprite.js
|
|
641
|
-
var
|
|
642
|
-
var isDev = isNotProduction(ENV);
|
|
641
|
+
var isDev = isNotProduction();
|
|
643
642
|
|
|
644
643
|
// src/system/font.js
|
|
645
644
|
var setFont = (val, key) => {
|
package/dist/cjs/system/index.js
CHANGED
|
@@ -1052,8 +1052,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1052
1052
|
};
|
|
1053
1053
|
|
|
1054
1054
|
// src/utils/sprite.js
|
|
1055
|
-
var
|
|
1056
|
-
var isDev = isNotProduction(ENV);
|
|
1055
|
+
var isDev = isNotProduction();
|
|
1057
1056
|
var generateSprite = (icons) => {
|
|
1058
1057
|
const CONFIG2 = getActiveConfig();
|
|
1059
1058
|
let sprite = "";
|
package/dist/cjs/system/reset.js
CHANGED
|
@@ -642,8 +642,7 @@ var getActiveConfig = (def) => {
|
|
|
642
642
|
var import_utils4 = __toESM(require_cjs(), 1);
|
|
643
643
|
|
|
644
644
|
// src/utils/sprite.js
|
|
645
|
-
var
|
|
646
|
-
var isDev = isNotProduction(ENV);
|
|
645
|
+
var isDev = isNotProduction();
|
|
647
646
|
|
|
648
647
|
// src/system/theme.js
|
|
649
648
|
var recursiveTheme = (val) => {
|
|
@@ -888,8 +888,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
|
|
|
888
888
|
};
|
|
889
889
|
|
|
890
890
|
// src/utils/sprite.js
|
|
891
|
-
var
|
|
892
|
-
var isDev = isNotProduction(ENV);
|
|
891
|
+
var isDev = isNotProduction();
|
|
893
892
|
|
|
894
893
|
// src/system/color.js
|
|
895
894
|
var getColor = (value, key, config) => {
|
|
@@ -881,8 +881,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
881
881
|
};
|
|
882
882
|
|
|
883
883
|
// src/utils/sprite.js
|
|
884
|
-
var
|
|
885
|
-
var isDev = isNotProduction(ENV);
|
|
884
|
+
var isDev = isNotProduction();
|
|
886
885
|
|
|
887
886
|
// src/system/spacing.js
|
|
888
887
|
var runThroughMedia = (FACTORY2) => {
|
package/dist/cjs/system/svg.js
CHANGED
|
@@ -609,8 +609,7 @@ var getActiveConfig = (def) => {
|
|
|
609
609
|
};
|
|
610
610
|
|
|
611
611
|
// src/utils/sprite.js
|
|
612
|
-
var
|
|
613
|
-
var isDev = isNotProduction(ENV);
|
|
612
|
+
var isDev = isNotProduction();
|
|
614
613
|
var generateSprite = (icons) => {
|
|
615
614
|
const CONFIG2 = getActiveConfig();
|
|
616
615
|
let sprite = "";
|
package/dist/cjs/system/theme.js
CHANGED
|
@@ -700,8 +700,7 @@ var getRgbTone = (rgb, tone) => {
|
|
|
700
700
|
var import_utils4 = __toESM(require_cjs(), 1);
|
|
701
701
|
|
|
702
702
|
// src/utils/sprite.js
|
|
703
|
-
var
|
|
704
|
-
var isDev = isNotProduction(ENV);
|
|
703
|
+
var isDev = isNotProduction();
|
|
705
704
|
|
|
706
705
|
// src/system/color.js
|
|
707
706
|
var getColor = (value, key, config) => {
|
|
@@ -843,8 +843,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
843
843
|
};
|
|
844
844
|
|
|
845
845
|
// src/utils/sprite.js
|
|
846
|
-
var
|
|
847
|
-
var isDev = isNotProduction(ENV);
|
|
846
|
+
var isDev = isNotProduction();
|
|
848
847
|
|
|
849
848
|
// src/system/timing.js
|
|
850
849
|
var applyTimingSequence = () => {
|
|
@@ -889,8 +889,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
889
889
|
};
|
|
890
890
|
|
|
891
891
|
// src/utils/sprite.js
|
|
892
|
-
var
|
|
893
|
-
var isDev = isNotProduction(ENV);
|
|
892
|
+
var isDev = isNotProduction();
|
|
894
893
|
|
|
895
894
|
// src/system/typography.js
|
|
896
895
|
var runThroughMedia = (FACTORY2) => {
|
|
@@ -955,8 +955,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
|
|
|
955
955
|
};
|
|
956
956
|
|
|
957
957
|
// src/utils/sprite.js
|
|
958
|
-
var
|
|
959
|
-
var isDev = isNotProduction(ENV);
|
|
958
|
+
var isDev = isNotProduction();
|
|
960
959
|
|
|
961
960
|
// src/system/color.js
|
|
962
961
|
var getColor = (value, key, config) => {
|
package/dist/cjs/utils/color.js
CHANGED
|
@@ -55,7 +55,6 @@ var isNumber = (arg) => typeof arg === "number";
|
|
|
55
55
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
56
56
|
|
|
57
57
|
// src/utils/color.js
|
|
58
|
-
var ENV = "development";
|
|
59
58
|
var colorStringToRgbaArray = (color) => {
|
|
60
59
|
if (color === "") return [0, 0, 0, 0];
|
|
61
60
|
if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
|
|
@@ -161,7 +160,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
|
|
|
161
160
|
var opacify = (color, opacity) => {
|
|
162
161
|
const arr = colorStringToRgbaArray(color);
|
|
163
162
|
if (!arr) {
|
|
164
|
-
if (isNotProduction(
|
|
163
|
+
if (isNotProduction()) console.warn(color + " color is not rgba");
|
|
165
164
|
return;
|
|
166
165
|
}
|
|
167
166
|
arr[3] = opacity;
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -431,7 +431,6 @@ var deepClone = (obj, options = {}) => {
|
|
|
431
431
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
432
432
|
|
|
433
433
|
// src/utils/color.js
|
|
434
|
-
var ENV = "development";
|
|
435
434
|
var colorStringToRgbaArray = (color) => {
|
|
436
435
|
if (color === "") return [0, 0, 0, 0];
|
|
437
436
|
if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
|
|
@@ -537,7 +536,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
|
|
|
537
536
|
var opacify = (color, opacity) => {
|
|
538
537
|
const arr = colorStringToRgbaArray(color);
|
|
539
538
|
if (!arr) {
|
|
540
|
-
if (isNotProduction(
|
|
539
|
+
if (isNotProduction()) console.warn(color + " color is not rgba");
|
|
541
540
|
return;
|
|
542
541
|
}
|
|
543
542
|
arr[3] = opacity;
|
|
@@ -1143,8 +1142,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1143
1142
|
};
|
|
1144
1143
|
|
|
1145
1144
|
// src/utils/sprite.js
|
|
1146
|
-
var
|
|
1147
|
-
var isDev = isNotProduction(ENV2);
|
|
1145
|
+
var isDev = isNotProduction();
|
|
1148
1146
|
var generateSprite = (icons) => {
|
|
1149
1147
|
const CONFIG2 = getActiveConfig();
|
|
1150
1148
|
let sprite = "";
|
package/dist/cjs/utils/sprite.js
CHANGED
|
@@ -367,8 +367,7 @@ var getActiveConfig = (def) => {
|
|
|
367
367
|
};
|
|
368
368
|
|
|
369
369
|
// src/utils/sprite.js
|
|
370
|
-
var
|
|
371
|
-
var isDev = isNotProduction(ENV);
|
|
370
|
+
var isDev = isNotProduction();
|
|
372
371
|
var generateSprite = (icons) => {
|
|
373
372
|
const CONFIG2 = getActiveConfig();
|
|
374
373
|
let sprite = "";
|
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.27.
|
|
5
|
+
"version": "2.27.15",
|
|
6
6
|
"files": [
|
|
7
7
|
"src",
|
|
8
8
|
"dist"
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
"publishConfig": {},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
|
|
21
|
-
"build:esm": "cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/*.js ./src/**/*.js --target=es2017 --format=esm --outdir=dist/esm",
|
|
22
|
-
"build:cjs": "cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/*.js ./src/**/*.js --target=node16 --format=cjs --outdir=dist/cjs --bundle",
|
|
23
|
-
"build:iife": "cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/index.js --target=es2017 --format=iife --outdir=dist/iife --bundle --minify",
|
|
21
|
+
"build:esm": "npx cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/*.js ./src/**/*.js --target=es2017 --format=esm --outdir=dist/esm",
|
|
22
|
+
"build:cjs": "npx cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/*.js ./src/**/*.js --target=node16 --format=cjs --outdir=dist/cjs --bundle",
|
|
23
|
+
"build:iife": "npx cross-env NODE_ENV=$NODE_ENV npx esbuild ./src/index.js --target=es2017 --format=iife --outdir=dist/iife --bundle --minify",
|
|
24
24
|
"build": "npm run build:cjs",
|
|
25
25
|
"prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@domql/utils": "^2.27.
|
|
29
|
-
"@symbo.ls/utils": "^2.27.
|
|
28
|
+
"@domql/utils": "^2.27.15",
|
|
29
|
+
"@symbo.ls/utils": "^2.27.15",
|
|
30
30
|
"color-contrast-checker": "^1.5.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "aa562640d37f34a66e567c177be8f6ab6b41eccc"
|
|
33
33
|
}
|
package/src/utils/color.js
CHANGED
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
isNumber,
|
|
8
8
|
isNotProduction
|
|
9
9
|
} from '@domql/utils'
|
|
10
|
-
const ENV = process.env.NODE_ENV
|
|
11
10
|
|
|
12
11
|
export const colorStringToRgbaArray = color => {
|
|
13
12
|
if (color === '') return [0, 0, 0, 0]
|
|
@@ -162,7 +161,7 @@ export const mixTwoRgba = (colorA, colorB, range = 0.5) => {
|
|
|
162
161
|
export const opacify = (color, opacity) => {
|
|
163
162
|
const arr = colorStringToRgbaArray(color)
|
|
164
163
|
if (!arr) {
|
|
165
|
-
if (isNotProduction(
|
|
164
|
+
if (isNotProduction()) console.warn(color + ' color is not rgba')
|
|
166
165
|
return
|
|
167
166
|
}
|
|
168
167
|
arr[3] = opacity
|
package/src/utils/sprite.js
CHANGED
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
import { isArray, isNotProduction, isString } from '@domql/utils'
|
|
4
4
|
import { getActiveConfig } from '../factory'
|
|
5
5
|
|
|
6
|
-
const
|
|
7
|
-
const isDev = isNotProduction(ENV)
|
|
6
|
+
const isDev = isNotProduction()
|
|
8
7
|
|
|
9
8
|
export const generateSprite = icons => {
|
|
10
9
|
const CONFIG = getActiveConfig()
|