neo.mjs 6.9.11 → 6.9.12
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/apps/ServiceWorker.mjs +2 -2
- package/apps/learnneo/index.html +4 -3
- package/apps/learnneo/neo-config.json +1 -4
- package/apps/learnneo/view/Viewport.mjs +11 -4
- package/apps/learnneo/view/ViewportController.mjs +2 -2
- package/apps/learnneo/view/home/ContentComponent.mjs +24 -0
- package/apps/learnneo/view/home/ContentTreeList.mjs +16 -11
- package/apps/learnneo/view/home/MainContainer.mjs +16 -16
- package/apps/learnneo/view/home/MainContainerModel.mjs +3 -5
- package/apps/newwebsite/index.html +3 -0
- package/buildScripts/convertDesignTokens.mjs +173 -0
- package/examples/ServiceWorker.mjs +2 -2
- package/examples/button/base/neo-config.json +2 -1
- package/package.json +2 -1
- package/resources/data/deck/learnneo/p/2023-10-08T20-20-37-336Z.md +17 -10
- package/resources/data/deck/learnneo/p/stylesheet.md +26 -8
- package/resources/data/deck/training/p/2023-01-10T02-21-54-303Z.md +1 -1
- package/resources/data/deck/training/t.json +1276 -1
- package/resources/design-tokens/json/component.json +288 -0
- package/resources/design-tokens/json/core.json +352 -0
- package/resources/design-tokens/json/semantic.json +231 -0
- package/resources/scss/src/apps/learnneo/Viewport.scss +3 -0
- package/resources/scss/src/apps/learnneo/home/ContentComponent.scss +61 -0
- package/resources/scss/src/apps/learnneo/home/ContentTreeList.scss +60 -13
- package/resources/scss/src/apps/learnneo/home/ContentView.scss +5 -2
- package/resources/scss/src/apps/newwebsite/MainContainer.css +33 -0
- package/resources/scss/src/apps/newwebsite/MainContainer.scss +14 -15
- package/resources/scss/src/list/Base.scss +1 -1
- package/resources/scss/theme-neo-light/Global.scss +33 -15
- package/resources/scss/theme-neo-light/design-tokens/Component.scss +62 -1
- package/resources/scss/theme-neo-light/design-tokens/Components.scss +3 -0
- package/resources/scss/theme-neo-light/design-tokens/Core.scss +65 -5
- package/resources/scss/theme-neo-light/design-tokens/Semantic.scss +61 -0
- package/resources/scss/theme-neo-light/list/Base.scss +29 -6
- package/src/DefaultConfig.mjs +2 -2
- package/src/controller/Base.mjs +31 -23
- package/src/data/connection/Xhr.mjs +1 -1
- package/src/form/field/Text.mjs +2 -2
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sem": {
|
|
3
|
+
"color": {
|
|
4
|
+
"bg": {
|
|
5
|
+
"neutral": {
|
|
6
|
+
"default": {
|
|
7
|
+
"value": "{gray.50}",
|
|
8
|
+
"type": "color"
|
|
9
|
+
},
|
|
10
|
+
"highlighted": {
|
|
11
|
+
"value": "{white}",
|
|
12
|
+
"type": "color"
|
|
13
|
+
},
|
|
14
|
+
"hover": {
|
|
15
|
+
"value": "{gray.900}",
|
|
16
|
+
"type": "color",
|
|
17
|
+
"$extensions": {
|
|
18
|
+
"studio.tokens": {
|
|
19
|
+
"modify": {
|
|
20
|
+
"type": "alpha",
|
|
21
|
+
"value": "0.05",
|
|
22
|
+
"space": "hsl"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"active": {
|
|
28
|
+
"value": "{gray.900}",
|
|
29
|
+
"type": "color",
|
|
30
|
+
"$extensions": {
|
|
31
|
+
"studio.tokens": {
|
|
32
|
+
"modify": {
|
|
33
|
+
"type": "alpha",
|
|
34
|
+
"value": "0.1",
|
|
35
|
+
"space": "lch"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"disabled": {
|
|
41
|
+
"value": "{gray.200}",
|
|
42
|
+
"type": "color"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"primary": {
|
|
46
|
+
"default": {
|
|
47
|
+
"value": "{green.400}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"hover": {
|
|
51
|
+
"value": "{green.500}",
|
|
52
|
+
"type": "color"
|
|
53
|
+
},
|
|
54
|
+
"active": {
|
|
55
|
+
"value": "{green.600}",
|
|
56
|
+
"type": "color"
|
|
57
|
+
},
|
|
58
|
+
"background": {
|
|
59
|
+
"value": "{green.100}",
|
|
60
|
+
"type": "color"
|
|
61
|
+
},
|
|
62
|
+
"disabled": {
|
|
63
|
+
"value": "{gray.200}",
|
|
64
|
+
"type": "color"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
"fg": {
|
|
69
|
+
"neutral": {
|
|
70
|
+
"default": {
|
|
71
|
+
"value": "{gray.900}",
|
|
72
|
+
"type": "color"
|
|
73
|
+
},
|
|
74
|
+
"contrast": {
|
|
75
|
+
"value": "{black}",
|
|
76
|
+
"type": "color"
|
|
77
|
+
},
|
|
78
|
+
"subdued": {
|
|
79
|
+
"value": "{gray.700}",
|
|
80
|
+
"type": "color"
|
|
81
|
+
},
|
|
82
|
+
"disabled": {
|
|
83
|
+
"value": "{gray.300}",
|
|
84
|
+
"type": "color"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
"primary": {
|
|
88
|
+
"highlighted": {
|
|
89
|
+
"value": "{green.400}",
|
|
90
|
+
"type": "color"
|
|
91
|
+
},
|
|
92
|
+
"base": {
|
|
93
|
+
"value": "{green.500}",
|
|
94
|
+
"type": "color"
|
|
95
|
+
},
|
|
96
|
+
"faded": {
|
|
97
|
+
"value": "{green.600}",
|
|
98
|
+
"type": "color"
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
"border": {
|
|
103
|
+
"subtle": {
|
|
104
|
+
"value": "{gray.100}",
|
|
105
|
+
"type": "color"
|
|
106
|
+
},
|
|
107
|
+
"default": {
|
|
108
|
+
"value": "{gray.200}",
|
|
109
|
+
"type": "color"
|
|
110
|
+
},
|
|
111
|
+
"contrast": {
|
|
112
|
+
"value": "{black}",
|
|
113
|
+
"type": "color"
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
"spacing": {
|
|
118
|
+
"xxxsmall": {
|
|
119
|
+
"value": "{spacing.2}",
|
|
120
|
+
"type": "spacing"
|
|
121
|
+
},
|
|
122
|
+
"xxsmall": {
|
|
123
|
+
"value": "{spacing.4}",
|
|
124
|
+
"type": "spacing"
|
|
125
|
+
},
|
|
126
|
+
"xsmall": {
|
|
127
|
+
"value": "{spacing.8}",
|
|
128
|
+
"type": "spacing"
|
|
129
|
+
},
|
|
130
|
+
"small": {
|
|
131
|
+
"value": "{spacing.12}",
|
|
132
|
+
"type": "spacing"
|
|
133
|
+
},
|
|
134
|
+
"medium": {
|
|
135
|
+
"value": "{spacing.16}",
|
|
136
|
+
"type": "spacing"
|
|
137
|
+
},
|
|
138
|
+
"large": {
|
|
139
|
+
"value": "{spacing.20}",
|
|
140
|
+
"type": "spacing"
|
|
141
|
+
},
|
|
142
|
+
"xlarge": {
|
|
143
|
+
"value": "{spacing.24}",
|
|
144
|
+
"type": "spacing"
|
|
145
|
+
},
|
|
146
|
+
"xxlarge": {
|
|
147
|
+
"value": "{spacing.32}",
|
|
148
|
+
"type": "spacing"
|
|
149
|
+
},
|
|
150
|
+
"xxxlarge": {
|
|
151
|
+
"value": "{spacing.40}",
|
|
152
|
+
"type": "spacing"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
"height": {
|
|
156
|
+
"xxsmall": {
|
|
157
|
+
"value": "{height.2}",
|
|
158
|
+
"type": "sizing"
|
|
159
|
+
},
|
|
160
|
+
"xsmall": {
|
|
161
|
+
"value": "{height.4}",
|
|
162
|
+
"type": "sizing"
|
|
163
|
+
},
|
|
164
|
+
"small": {
|
|
165
|
+
"value": "{height.8}",
|
|
166
|
+
"type": "sizing"
|
|
167
|
+
},
|
|
168
|
+
"medium": {
|
|
169
|
+
"value": "{height.16}",
|
|
170
|
+
"type": "sizing"
|
|
171
|
+
},
|
|
172
|
+
"large": {
|
|
173
|
+
"value": "{height.32}",
|
|
174
|
+
"type": "sizing"
|
|
175
|
+
},
|
|
176
|
+
"xlarge": {
|
|
177
|
+
"value": "{height.48}",
|
|
178
|
+
"type": "sizing"
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
"borderradius": {
|
|
182
|
+
"none": {
|
|
183
|
+
"value": "{borderradius.0}",
|
|
184
|
+
"type": "borderRadius"
|
|
185
|
+
},
|
|
186
|
+
"medium": {
|
|
187
|
+
"value": "{borderradius.4}",
|
|
188
|
+
"type": "borderRadius"
|
|
189
|
+
},
|
|
190
|
+
"large": {
|
|
191
|
+
"value": "{borderradius.8}",
|
|
192
|
+
"type": "borderRadius"
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
"typo": {
|
|
196
|
+
"h1": {
|
|
197
|
+
"value": {
|
|
198
|
+
"fontFamily": "{core.fontfamily.sans}",
|
|
199
|
+
"fontSize": "{core.fontsize.h1}",
|
|
200
|
+
"fontWeight": "{core.fontweight.bold}",
|
|
201
|
+
"textDecoration": "none",
|
|
202
|
+
"letterSpacing": "-0.02em",
|
|
203
|
+
"lineHeight": "{core.lineheight.headline}"
|
|
204
|
+
},
|
|
205
|
+
"type": "typography"
|
|
206
|
+
},
|
|
207
|
+
"h2": {
|
|
208
|
+
"value": {
|
|
209
|
+
"fontFamily": "{core.fontfamily.sans}",
|
|
210
|
+
"fontSize": "{core.fontsize.h2}",
|
|
211
|
+
"lineHeight": "{core.lineheight.headline}",
|
|
212
|
+
"fontWeight": "{core.fontweight.semibold}"
|
|
213
|
+
},
|
|
214
|
+
"type": "typography"
|
|
215
|
+
},
|
|
216
|
+
"body": {
|
|
217
|
+
"value": {
|
|
218
|
+
"fontFamily": "{core.fontfamily.sans}",
|
|
219
|
+
"fontSize": "{core.fontsize.body}",
|
|
220
|
+
"fontWeight": "{core.fontweight.regular}",
|
|
221
|
+
"letterSpacing": "0",
|
|
222
|
+
"paragraphSpacing": "0",
|
|
223
|
+
"paragraphIndent": "0",
|
|
224
|
+
"textDecoration": "none",
|
|
225
|
+
"lineHeight": "{core.lineheight.paragraph}"
|
|
226
|
+
},
|
|
227
|
+
"type": "typography"
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
.learn-content {
|
|
2
|
+
font-family : 'Open Sans';
|
|
3
|
+
font-size : 13pt;
|
|
4
|
+
letter-spacing: 1px;
|
|
5
|
+
overflow : scroll;
|
|
6
|
+
padding : 1em;
|
|
7
|
+
|
|
8
|
+
em,
|
|
9
|
+
i {
|
|
10
|
+
font-family: Palatino, "Times New Roman", serif;
|
|
11
|
+
font-size : 1.07em;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
p {
|
|
15
|
+
margin: 0.5em 0em 0.7em 0em;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
mark {
|
|
19
|
+
background-color: #B8FCE3;
|
|
20
|
+
color : black;
|
|
21
|
+
padding : 0.1em 0.2em;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
details summary {
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
transition: margin 300ms ease-out;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
details[open] {
|
|
30
|
+
margin-bottom: 2em;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
details summary {
|
|
34
|
+
list-style: none;
|
|
35
|
+
color: #555;
|
|
36
|
+
display: flex;
|
|
37
|
+
/* also removes the list marker */
|
|
38
|
+
align-items: center;
|
|
39
|
+
font-weight: bold;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
details summary::before {
|
|
43
|
+
content: "\f055";
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
details[open] summary::before {
|
|
47
|
+
content: "\f056";
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
details summary::before {
|
|
51
|
+
color : #c4c4c4;
|
|
52
|
+
font-family: var(--fa-style-family, "Font Awesome 6 Free");
|
|
53
|
+
font-size : 1.3em;
|
|
54
|
+
font-weight: var(--fa-style, 900);
|
|
55
|
+
margin : 0.4em 0.4em 0.4em 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
summary::-webkit-details-marker {
|
|
59
|
+
display: none;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -1,33 +1,80 @@
|
|
|
1
|
+
|
|
2
|
+
.sidenav-container {
|
|
3
|
+
background-color: transparent;
|
|
4
|
+
margin: 8px 0 8px 8px;
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
.topics-tree {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
|
|
9
|
+
background-color: white;
|
|
10
|
+
border-radius : 8px;
|
|
11
|
+
padding : 8px;
|
|
12
|
+
|
|
13
|
+
.neo-list-container>.neo-list-item {
|
|
14
|
+
font-size: 18px !important;
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.neo-list-item {
|
|
19
|
+
border-radius : 8px;
|
|
20
|
+
margin-right : 0 !important;
|
|
21
|
+
padding : 0 0 0 16px !important;
|
|
22
|
+
height : 48px;
|
|
23
|
+
display : flex;
|
|
24
|
+
align-items : center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.neo-list-container ul {
|
|
28
|
+
padding: 0 !important;
|
|
29
|
+
|
|
30
|
+
.neo-list-item {
|
|
31
|
+
padding: 0 0 0 32px !important;
|
|
7
32
|
}
|
|
8
33
|
|
|
9
|
-
.neo-
|
|
10
|
-
|
|
11
|
-
|
|
34
|
+
ul .neo-list-item {
|
|
35
|
+
padding: 0 0 0 48px !important;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.neo-list-folder {
|
|
40
|
+
.neo-list-item-content {
|
|
41
|
+
width : 100%;
|
|
42
|
+
display : flex;
|
|
43
|
+
justify-content : space-between;
|
|
44
|
+
|
|
45
|
+
&:after {
|
|
46
|
+
color : var(--list-item-glyph-color);
|
|
47
|
+
content : "\f0c8";
|
|
48
|
+
display : inline-block;
|
|
49
|
+
font-family : 'Material Icons';
|
|
50
|
+
font-size : 18px;
|
|
51
|
+
width : 25px;
|
|
52
|
+
padding-top : 4px;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&:before {
|
|
56
|
+
content: unset !important;
|
|
12
57
|
}
|
|
13
58
|
}
|
|
59
|
+
}
|
|
14
60
|
|
|
61
|
+
&.neo-tree-list {
|
|
15
62
|
.neo-list-container {
|
|
16
63
|
.neo-list-item {
|
|
17
64
|
&.neo-list-item-leaf {
|
|
18
|
-
.neo-list-item-content:
|
|
65
|
+
.neo-list-item-content:after {
|
|
19
66
|
content: none !important;
|
|
20
67
|
}
|
|
21
68
|
}
|
|
22
69
|
|
|
23
70
|
&.neo-list-folder {
|
|
24
|
-
.neo-list-item-content:
|
|
25
|
-
content: "\
|
|
71
|
+
.neo-list-item-content:after {
|
|
72
|
+
content: "\e5cc" !important;
|
|
26
73
|
}
|
|
27
74
|
|
|
28
75
|
&.neo-folder-open {
|
|
29
|
-
.neo-list-item-content:
|
|
30
|
-
content: "\
|
|
76
|
+
.neo-list-item-content:after {
|
|
77
|
+
content: "\e5cf" !important;
|
|
31
78
|
}
|
|
32
79
|
}
|
|
33
80
|
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
|
|
2
|
+
.newwebsite-main-container {
|
|
3
|
+
display: flex !important;
|
|
4
|
+
align-items: center !important;
|
|
5
|
+
justify-content: center !important;
|
|
6
|
+
gap: 48px;
|
|
7
|
+
padding: 10% 15% 15% 15%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.button-group {
|
|
11
|
+
display: flex !important;
|
|
12
|
+
flex-direction: row-reverse !important;
|
|
13
|
+
gap: 8px !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.neo-h1 {
|
|
17
|
+
font-size: 48px;
|
|
18
|
+
font-weight: 600;
|
|
19
|
+
text-align: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.vector {
|
|
23
|
+
background-image: url("../../../../images/Neo_Vector.svg");
|
|
24
|
+
background-repeat: no-repeat;
|
|
25
|
+
background-size: contain;
|
|
26
|
+
background-position: center center;
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 150px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.get-started-button {
|
|
32
|
+
cursor: not-allowed !important;
|
|
33
|
+
}
|
|
@@ -1,33 +1,32 @@
|
|
|
1
|
-
|
|
2
1
|
.newwebsite-main-container {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
align-items : center !important;
|
|
3
|
+
display : flex !important;
|
|
4
|
+
gap : 48px;
|
|
5
5
|
justify-content: center !important;
|
|
6
|
-
|
|
7
|
-
padding: 10% 15% 15% 15%;
|
|
6
|
+
padding : 10% 15% 15% 15%;
|
|
8
7
|
}
|
|
9
8
|
|
|
10
9
|
.button-group {
|
|
11
|
-
display: flex !important;
|
|
10
|
+
display : flex !important;
|
|
12
11
|
flex-direction: row-reverse !important;
|
|
13
|
-
gap: 8px !important;
|
|
12
|
+
gap : 8px !important;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
.neo-h1 {
|
|
17
|
-
font-size: 48px;
|
|
16
|
+
font-size : 48px;
|
|
18
17
|
font-weight: 600;
|
|
19
|
-
text-align: center;
|
|
18
|
+
text-align : center;
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
.vector {
|
|
23
|
-
background-image: url("
|
|
24
|
-
background-repeat: no-repeat;
|
|
25
|
-
background-size: contain;
|
|
22
|
+
background-image : url("../../../../../../resources/images/Neo_Vector.svg");
|
|
26
23
|
background-position: center center;
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
background-repeat : no-repeat;
|
|
25
|
+
background-size : contain;
|
|
26
|
+
height : 150px;
|
|
27
|
+
width : 100%;
|
|
29
28
|
}
|
|
30
29
|
|
|
31
30
|
.get-started-button {
|
|
32
31
|
cursor: not-allowed !important;
|
|
33
|
-
}
|
|
32
|
+
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
--neo-background-color: #fafafa;
|
|
3
3
|
--neo-color : #000;
|
|
4
4
|
--neo-disabled-opacity: 0.5;
|
|
5
|
-
--neo-font-family :
|
|
5
|
+
--neo-font-family : 'Source Sans 3', sans-serif;
|
|
6
6
|
--neo-font-smoothing : antialiased;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
@import "../../../resources/scss/theme-neo-light/design-tokens/_all.scss";
|
|
10
10
|
|
|
11
11
|
h1 {
|
|
12
|
-
color : var(--
|
|
12
|
+
color : var(--sem-color-fg-contrast);
|
|
13
13
|
font-family : var(--core-fontfamily-sans);
|
|
14
14
|
font-size : var(--core-fontsize-h1);
|
|
15
15
|
font-weight : var(--core-fontweight-semibold);
|
|
@@ -17,9 +17,8 @@ h1 {
|
|
|
17
17
|
line-height : var(--core-lineheight-headline);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
21
20
|
h2 {
|
|
22
|
-
color : var(--semantic-color-
|
|
21
|
+
color : var(--semantic-color-neutral-contrast);
|
|
23
22
|
font-family : var(--core-fontfamily-sans);
|
|
24
23
|
font-size : var(--core-fontsize-h2);
|
|
25
24
|
font-weight : var(--core-fontweight-semibold);
|
|
@@ -35,19 +34,38 @@ p {
|
|
|
35
34
|
line-height : var(--core-lineheight-paragraph);
|
|
36
35
|
}
|
|
37
36
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
37
|
+
code {
|
|
38
|
+
background-color: #ededed;
|
|
39
|
+
border-radius : 2px;
|
|
40
|
+
color : var(--semantic-color-fg-contrast);
|
|
41
|
+
font-family : var(--core-fontfamily-mono);
|
|
42
|
+
font-size : var(--core-fontsize-body);
|
|
43
|
+
font-weight : var(--core-fontweight-regular);
|
|
44
|
+
line-height : var(--core-lineheight-headline);
|
|
45
|
+
padding : 2px 0.3em;
|
|
46
|
+
}
|
|
48
47
|
|
|
49
48
|
mark {
|
|
50
|
-
background-color:
|
|
49
|
+
background-color: var(--green-50);
|
|
51
50
|
color : black;
|
|
52
51
|
padding : 0.1em 0.2em;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
.neo-splitter {
|
|
57
|
+
opacity: 1;
|
|
58
|
+
margin: 8px 2px;
|
|
59
|
+
border-radius: 100px;
|
|
60
|
+
border: unset !important;
|
|
61
|
+
|
|
62
|
+
&:hover, &:active {
|
|
63
|
+
background-color: #5595F5 !important;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.neo-dragproxy {
|
|
68
|
+
&.neo-splitter {
|
|
69
|
+
background-color: #5595F5 !important;
|
|
70
|
+
}
|
|
53
71
|
}
|
|
@@ -1,3 +1,64 @@
|
|
|
1
1
|
:root .neo-theme-neo-light {
|
|
2
|
-
--cmp-
|
|
2
|
+
--cmp-breadcrumb-arrow : var(--sem-color-fg-neutral-default);
|
|
3
|
+
--cmp-breadcrumb-currentpage : var(--sem-color-fg-primary-base);
|
|
4
|
+
--cmp-breadcrumb-gap : var(--sem-spacing-xxsmall);
|
|
5
|
+
--cmp-breadcrumb-pagelevel : var(--sem-color-fg-neutral-default);
|
|
6
|
+
--cmp-button-borderradius : var(--sem-borderradius-large);
|
|
7
|
+
--cmp-button-borderwidth : 1px;
|
|
8
|
+
--cmp-button-gap : var(--sem-spacing-xxsmall);
|
|
9
|
+
--cmp-button-ghost-bg-active : var(--sem-color-bg-neutral-active);
|
|
10
|
+
--cmp-button-ghost-bg-default : transparent;
|
|
11
|
+
--cmp-button-ghost-bg-disabled : var(--sem-color-bg-neutral-disabled);
|
|
12
|
+
--cmp-button-ghost-bg-hover : var(--sem-color-bg-neutral-hover);
|
|
13
|
+
--cmp-button-ghost-bg-loading : var(--sem-color-bg-neutral-hover);
|
|
14
|
+
--cmp-button-ghost-fg-default : var(--sem-color-fg-neutral-contrast);
|
|
15
|
+
--cmp-button-ghost-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
16
|
+
--cmp-button-height : var(--height-48);
|
|
17
|
+
--cmp-button-primary-bg-active : var(--sem-color-bg-primary-active);
|
|
18
|
+
--cmp-button-primary-bg-default : var(--sem-color-bg-primary-default);
|
|
19
|
+
--cmp-button-primary-bg-disabled : var(--sem-color-bg-primary-disabled);
|
|
20
|
+
--cmp-button-primary-bg-hover : var(--sem-color-bg-primary-hover);
|
|
21
|
+
--cmp-button-primary-bg-loading : var(--sem-color-bg-primary-background);
|
|
22
|
+
--cmp-button-primary-fg-default : var(--sem-color-fg-neutral-contrast);
|
|
23
|
+
--cmp-button-primary-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
24
|
+
--cmp-button-secondary-bg-active : var(--sem-color-bg-neutral-active);
|
|
25
|
+
--cmp-button-secondary-bg-default : transparent;
|
|
26
|
+
--cmp-button-secondary-bg-disabled : transparent;
|
|
27
|
+
--cmp-button-secondary-bg-hover : var(--sem-color-bg-neutral-hover);
|
|
28
|
+
--cmp-button-secondary-bg-loading : var(--sem-color-bg-neutral-default);
|
|
29
|
+
--cmp-button-secondary-border-default-color : var(--sem-color-border-default);
|
|
30
|
+
--cmp-button-secondary-border-default-style : solid;
|
|
31
|
+
--cmp-button-secondary-border-default-width : 1px;
|
|
32
|
+
--cmp-button-secondary-border-disabled-color: var(--sem-color-border-subtle);
|
|
33
|
+
--cmp-button-secondary-border-disabled-style: solid;
|
|
34
|
+
--cmp-button-secondary-border-disabled-width: 1px;
|
|
35
|
+
--cmp-button-secondary-text-default : var(--sem-color-fg-neutral-default);
|
|
36
|
+
--cmp-button-secondary-text-disabled : var(--sem-color-fg-neutral-disabled);
|
|
37
|
+
--cmp-button-spacinghorizontal : var(--sem-spacing-medium);
|
|
38
|
+
--cmp-button-tertiary-default : var(--sem-color-fg-neutral-contrast);
|
|
39
|
+
--cmp-button-tertiary-disabled : var(--sem-color-fg-neutral-disabled);
|
|
40
|
+
--cmp-sidenav-borderradius : var(--sem-borderradius-large);
|
|
41
|
+
--cmp-sidenav-chapter-bg-active : var(--sem-color-bg-neutral-active);
|
|
42
|
+
--cmp-sidenav-chapter-bg-default : transparent;
|
|
43
|
+
--cmp-sidenav-chapter-bg-hover : var(--sem-color-bg-neutral-hover);
|
|
44
|
+
--cmp-sidenav-chapter-bg-selected : var(--sem-color-bg-primary-background);
|
|
45
|
+
--cmp-sidenav-chapter-fg-default : var(--sem-color-fg-neutral-default);
|
|
46
|
+
--cmp-sidenav-chapter-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
47
|
+
--cmp-sidenav-chapter-gap : var(--sem-spacing-small);
|
|
48
|
+
--cmp-sidenav-chapter-height : var(--sem-height-xlarge);
|
|
49
|
+
--cmp-sidenav-gap : var(--sem-spacing-xsmall);
|
|
50
|
+
--cmp-sidenav-item-bg-default : transparent;
|
|
51
|
+
--cmp-sidenav-item-bg-hover : var(--sem-color-bg-neutral-hover);
|
|
52
|
+
--cmp-sidenav-item-bg-pressed : var(--sem-color-bg-neutral-active);
|
|
53
|
+
--cmp-sidenav-item-bg-selected : var(--sem-color-bg-primary-background);
|
|
54
|
+
--cmp-sidenav-item-borderradius : var(--sem-borderradius-large);
|
|
55
|
+
--cmp-sidenav-item-fg-default : var(--sem-color-fg-neutral-default);
|
|
56
|
+
--cmp-sidenav-item-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
57
|
+
--cmp-sidenav-item-gap : var(--sem-spacing-small);
|
|
58
|
+
--cmp-sidenav-item-height : var(--sem-height-xlarge);
|
|
59
|
+
--cmp-sidenav-item-spacex : var(--sem-spacing-medium);
|
|
60
|
+
--cmp-sidenav-spacex : var(--sem-spacing-medium);
|
|
61
|
+
--cmp-sidenav-spacey : var(--sem-spacing-xsmall);
|
|
62
|
+
--cmp-tab-foreground-default : var(--sem-color-fg-neutral-default);
|
|
63
|
+
--cmp-tab-height : var(--sem-height-xlarge);
|
|
3
64
|
}
|