@sc-360-v2/storefront-cms-library 0.2.55 → 0.2.56
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/README.md +12 -12
- package/dist/builder.js +1 -1
- package/dist/globals.scss +94 -94
- package/dist/types/builder/interfaces/global.d.ts +8 -0
- package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +5 -5
- package/dist/types/builder/tools/element-edit/common.d.ts +2 -2
- package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +1 -1
- package/package.json +1 -1
package/dist/globals.scss
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--max-width: 1100px;
|
|
3
|
-
--border-radius: 12px;
|
|
4
|
-
--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
|
|
5
|
-
"Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
|
|
6
|
-
"Courier New", monospace;
|
|
7
|
-
|
|
8
|
-
--foreground-rgb: 0, 0, 0;
|
|
9
|
-
--background-start-rgb: 214, 219, 220;
|
|
10
|
-
--background-end-rgb: 255, 255, 255;
|
|
11
|
-
|
|
12
|
-
--primary-glow: conic-gradient(
|
|
13
|
-
from 180deg at 50% 50%,
|
|
14
|
-
#16abff33 0deg,
|
|
15
|
-
#0885ff33 55deg,
|
|
16
|
-
#54d6ff33 120deg,
|
|
17
|
-
#0071ff33 160deg,
|
|
18
|
-
transparent 360deg
|
|
19
|
-
);
|
|
20
|
-
--secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
|
21
|
-
|
|
22
|
-
--tile-start-rgb: 239, 245, 249;
|
|
23
|
-
--tile-end-rgb: 228, 232, 233;
|
|
24
|
-
--tile-border: conic-gradient(
|
|
25
|
-
#00000080,
|
|
26
|
-
#00000040,
|
|
27
|
-
#00000030,
|
|
28
|
-
#00000020,
|
|
29
|
-
#00000010,
|
|
30
|
-
#00000010,
|
|
31
|
-
#00000080
|
|
32
|
-
);
|
|
33
|
-
|
|
34
|
-
--callout-rgb: 238, 240, 241;
|
|
35
|
-
--callout-border-rgb: 172, 175, 176;
|
|
36
|
-
--card-rgb: 180, 185, 188;
|
|
37
|
-
--card-border-rgb: 131, 134, 135;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@media (prefers-color-scheme: dark) {
|
|
41
|
-
:root {
|
|
42
|
-
--foreground-rgb: 255, 255, 255;
|
|
43
|
-
--background-start-rgb: 0, 0, 0;
|
|
44
|
-
--background-end-rgb: 0, 0, 0;
|
|
45
|
-
|
|
46
|
-
--primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
|
|
47
|
-
--secondary-glow: linear-gradient(
|
|
48
|
-
to bottom right,
|
|
49
|
-
rgba(1, 65, 255, 0),
|
|
50
|
-
rgba(1, 65, 255, 0),
|
|
51
|
-
rgba(1, 65, 255, 0.3)
|
|
52
|
-
);
|
|
53
|
-
|
|
54
|
-
--tile-start-rgb: 2, 13, 46;
|
|
55
|
-
--tile-end-rgb: 2, 5, 19;
|
|
56
|
-
--tile-border: conic-gradient(
|
|
57
|
-
#ffffff80,
|
|
58
|
-
#ffffff40,
|
|
59
|
-
#ffffff30,
|
|
60
|
-
#ffffff20,
|
|
61
|
-
#ffffff10,
|
|
62
|
-
#ffffff10,
|
|
63
|
-
#ffffff80
|
|
64
|
-
);
|
|
65
|
-
|
|
66
|
-
--callout-rgb: 20, 20, 20;
|
|
67
|
-
--callout-border-rgb: 108, 108, 108;
|
|
68
|
-
--card-rgb: 100, 100, 100;
|
|
69
|
-
--card-border-rgb: 200, 200, 200;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
* {
|
|
74
|
-
box-sizing: border-box;
|
|
75
|
-
padding: 0;
|
|
76
|
-
margin: 0;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
html,
|
|
80
|
-
body {
|
|
81
|
-
max-width: 100vw;
|
|
82
|
-
overflow-x: hidden;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
a {
|
|
86
|
-
color: inherit;
|
|
87
|
-
text-decoration: none;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
@media (prefers-color-scheme: dark) {
|
|
91
|
-
html {
|
|
92
|
-
color-scheme: dark;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
:root {
|
|
2
|
+
--max-width: 1100px;
|
|
3
|
+
--border-radius: 12px;
|
|
4
|
+
--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
|
|
5
|
+
"Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
|
|
6
|
+
"Courier New", monospace;
|
|
7
|
+
|
|
8
|
+
--foreground-rgb: 0, 0, 0;
|
|
9
|
+
--background-start-rgb: 214, 219, 220;
|
|
10
|
+
--background-end-rgb: 255, 255, 255;
|
|
11
|
+
|
|
12
|
+
--primary-glow: conic-gradient(
|
|
13
|
+
from 180deg at 50% 50%,
|
|
14
|
+
#16abff33 0deg,
|
|
15
|
+
#0885ff33 55deg,
|
|
16
|
+
#54d6ff33 120deg,
|
|
17
|
+
#0071ff33 160deg,
|
|
18
|
+
transparent 360deg
|
|
19
|
+
);
|
|
20
|
+
--secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
|
21
|
+
|
|
22
|
+
--tile-start-rgb: 239, 245, 249;
|
|
23
|
+
--tile-end-rgb: 228, 232, 233;
|
|
24
|
+
--tile-border: conic-gradient(
|
|
25
|
+
#00000080,
|
|
26
|
+
#00000040,
|
|
27
|
+
#00000030,
|
|
28
|
+
#00000020,
|
|
29
|
+
#00000010,
|
|
30
|
+
#00000010,
|
|
31
|
+
#00000080
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
--callout-rgb: 238, 240, 241;
|
|
35
|
+
--callout-border-rgb: 172, 175, 176;
|
|
36
|
+
--card-rgb: 180, 185, 188;
|
|
37
|
+
--card-border-rgb: 131, 134, 135;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media (prefers-color-scheme: dark) {
|
|
41
|
+
:root {
|
|
42
|
+
--foreground-rgb: 255, 255, 255;
|
|
43
|
+
--background-start-rgb: 0, 0, 0;
|
|
44
|
+
--background-end-rgb: 0, 0, 0;
|
|
45
|
+
|
|
46
|
+
--primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
|
|
47
|
+
--secondary-glow: linear-gradient(
|
|
48
|
+
to bottom right,
|
|
49
|
+
rgba(1, 65, 255, 0),
|
|
50
|
+
rgba(1, 65, 255, 0),
|
|
51
|
+
rgba(1, 65, 255, 0.3)
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
--tile-start-rgb: 2, 13, 46;
|
|
55
|
+
--tile-end-rgb: 2, 5, 19;
|
|
56
|
+
--tile-border: conic-gradient(
|
|
57
|
+
#ffffff80,
|
|
58
|
+
#ffffff40,
|
|
59
|
+
#ffffff30,
|
|
60
|
+
#ffffff20,
|
|
61
|
+
#ffffff10,
|
|
62
|
+
#ffffff10,
|
|
63
|
+
#ffffff80
|
|
64
|
+
);
|
|
65
|
+
|
|
66
|
+
--callout-rgb: 20, 20, 20;
|
|
67
|
+
--callout-border-rgb: 108, 108, 108;
|
|
68
|
+
--card-rgb: 100, 100, 100;
|
|
69
|
+
--card-border-rgb: 200, 200, 200;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
* {
|
|
74
|
+
box-sizing: border-box;
|
|
75
|
+
padding: 0;
|
|
76
|
+
margin: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
html,
|
|
80
|
+
body {
|
|
81
|
+
max-width: 100vw;
|
|
82
|
+
overflow-x: hidden;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
a {
|
|
86
|
+
color: inherit;
|
|
87
|
+
text-decoration: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@media (prefers-color-scheme: dark) {
|
|
91
|
+
html {
|
|
92
|
+
color-scheme: dark;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -37,6 +37,14 @@ export interface CMSIBCommonInterface {
|
|
|
37
37
|
export interface CMSIBSizeInterface extends CMSIBCommonInterface {
|
|
38
38
|
unit?: number | string;
|
|
39
39
|
}
|
|
40
|
+
export interface CMSIBIconInterface extends CMSIBSizeInterface {
|
|
41
|
+
unit?: number | string;
|
|
42
|
+
customIcon: {
|
|
43
|
+
isCustomIcon: boolean;
|
|
44
|
+
url: string;
|
|
45
|
+
name: string;
|
|
46
|
+
};
|
|
47
|
+
}
|
|
40
48
|
export interface PaddingProps {
|
|
41
49
|
value: number;
|
|
42
50
|
unit: number;
|
|
@@ -132,7 +132,7 @@ export declare const getDefaultData: () => {
|
|
|
132
132
|
};
|
|
133
133
|
};
|
|
134
134
|
homePageItemStyle: {
|
|
135
|
-
icon: import("../../interfaces/global").
|
|
135
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
136
136
|
showIcon: CMSIBCommonInterface | undefined;
|
|
137
137
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
138
138
|
iconColor: CMSIBCommonInterface;
|
|
@@ -176,7 +176,7 @@ export declare const getDefaultData: () => {
|
|
|
176
176
|
};
|
|
177
177
|
};
|
|
178
178
|
currentPageItemStyle: {
|
|
179
|
-
icon: import("../../interfaces/global").
|
|
179
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
180
180
|
showIcon: CMSIBCommonInterface | undefined;
|
|
181
181
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
182
182
|
iconColor: CMSIBCommonInterface;
|
|
@@ -220,7 +220,7 @@ export declare const getDefaultData: () => {
|
|
|
220
220
|
};
|
|
221
221
|
};
|
|
222
222
|
otherItemStyle: {
|
|
223
|
-
icon: import("../../interfaces/global").
|
|
223
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
224
224
|
showIcon: CMSIBCommonInterface | undefined;
|
|
225
225
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
226
226
|
iconColor: CMSIBCommonInterface;
|
|
@@ -264,14 +264,14 @@ export declare const getDefaultData: () => {
|
|
|
264
264
|
};
|
|
265
265
|
};
|
|
266
266
|
itemSeparator: {
|
|
267
|
-
icon: import("../../interfaces/global").
|
|
267
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
268
268
|
showIcon: CMSIBCommonInterface | undefined;
|
|
269
269
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
270
270
|
iconColor: CMSIBCommonInterface;
|
|
271
271
|
selectorKey: SelectorKeysEnum;
|
|
272
272
|
};
|
|
273
273
|
expandIcon: {
|
|
274
|
-
icon: import("../../interfaces/global").
|
|
274
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
275
275
|
showIcon: CMSIBCommonInterface | undefined;
|
|
276
276
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
277
277
|
iconColor: CMSIBCommonInterface;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CMSIBCommonInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
|
|
1
|
+
import { CMSIBCommonInterface, CMSIBIconInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
|
|
2
2
|
export interface CMSElementEditPopupLayoutInterface {
|
|
3
3
|
selectorKey?: string;
|
|
4
4
|
adjustment?: CMSIBCommonInterface;
|
|
@@ -52,7 +52,7 @@ export interface CMSElementEditPopupDesignInterface {
|
|
|
52
52
|
textAlignDesc: CMSIBCommonInterface;
|
|
53
53
|
characterSpacingDesc?: CMSIBSizeInterface;
|
|
54
54
|
paragraphSpacingDesc?: CMSIBSizeInterface;
|
|
55
|
-
icon?:
|
|
55
|
+
icon?: CMSIBIconInterface;
|
|
56
56
|
lineHeightDesc: CMSIBSizeInterface;
|
|
57
57
|
zoomImage: CMSIBCommonInterface;
|
|
58
58
|
flip: CMSIBCommonInterface;
|
|
@@ -29,7 +29,7 @@ export declare const getDefaultData: () => {
|
|
|
29
29
|
positionType: CMSIBCommonInterface | undefined;
|
|
30
30
|
};
|
|
31
31
|
design: {
|
|
32
|
-
icon: import("../../interfaces/global").
|
|
32
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
33
33
|
showIcon: CMSIBCommonInterface | undefined;
|
|
34
34
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
35
35
|
iconColor: CMSIBCommonInterface;
|