@x15ventures/x15-ui-library 3.16.0 → 3.16.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/autoGenerated/libraryThemes.js +12 -12
- package/dist/cjs/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/cjs/autoGenerated/libraryThemes.json +12 -12
- package/dist/cjs/components/design/skeleton/skeleton.css +17 -12
- package/dist/cjs/package.json +1 -1
- package/dist/cjs/styles/index.css +7 -3
- package/dist/cjs/styles/variables/cssVars/_darkModeVariables.css +2 -0
- package/dist/cjs/styles/variables/cssVars/_designVariables.css +5 -3
- package/dist/esm/autoGenerated/libraryThemes.js +12 -12
- package/dist/esm/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/esm/autoGenerated/libraryThemes.json +12 -12
- package/dist/esm/components/design/skeleton/skeleton.css +17 -12
- package/dist/esm/package.json +1 -1
- package/dist/esm/styles/index.css +7 -3
- package/dist/esm/styles/variables/cssVars/_darkModeVariables.css +2 -0
- package/dist/esm/styles/variables/cssVars/_designVariables.css +5 -3
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -17,8 +17,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
17
17
|
"map": "index.min.css.map"
|
|
18
18
|
},
|
|
19
19
|
"versioned": {
|
|
20
|
-
"css": "index.min.3.16.
|
|
21
|
-
"map": "index.min.3.16.
|
|
20
|
+
"css": "index.min.3.16.1.css",
|
|
21
|
+
"map": "index.min.3.16.1.css.map"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
"cba": {
|
|
@@ -32,8 +32,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
32
32
|
"map": "cba.min.css.map"
|
|
33
33
|
},
|
|
34
34
|
"versioned": {
|
|
35
|
-
"css": "cba.min.3.16.
|
|
36
|
-
"map": "cba.min.3.16.
|
|
35
|
+
"css": "cba.min.3.16.1.css",
|
|
36
|
+
"map": "cba.min.3.16.1.css.map"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"creditSavvy": {
|
|
@@ -47,8 +47,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
47
47
|
"map": "creditSavvy.min.css.map"
|
|
48
48
|
},
|
|
49
49
|
"versioned": {
|
|
50
|
-
"css": "creditSavvy.min.3.16.
|
|
51
|
-
"map": "creditSavvy.min.3.16.
|
|
50
|
+
"css": "creditSavvy.min.3.16.1.css",
|
|
51
|
+
"map": "creditSavvy.min.3.16.1.css.map"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"doshii": {
|
|
@@ -62,8 +62,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
62
62
|
"map": "doshii.min.css.map"
|
|
63
63
|
},
|
|
64
64
|
"versioned": {
|
|
65
|
-
"css": "doshii.min.3.16.
|
|
66
|
-
"map": "doshii.min.3.16.
|
|
65
|
+
"css": "doshii.min.3.16.1.css",
|
|
66
|
+
"map": "doshii.min.3.16.1.css.map"
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
"homeIn": {
|
|
@@ -77,8 +77,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
77
77
|
"map": "homeIn.min.css.map"
|
|
78
78
|
},
|
|
79
79
|
"versioned": {
|
|
80
|
-
"css": "homeIn.min.3.16.
|
|
81
|
-
"map": "homeIn.min.3.16.
|
|
80
|
+
"css": "homeIn.min.3.16.1.css",
|
|
81
|
+
"map": "homeIn.min.3.16.1.css.map"
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"x15Core": {
|
|
@@ -92,8 +92,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
92
92
|
"map": "x15Core.min.css.map"
|
|
93
93
|
},
|
|
94
94
|
"versioned": {
|
|
95
|
-
"css": "x15Core.min.3.16.
|
|
96
|
-
"map": "x15Core.min.3.16.
|
|
95
|
+
"css": "x15Core.min.3.16.1.css",
|
|
96
|
+
"map": "x15Core.min.3.16.1.css.map"
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.16.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.16.1.css\",\n \"map\": \"index.min.3.16.1.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.16.1.css\",\n \"map\": \"cba.min.3.16.1.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.16.1.css\",\n \"map\": \"creditSavvy.min.3.16.1.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.16.1.css\",\n \"map\": \"doshii.min.3.16.1.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.16.1.css\",\n \"map\": \"homeIn.min.3.16.1.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.16.1.css\",\n \"map\": \"x15Core.min.3.16.1.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":";;;;;;AAAA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAC,IAAAE,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAAgBH,aAAa","ignoreList":[]}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"map": "index.min.css.map"
|
|
11
11
|
},
|
|
12
12
|
"versioned": {
|
|
13
|
-
"css": "base.min.3.16.
|
|
14
|
-
"map": "base.min.3.16.
|
|
13
|
+
"css": "base.min.3.16.1.css",
|
|
14
|
+
"map": "base.min.3.16.1.css.map"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"cba": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"map": "cba.min.css.map"
|
|
26
26
|
},
|
|
27
27
|
"versioned": {
|
|
28
|
-
"css": "cba.min.3.16.
|
|
29
|
-
"map": "cba.min.3.16.
|
|
28
|
+
"css": "cba.min.3.16.1.css",
|
|
29
|
+
"map": "cba.min.3.16.1.css.map"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"creditSavvy": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"map": "creditSavvy.min.css.map"
|
|
41
41
|
},
|
|
42
42
|
"versioned": {
|
|
43
|
-
"css": "creditSavvy.min.3.16.
|
|
44
|
-
"map": "creditSavvy.min.3.16.
|
|
43
|
+
"css": "creditSavvy.min.3.16.1.css",
|
|
44
|
+
"map": "creditSavvy.min.3.16.1.css.map"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"doshii": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"map": "doshii.min.css.map"
|
|
56
56
|
},
|
|
57
57
|
"versioned": {
|
|
58
|
-
"css": "doshii.min.3.16.
|
|
59
|
-
"map": "doshii.min.3.16.
|
|
58
|
+
"css": "doshii.min.3.16.1.css",
|
|
59
|
+
"map": "doshii.min.3.16.1.css.map"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"homeIn": {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"map": "homeIn.min.css.map"
|
|
71
71
|
},
|
|
72
72
|
"versioned": {
|
|
73
|
-
"css": "homeIn.min.3.16.
|
|
74
|
-
"map": "homeIn.min.3.16.
|
|
73
|
+
"css": "homeIn.min.3.16.1.css",
|
|
74
|
+
"map": "homeIn.min.3.16.1.css.map"
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"x15Core": {
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"map": "x15Core.min.css.map"
|
|
86
86
|
},
|
|
87
87
|
"versioned": {
|
|
88
|
-
"css": "x15Core.min.3.16.
|
|
89
|
-
"map": "x15Core.min.3.16.
|
|
88
|
+
"css": "x15Core.min.3.16.1.css",
|
|
89
|
+
"map": "x15Core.min.3.16.1.css.map"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.skeletonBar {
|
|
12
12
|
inline-size: 100%;
|
|
13
13
|
block-size: var(--skeletonHeight, var(--skeletonLineHeight, 1em));
|
|
14
|
-
background-color: var(--skeletonBg, #
|
|
14
|
+
background-color: var(--skeletonBg, #e5ebef);
|
|
15
15
|
border-radius: var(--skeletonBorderRadius, 3px);
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -53,34 +53,39 @@
|
|
|
53
53
|
position: absolute;
|
|
54
54
|
inset: 0;
|
|
55
55
|
transform: translateX(-100%);
|
|
56
|
-
background-image: linear-gradient(90deg, transparent
|
|
57
|
-
animation: skeletonWave var(--skeletonAnimationDuration,
|
|
56
|
+
background-image: linear-gradient(90deg, transparent 20%, var(--skeletonHighlight, #ffffff) 50%, transparent 80%);
|
|
57
|
+
animation: skeletonWave var(--skeletonAnimationDuration, 2s) ease-in-out infinite;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.skeleton_pulse .skeletonBar {
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
animation: skeletonPulse var(--skeletonAnimationDuration, 2s) ease-in-out infinite;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.skeleton_pulse.skeleton_opaque .skeletonBar {
|
|
65
|
+
animation-name: skeletonPulseOpaque;
|
|
63
66
|
}
|
|
64
67
|
|
|
65
68
|
@keyframes skeletonWave {
|
|
66
|
-
|
|
69
|
+
60%, 100% {
|
|
67
70
|
transform: translateX(100%);
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
73
|
@keyframes skeletonPulse {
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
50% {
|
|
75
|
+
background-color: var(--skeletonPulseBg, #ffffff);
|
|
73
76
|
}
|
|
74
|
-
|
|
75
|
-
|
|
77
|
+
}
|
|
78
|
+
@keyframes skeletonPulseOpaque {
|
|
79
|
+
50% {
|
|
80
|
+
background-color: var(--skeletonOpaquePulseBg, #f6f8fa);
|
|
76
81
|
}
|
|
77
82
|
}
|
|
78
83
|
@media (prefers-reduced-motion: reduce) {
|
|
79
84
|
.skeleton_wave .skeletonBar::after {
|
|
80
85
|
display: none;
|
|
81
86
|
}
|
|
82
|
-
.skeleton_pulse .skeletonBar
|
|
87
|
+
.skeleton_pulse .skeletonBar,
|
|
88
|
+
.skeleton_pulse.skeleton_opaque .skeletonBar {
|
|
83
89
|
animation: none;
|
|
84
|
-
opacity: 1;
|
|
85
90
|
}
|
|
86
91
|
}
|
package/dist/cjs/package.json
CHANGED
|
@@ -254,9 +254,11 @@
|
|
|
254
254
|
--notificationIconFg: #fff;
|
|
255
255
|
--notificationIconBorder: 4px solid #c00;
|
|
256
256
|
--notificationIconBoxShadow: none;
|
|
257
|
-
--skeletonBg: #
|
|
257
|
+
--skeletonBg: #e5ebef;
|
|
258
258
|
--skeletonOpaqueBg: #d3dee4;
|
|
259
|
-
--skeletonHighlight: #
|
|
259
|
+
--skeletonHighlight: #ffffff;
|
|
260
|
+
--skeletonPulseBg: #ffffff;
|
|
261
|
+
--skeletonOpaquePulseBg: #f6f8fa;
|
|
260
262
|
--skeletonBorderRadius: 3px;
|
|
261
263
|
--skeletonRoundedBorderRadius: 8px;
|
|
262
264
|
--skeletonLineHeight: 1em;
|
|
@@ -264,7 +266,7 @@
|
|
|
264
266
|
--skeletonBlockHeight: 120px;
|
|
265
267
|
--skeletonCircleSize: 40px;
|
|
266
268
|
--skeletonLastLineWidth: 60%;
|
|
267
|
-
--skeletonAnimationDuration:
|
|
269
|
+
--skeletonAnimationDuration: 2s;
|
|
268
270
|
}
|
|
269
271
|
|
|
270
272
|
:root {
|
|
@@ -611,6 +613,8 @@
|
|
|
611
613
|
--skeletonBg: #1a1410;
|
|
612
614
|
--skeletonHighlight: #3d2f26;
|
|
613
615
|
--skeletonOpaqueBg: #2c211b;
|
|
616
|
+
--skeletonOpaquePulseBg: #4d3b30;
|
|
617
|
+
--skeletonPulseBg: #3d2f26;
|
|
614
618
|
--statusAlertColor: #000;
|
|
615
619
|
--statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
|
|
616
620
|
--statusDefCon3Color: #003;
|
|
@@ -236,6 +236,8 @@
|
|
|
236
236
|
--skeletonBg: #1a1410;
|
|
237
237
|
--skeletonHighlight: #3d2f26;
|
|
238
238
|
--skeletonOpaqueBg: #2c211b;
|
|
239
|
+
--skeletonOpaquePulseBg: #4d3b30;
|
|
240
|
+
--skeletonPulseBg: #3d2f26;
|
|
239
241
|
--statusAlertColor: #000;
|
|
240
242
|
--statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
|
|
241
243
|
--statusDefCon3Color: #003;
|
|
@@ -216,9 +216,11 @@
|
|
|
216
216
|
--notificationIconFg: #fff;
|
|
217
217
|
--notificationIconBorder: 4px solid #c00;
|
|
218
218
|
--notificationIconBoxShadow: none;
|
|
219
|
-
--skeletonBg: #
|
|
219
|
+
--skeletonBg: #e5ebef;
|
|
220
220
|
--skeletonOpaqueBg: #d3dee4;
|
|
221
|
-
--skeletonHighlight: #
|
|
221
|
+
--skeletonHighlight: #ffffff;
|
|
222
|
+
--skeletonPulseBg: #ffffff;
|
|
223
|
+
--skeletonOpaquePulseBg: #f6f8fa;
|
|
222
224
|
--skeletonBorderRadius: 3px;
|
|
223
225
|
--skeletonRoundedBorderRadius: 8px;
|
|
224
226
|
--skeletonLineHeight: 1em;
|
|
@@ -226,5 +228,5 @@
|
|
|
226
228
|
--skeletonBlockHeight: 120px;
|
|
227
229
|
--skeletonCircleSize: 40px;
|
|
228
230
|
--skeletonLastLineWidth: 60%;
|
|
229
|
-
--skeletonAnimationDuration:
|
|
231
|
+
--skeletonAnimationDuration: 2s;
|
|
230
232
|
}
|
|
@@ -11,8 +11,8 @@ export const libraryThemes = {
|
|
|
11
11
|
"map": "index.min.css.map"
|
|
12
12
|
},
|
|
13
13
|
"versioned": {
|
|
14
|
-
"css": "index.min.3.16.
|
|
15
|
-
"map": "index.min.3.16.
|
|
14
|
+
"css": "index.min.3.16.1.css",
|
|
15
|
+
"map": "index.min.3.16.1.css.map"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"cba": {
|
|
@@ -26,8 +26,8 @@ export const libraryThemes = {
|
|
|
26
26
|
"map": "cba.min.css.map"
|
|
27
27
|
},
|
|
28
28
|
"versioned": {
|
|
29
|
-
"css": "cba.min.3.16.
|
|
30
|
-
"map": "cba.min.3.16.
|
|
29
|
+
"css": "cba.min.3.16.1.css",
|
|
30
|
+
"map": "cba.min.3.16.1.css.map"
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"creditSavvy": {
|
|
@@ -41,8 +41,8 @@ export const libraryThemes = {
|
|
|
41
41
|
"map": "creditSavvy.min.css.map"
|
|
42
42
|
},
|
|
43
43
|
"versioned": {
|
|
44
|
-
"css": "creditSavvy.min.3.16.
|
|
45
|
-
"map": "creditSavvy.min.3.16.
|
|
44
|
+
"css": "creditSavvy.min.3.16.1.css",
|
|
45
|
+
"map": "creditSavvy.min.3.16.1.css.map"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"doshii": {
|
|
@@ -56,8 +56,8 @@ export const libraryThemes = {
|
|
|
56
56
|
"map": "doshii.min.css.map"
|
|
57
57
|
},
|
|
58
58
|
"versioned": {
|
|
59
|
-
"css": "doshii.min.3.16.
|
|
60
|
-
"map": "doshii.min.3.16.
|
|
59
|
+
"css": "doshii.min.3.16.1.css",
|
|
60
|
+
"map": "doshii.min.3.16.1.css.map"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
"homeIn": {
|
|
@@ -71,8 +71,8 @@ export const libraryThemes = {
|
|
|
71
71
|
"map": "homeIn.min.css.map"
|
|
72
72
|
},
|
|
73
73
|
"versioned": {
|
|
74
|
-
"css": "homeIn.min.3.16.
|
|
75
|
-
"map": "homeIn.min.3.16.
|
|
74
|
+
"css": "homeIn.min.3.16.1.css",
|
|
75
|
+
"map": "homeIn.min.3.16.1.css.map"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
"x15Core": {
|
|
@@ -86,8 +86,8 @@ export const libraryThemes = {
|
|
|
86
86
|
"map": "x15Core.min.css.map"
|
|
87
87
|
},
|
|
88
88
|
"versioned": {
|
|
89
|
-
"css": "x15Core.min.3.16.
|
|
90
|
-
"map": "x15Core.min.3.16.
|
|
89
|
+
"css": "x15Core.min.3.16.1.css",
|
|
90
|
+
"map": "x15Core.min.3.16.1.css.map"
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.16.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.16.1.css\",\n \"map\": \"index.min.3.16.1.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.16.1.css\",\n \"map\": \"cba.min.3.16.1.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.16.1.css\",\n \"map\": \"creditSavvy.min.3.16.1.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.16.1.css\",\n \"map\": \"doshii.min.3.16.1.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.16.1.css\",\n \"map\": \"homeIn.min.3.16.1.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.16.1.css\",\n \"map\": \"x15Core.min.3.16.1.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":"AAAA;AACA,OAAO,MAAMA,aAAa,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAE,eAAeA,aAAa","ignoreList":[]}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"map": "index.min.css.map"
|
|
11
11
|
},
|
|
12
12
|
"versioned": {
|
|
13
|
-
"css": "base.min.3.16.
|
|
14
|
-
"map": "base.min.3.16.
|
|
13
|
+
"css": "base.min.3.16.1.css",
|
|
14
|
+
"map": "base.min.3.16.1.css.map"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"cba": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"map": "cba.min.css.map"
|
|
26
26
|
},
|
|
27
27
|
"versioned": {
|
|
28
|
-
"css": "cba.min.3.16.
|
|
29
|
-
"map": "cba.min.3.16.
|
|
28
|
+
"css": "cba.min.3.16.1.css",
|
|
29
|
+
"map": "cba.min.3.16.1.css.map"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"creditSavvy": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"map": "creditSavvy.min.css.map"
|
|
41
41
|
},
|
|
42
42
|
"versioned": {
|
|
43
|
-
"css": "creditSavvy.min.3.16.
|
|
44
|
-
"map": "creditSavvy.min.3.16.
|
|
43
|
+
"css": "creditSavvy.min.3.16.1.css",
|
|
44
|
+
"map": "creditSavvy.min.3.16.1.css.map"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"doshii": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"map": "doshii.min.css.map"
|
|
56
56
|
},
|
|
57
57
|
"versioned": {
|
|
58
|
-
"css": "doshii.min.3.16.
|
|
59
|
-
"map": "doshii.min.3.16.
|
|
58
|
+
"css": "doshii.min.3.16.1.css",
|
|
59
|
+
"map": "doshii.min.3.16.1.css.map"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"homeIn": {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"map": "homeIn.min.css.map"
|
|
71
71
|
},
|
|
72
72
|
"versioned": {
|
|
73
|
-
"css": "homeIn.min.3.16.
|
|
74
|
-
"map": "homeIn.min.3.16.
|
|
73
|
+
"css": "homeIn.min.3.16.1.css",
|
|
74
|
+
"map": "homeIn.min.3.16.1.css.map"
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"x15Core": {
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"map": "x15Core.min.css.map"
|
|
86
86
|
},
|
|
87
87
|
"versioned": {
|
|
88
|
-
"css": "x15Core.min.3.16.
|
|
89
|
-
"map": "x15Core.min.3.16.
|
|
88
|
+
"css": "x15Core.min.3.16.1.css",
|
|
89
|
+
"map": "x15Core.min.3.16.1.css.map"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.skeletonBar {
|
|
12
12
|
inline-size: 100%;
|
|
13
13
|
block-size: var(--skeletonHeight, var(--skeletonLineHeight, 1em));
|
|
14
|
-
background-color: var(--skeletonBg, #
|
|
14
|
+
background-color: var(--skeletonBg, #e5ebef);
|
|
15
15
|
border-radius: var(--skeletonBorderRadius, 3px);
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -53,34 +53,39 @@
|
|
|
53
53
|
position: absolute;
|
|
54
54
|
inset: 0;
|
|
55
55
|
transform: translateX(-100%);
|
|
56
|
-
background-image: linear-gradient(90deg, transparent
|
|
57
|
-
animation: skeletonWave var(--skeletonAnimationDuration,
|
|
56
|
+
background-image: linear-gradient(90deg, transparent 20%, var(--skeletonHighlight, #ffffff) 50%, transparent 80%);
|
|
57
|
+
animation: skeletonWave var(--skeletonAnimationDuration, 2s) ease-in-out infinite;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.skeleton_pulse .skeletonBar {
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
animation: skeletonPulse var(--skeletonAnimationDuration, 2s) ease-in-out infinite;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.skeleton_pulse.skeleton_opaque .skeletonBar {
|
|
65
|
+
animation-name: skeletonPulseOpaque;
|
|
63
66
|
}
|
|
64
67
|
|
|
65
68
|
@keyframes skeletonWave {
|
|
66
|
-
|
|
69
|
+
60%, 100% {
|
|
67
70
|
transform: translateX(100%);
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
73
|
@keyframes skeletonPulse {
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
50% {
|
|
75
|
+
background-color: var(--skeletonPulseBg, #ffffff);
|
|
73
76
|
}
|
|
74
|
-
|
|
75
|
-
|
|
77
|
+
}
|
|
78
|
+
@keyframes skeletonPulseOpaque {
|
|
79
|
+
50% {
|
|
80
|
+
background-color: var(--skeletonOpaquePulseBg, #f6f8fa);
|
|
76
81
|
}
|
|
77
82
|
}
|
|
78
83
|
@media (prefers-reduced-motion: reduce) {
|
|
79
84
|
.skeleton_wave .skeletonBar::after {
|
|
80
85
|
display: none;
|
|
81
86
|
}
|
|
82
|
-
.skeleton_pulse .skeletonBar
|
|
87
|
+
.skeleton_pulse .skeletonBar,
|
|
88
|
+
.skeleton_pulse.skeleton_opaque .skeletonBar {
|
|
83
89
|
animation: none;
|
|
84
|
-
opacity: 1;
|
|
85
90
|
}
|
|
86
91
|
}
|
package/dist/esm/package.json
CHANGED
|
@@ -254,9 +254,11 @@
|
|
|
254
254
|
--notificationIconFg: #fff;
|
|
255
255
|
--notificationIconBorder: 4px solid #c00;
|
|
256
256
|
--notificationIconBoxShadow: none;
|
|
257
|
-
--skeletonBg: #
|
|
257
|
+
--skeletonBg: #e5ebef;
|
|
258
258
|
--skeletonOpaqueBg: #d3dee4;
|
|
259
|
-
--skeletonHighlight: #
|
|
259
|
+
--skeletonHighlight: #ffffff;
|
|
260
|
+
--skeletonPulseBg: #ffffff;
|
|
261
|
+
--skeletonOpaquePulseBg: #f6f8fa;
|
|
260
262
|
--skeletonBorderRadius: 3px;
|
|
261
263
|
--skeletonRoundedBorderRadius: 8px;
|
|
262
264
|
--skeletonLineHeight: 1em;
|
|
@@ -264,7 +266,7 @@
|
|
|
264
266
|
--skeletonBlockHeight: 120px;
|
|
265
267
|
--skeletonCircleSize: 40px;
|
|
266
268
|
--skeletonLastLineWidth: 60%;
|
|
267
|
-
--skeletonAnimationDuration:
|
|
269
|
+
--skeletonAnimationDuration: 2s;
|
|
268
270
|
}
|
|
269
271
|
|
|
270
272
|
:root {
|
|
@@ -611,6 +613,8 @@
|
|
|
611
613
|
--skeletonBg: #1a1410;
|
|
612
614
|
--skeletonHighlight: #3d2f26;
|
|
613
615
|
--skeletonOpaqueBg: #2c211b;
|
|
616
|
+
--skeletonOpaquePulseBg: #4d3b30;
|
|
617
|
+
--skeletonPulseBg: #3d2f26;
|
|
614
618
|
--statusAlertColor: #000;
|
|
615
619
|
--statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
|
|
616
620
|
--statusDefCon3Color: #003;
|
|
@@ -236,6 +236,8 @@
|
|
|
236
236
|
--skeletonBg: #1a1410;
|
|
237
237
|
--skeletonHighlight: #3d2f26;
|
|
238
238
|
--skeletonOpaqueBg: #2c211b;
|
|
239
|
+
--skeletonOpaquePulseBg: #4d3b30;
|
|
240
|
+
--skeletonPulseBg: #3d2f26;
|
|
239
241
|
--statusAlertColor: #000;
|
|
240
242
|
--statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
|
|
241
243
|
--statusDefCon3Color: #003;
|
|
@@ -216,9 +216,11 @@
|
|
|
216
216
|
--notificationIconFg: #fff;
|
|
217
217
|
--notificationIconBorder: 4px solid #c00;
|
|
218
218
|
--notificationIconBoxShadow: none;
|
|
219
|
-
--skeletonBg: #
|
|
219
|
+
--skeletonBg: #e5ebef;
|
|
220
220
|
--skeletonOpaqueBg: #d3dee4;
|
|
221
|
-
--skeletonHighlight: #
|
|
221
|
+
--skeletonHighlight: #ffffff;
|
|
222
|
+
--skeletonPulseBg: #ffffff;
|
|
223
|
+
--skeletonOpaquePulseBg: #f6f8fa;
|
|
222
224
|
--skeletonBorderRadius: 3px;
|
|
223
225
|
--skeletonRoundedBorderRadius: 8px;
|
|
224
226
|
--skeletonLineHeight: 1em;
|
|
@@ -226,5 +228,5 @@
|
|
|
226
228
|
--skeletonBlockHeight: 120px;
|
|
227
229
|
--skeletonCircleSize: 40px;
|
|
228
230
|
--skeletonLastLineWidth: 60%;
|
|
229
|
-
--skeletonAnimationDuration:
|
|
231
|
+
--skeletonAnimationDuration: 2s;
|
|
230
232
|
}
|
package/dist/package.json
CHANGED