neo.mjs 6.9.12 → 6.10.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/BACKERS.md +0 -30
- package/apps/ServiceWorker.mjs +2 -2
- package/apps/learnneo/index.html +8 -4
- package/apps/learnneo/view/LivePreview.mjs +171 -0
- package/apps/learnneo/view/home/ContentTreeList.mjs +91 -8
- package/apps/learnneo/view/home/MainContainerController.mjs +5 -20
- package/examples/ServiceWorker.mjs +2 -2
- package/examples/button/base/neo-config.json +1 -2
- package/package.json +4 -8
- package/resources/data/deck/learnneo/p/2023-10-01T18-29-19-158Z.md +14 -16
- package/resources/data/deck/learnneo/p/2023-10-07T19-18-28-517Z.md +9 -17
- package/resources/data/deck/learnneo/p/2023-10-08T20-20-07-934Z.md +7 -5
- package/resources/data/deck/learnneo/p/2023-10-14T19-25-08-153Z.md +18 -22
- package/resources/data/deck/learnneo/p/2023-10-31T13-59-37-550Z.md +31 -0
- package/resources/data/deck/learnneo/p/MainThreadAddonExample.md +15 -0
- package/resources/data/deck/learnneo/p/MainThreadAddonIntro.md +46 -0
- package/resources/data/deck/learnneo/p/TestLivePreview.md +10 -0
- package/resources/data/deck/learnneo/p/stylesheet.md +3 -7
- package/resources/data/deck/learnneo/t.json +126 -56
- package/resources/images/logos/Github-logo-black.svg +1 -0
- package/resources/images/logos/Slack-logo-black.svg +17 -0
- package/resources/scss/src/apps/learnneo/home/ContentView.scss +6 -0
- package/resources/scss/src/list/Base.scss +5 -1
- package/resources/scss/theme-neo-light/Global.scss +7 -5
- package/resources/scss/theme-neo-light/button/Base.scss +46 -45
- package/resources/scss/theme-neo-light/design-tokens/Component.scss +4 -0
- package/resources/scss/theme-neo-light/design-tokens/Core.scss +23 -22
- package/resources/scss/theme-neo-light/design-tokens/Semantic.scss +5 -2
- package/resources/scss/theme-neo-light/list/Base.scss +2 -4
- package/resources/scss/theme-neo-light/tab/header/Button.scss +1 -1
- package/src/DefaultConfig.mjs +2 -2
- package/src/component/StatusBadge.mjs +194 -246
- package/src/component/Video.mjs +19 -25
- package/src/controller/Base.mjs +3 -4
- package/src/core/Base.mjs +2 -2
- package/src/form/field/Text.mjs +2 -2
- package/src/form/field/TextArea.mjs +3 -3
- package/src/main/DomAccess.mjs +64 -70
- package/src/main/DomEvents.mjs +1 -1
- package/src/main/addon/HighlightJS.mjs +16 -1
- package/src/main/addon/Mwc.mjs +14 -5
- package/src/worker/Manager.mjs +8 -3
- package/apps/learnneo/view/home/ContentComponent.mjs +0 -24
- package/examples/container/dialog/MainContainer.mjs +0 -68
- package/examples/container/dialog/MainContainerController.mjs +0 -84
- package/examples/container/dialog/app.mjs +0 -6
- package/examples/container/dialog/index.html +0 -11
- package/examples/container/dialog/neo-config.json +0 -7
- package/resources/scss/src/apps/learnneo/home/ContentComponent.scss +0 -61
- package/resources/scss/src/apps/newwebsite/MainContainer.css +0 -33
- package/resources/scss/theme-neo-light/design-tokens/Components.scss +0 -3
- package/src/container/Dialog.mjs +0 -205
- package/src/main/addon/Dialog.mjs +0 -68
|
@@ -1,45 +1,46 @@
|
|
|
1
|
+
$text-color : #1c60a0;
|
|
1
2
|
$background-color: #fff;
|
|
2
3
|
$border-color : #ddd;
|
|
3
4
|
$border-style : solid;
|
|
4
5
|
$border-width : 1px;
|
|
5
|
-
|
|
6
|
+
|
|
6
7
|
|
|
7
8
|
:root .neo-theme-neo-light { // .neo-button
|
|
8
|
-
--button-background-color :
|
|
9
|
-
--button-background-color-active :
|
|
10
|
-
--button-background-color-disabled :
|
|
11
|
-
--button-background-color-hover :
|
|
9
|
+
--button-background-color : var(--cmp-button-primary-bg-default);
|
|
10
|
+
--button-background-color-active : var(--cmp-button-primary-bg-active);
|
|
11
|
+
--button-background-color-disabled : var(--cmp-button-primary-bg-disabled);
|
|
12
|
+
--button-background-color-hover : var(--cmp-button-primary-bg-hover);
|
|
12
13
|
--button-background-image : none;
|
|
13
14
|
--button-background-gradient-end : #323536;
|
|
14
15
|
--button-background-gradient-start : #434749;
|
|
15
|
-
--button-badge-background-color :
|
|
16
|
-
--button-badge-color :
|
|
16
|
+
--button-badge-background-color : var(--sem-color-fg-neutral-contrast);
|
|
17
|
+
--button-badge-color : var(--sem-color-fg-neutral-contrast);
|
|
17
18
|
--button-badge-margin-left : -10px;
|
|
18
19
|
--button-badge-margin-top : -10px;
|
|
19
20
|
--button-border : none;
|
|
20
21
|
--button-border-active : none;
|
|
21
22
|
--button-border-disabled : none;
|
|
22
23
|
--button-border-hover : none;
|
|
23
|
-
--button-border-pressed :
|
|
24
|
-
--button-border-radius :
|
|
25
|
-
--button-glyph-color :
|
|
26
|
-
--button-glyph-color-active :
|
|
27
|
-
--button-glyph-color-disabled :
|
|
28
|
-
--button-glyph-color-hover :
|
|
29
|
-
--button-height :
|
|
30
|
-
--button-margin :
|
|
31
|
-
--button-opacity-disabled :
|
|
24
|
+
--button-border-pressed : none;
|
|
25
|
+
--button-border-radius : var(--cmp-button-borderradius);
|
|
26
|
+
--button-glyph-color : var(--sem-color-fg-neutral-contrast);
|
|
27
|
+
--button-glyph-color-active : var(--sem-color-fg-neutral-contrast);
|
|
28
|
+
--button-glyph-color-disabled : var(--sem-color-fg-neutral-contrast);
|
|
29
|
+
--button-glyph-color-hover : var(--sem-color-fg-neutral-contrast);
|
|
30
|
+
--button-height : var(--cmp-button-height);
|
|
31
|
+
--button-margin : var(--cmp-button-gap);
|
|
32
|
+
--button-opacity-disabled : inherit;
|
|
32
33
|
--button-outline-active : none;
|
|
33
|
-
--button-padding :
|
|
34
|
-
--button-ripple-background-color :
|
|
35
|
-
--button-text-color :
|
|
36
|
-
--button-text-color-active :
|
|
37
|
-
--button-text-color-disabled :
|
|
38
|
-
--button-text-color-hover :
|
|
39
|
-
--button-text-font-family :
|
|
40
|
-
--button-text-font-size :
|
|
41
|
-
--button-text-font-weight :
|
|
42
|
-
--button-text-line-height :
|
|
34
|
+
--button-padding : 0 var(--cmp-button-spacinghorizontal);
|
|
35
|
+
--button-ripple-background-color : transparent;
|
|
36
|
+
--button-text-color : var(--sem-color-fg-neutral-contrast);
|
|
37
|
+
--button-text-color-active : var(--sem-color-fg-neutral-contrast);
|
|
38
|
+
--button-text-color-disabled : var(--sem-color-fg-neutral-disabled);
|
|
39
|
+
--button-text-color-hover : var(--sem-color-fg-neutral-contrast);
|
|
40
|
+
--button-text-font-family : var(--core-fontfamily-sans), sans-serif;
|
|
41
|
+
--button-text-font-size : var(--core-fontsize-label);
|
|
42
|
+
--button-text-font-weight : var(--core-fontweight-semibold);
|
|
43
|
+
--button-text-line-height : inherit;
|
|
43
44
|
--button-text-transform : none;
|
|
44
45
|
--button-use-gradients : false;
|
|
45
46
|
|
|
@@ -68,28 +69,28 @@ $text-color : #1c60a0;
|
|
|
68
69
|
--button-ghost-text-color-hover : var(--button-background-color);
|
|
69
70
|
|
|
70
71
|
// {module: Button; ui: --secondary}
|
|
71
|
-
--button-secondary-background-color :
|
|
72
|
-
--button-secondary-background-color-active :
|
|
72
|
+
--button-secondary-background-color : var(--cmp-button-secondary-bg-default);
|
|
73
|
+
--button-secondary-background-color-active : var(--cmp-button-secondary-bg-active);
|
|
73
74
|
--button-secondary-background-color-disabled: inherit;
|
|
74
|
-
--button-secondary-background-color-hover :
|
|
75
|
+
--button-secondary-background-color-hover : var(--cmp-button-secondary-bg-hover);
|
|
75
76
|
--button-secondary-background-image : none;
|
|
76
|
-
--button-secondary-badge-background-color :
|
|
77
|
-
--button-secondary-badge-color :
|
|
78
|
-
--button-secondary-border :
|
|
79
|
-
--button-secondary-border-active :
|
|
80
|
-
--button-secondary-border-disabled :
|
|
81
|
-
--button-secondary-border-hover :
|
|
82
|
-
--button-secondary-border-pressed :
|
|
83
|
-
--button-secondary-glyph-color : var(--
|
|
84
|
-
--button-secondary-glyph-color-active : var(--
|
|
85
|
-
--button-secondary-glyph-color-disabled :
|
|
86
|
-
--button-secondary-glyph-color-hover : var(--
|
|
87
|
-
--button-secondary-opacity-disabled :
|
|
77
|
+
--button-secondary-badge-background-color : transparent;
|
|
78
|
+
--button-secondary-badge-color : transparent;
|
|
79
|
+
--button-secondary-border : var(--cmp-button-secondary-border-default-width) solid var(--cmp-button-secondary-border-default-color);
|
|
80
|
+
--button-secondary-border-active : inherit;
|
|
81
|
+
--button-secondary-border-disabled : var(--cmp-button-secondary-border-default-width) solid var(--cmp-button-secondary-border-disabled-color);
|
|
82
|
+
--button-secondary-border-hover : inherit
|
|
83
|
+
--button-secondary-border-pressed : inherit
|
|
84
|
+
--button-secondary-glyph-color : var(--sem-color-fg-neutral-contrast);
|
|
85
|
+
--button-secondary-glyph-color-active : var(--sem-color-fg-neutral-contrast);
|
|
86
|
+
--button-secondary-glyph-color-disabled : var(--sem-color-fg-neutral-disabled);
|
|
87
|
+
--button-secondary-glyph-color-hover : var(--sem-color-fg-neutral-contrast);
|
|
88
|
+
--button-secondary-opacity-disabled : none;
|
|
88
89
|
--button-secondary-ripple-background-color : inherit;
|
|
89
|
-
--button-secondary-text-color :
|
|
90
|
-
--button-secondary-text-color-active :
|
|
91
|
-
--button-secondary-text-color-disabled :
|
|
92
|
-
--button-secondary-text-color-hover :
|
|
90
|
+
--button-secondary-text-color : var(--sem-color-fg-neutral-contrast);
|
|
91
|
+
--button-secondary-text-color-active : var(--sem-color-fg-neutral-contrast);
|
|
92
|
+
--button-secondary-text-color-disabled : var(--sem-color-fg-neutral-disabled);
|
|
93
|
+
--button-secondary-text-color-hover : var(--sem-color-fg-neutral-contrast);
|
|
93
94
|
|
|
94
95
|
// {module: Button; ui: --tertiary}
|
|
95
96
|
--button-tertiary-background-color : transparent;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
--cmp-breadcrumb-currentpage : var(--sem-color-fg-primary-base);
|
|
4
4
|
--cmp-breadcrumb-gap : var(--sem-spacing-xxsmall);
|
|
5
5
|
--cmp-breadcrumb-pagelevel : var(--sem-color-fg-neutral-default);
|
|
6
|
+
|
|
6
7
|
--cmp-button-borderradius : var(--sem-borderradius-large);
|
|
7
8
|
--cmp-button-borderwidth : 1px;
|
|
8
9
|
--cmp-button-gap : var(--sem-spacing-xxsmall);
|
|
@@ -14,6 +15,8 @@
|
|
|
14
15
|
--cmp-button-ghost-fg-default : var(--sem-color-fg-neutral-contrast);
|
|
15
16
|
--cmp-button-ghost-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
16
17
|
--cmp-button-height : var(--height-48);
|
|
18
|
+
--cmp-button-spacinghorizontal : var(--sem-spacing-medium);
|
|
19
|
+
|
|
17
20
|
--cmp-button-primary-bg-active : var(--sem-color-bg-primary-active);
|
|
18
21
|
--cmp-button-primary-bg-default : var(--sem-color-bg-primary-default);
|
|
19
22
|
--cmp-button-primary-bg-disabled : var(--sem-color-bg-primary-disabled);
|
|
@@ -21,6 +24,7 @@
|
|
|
21
24
|
--cmp-button-primary-bg-loading : var(--sem-color-bg-primary-background);
|
|
22
25
|
--cmp-button-primary-fg-default : var(--sem-color-fg-neutral-contrast);
|
|
23
26
|
--cmp-button-primary-fg-disabled : var(--sem-color-fg-neutral-disabled);
|
|
27
|
+
|
|
24
28
|
--cmp-button-secondary-bg-active : var(--sem-color-bg-neutral-active);
|
|
25
29
|
--cmp-button-secondary-bg-default : transparent;
|
|
26
30
|
--cmp-button-secondary-bg-disabled : transparent;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
:root .neo-theme-neo-light {
|
|
2
2
|
--black : #000000;
|
|
3
3
|
--borderradius-0 : 0;
|
|
4
|
-
--borderradius-4 :
|
|
5
|
-
--borderradius-8 :
|
|
4
|
+
--borderradius-4 : 4px;
|
|
5
|
+
--borderradius-8 : 8px;
|
|
6
6
|
--core-fontfamily-mono : 'Source Code Pro', monospace;
|
|
7
7
|
--core-fontfamily-sans : 'Source Sans 3', sans-serif;
|
|
8
8
|
--core-fontfamily-serif : 'Source Serif 4', serif;
|
|
9
|
-
--core-fontsize-body :
|
|
9
|
+
--core-fontsize-body : 16px;
|
|
10
|
+
--core-fontsize-label : 1rem;
|
|
10
11
|
--core-fontsize-h1 : 2.5rem;
|
|
11
12
|
--core-fontsize-h2 : 1.75rem;
|
|
12
13
|
--core-fontweight-bold : 700;
|
|
@@ -34,12 +35,12 @@
|
|
|
34
35
|
--green-700 : #0ADB8E;
|
|
35
36
|
--green-800 : #08A46A;
|
|
36
37
|
--green-900 : #056D47;
|
|
37
|
-
--height-16 :
|
|
38
|
-
--height-2 :
|
|
39
|
-
--height-32 :
|
|
40
|
-
--height-4 :
|
|
41
|
-
--height-48 :
|
|
42
|
-
--height-8 :
|
|
38
|
+
--height-16 : 16px;
|
|
39
|
+
--height-2 : 2px;
|
|
40
|
+
--height-32 : 32px;
|
|
41
|
+
--height-4 : 4px;
|
|
42
|
+
--height-48 : 48px;
|
|
43
|
+
--height-8 : 8px;
|
|
43
44
|
--purple-100 : #efe3ff;
|
|
44
45
|
--purple-200 : #d0aaff;
|
|
45
46
|
--purple-300 : #b071ff;
|
|
@@ -49,19 +50,19 @@
|
|
|
49
50
|
--purple-700 : #3f008e;
|
|
50
51
|
--purple-800 : #260055;
|
|
51
52
|
--purple-900 : #0d001c;
|
|
52
|
-
--spacing-12 :
|
|
53
|
-
--spacing-16 :
|
|
54
|
-
--spacing-2 :
|
|
55
|
-
--spacing-20 :
|
|
56
|
-
--spacing-24 :
|
|
57
|
-
--spacing-32 :
|
|
58
|
-
--spacing-4 :
|
|
59
|
-
--spacing-40 :
|
|
60
|
-
--spacing-48 :
|
|
61
|
-
--spacing-64 :
|
|
62
|
-
--spacing-8 :
|
|
63
|
-
--spacing-80 :
|
|
64
|
-
--spacing-96 :
|
|
53
|
+
--spacing-12 : 12px;
|
|
54
|
+
--spacing-16 : 16px;
|
|
55
|
+
--spacing-2 : 2px;
|
|
56
|
+
--spacing-20 : 20px;
|
|
57
|
+
--spacing-24 : 24px;
|
|
58
|
+
--spacing-32 : 32px;
|
|
59
|
+
--spacing-4 : 4px;
|
|
60
|
+
--spacing-40 : 40px;
|
|
61
|
+
--spacing-48 : 48px;
|
|
62
|
+
--spacing-64 : 64px;
|
|
63
|
+
--spacing-8 : 8px;
|
|
64
|
+
--spacing-80 : 80px;
|
|
65
|
+
--spacing-96 : 96px;
|
|
65
66
|
--Transparent : rgba(255,255,255,0);
|
|
66
67
|
--white : #FFFFFF;
|
|
67
68
|
}
|
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
--sem-borderradius-medium : var(--borderradius-4);
|
|
4
4
|
--sem-borderradius-none : var(--borderradius-0);
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
|
|
7
7
|
--sem-color-bg-neutral-default : var(--gray-50);
|
|
8
|
+
--sem-color-bg-neutral-hover : var(--gray-100);
|
|
9
|
+
--sem-color-bg-neutral-active : var(--gray-200);
|
|
8
10
|
--sem-color-bg-neutral-disabled : var(--gray-200);
|
|
9
11
|
--sem-color-bg-neutral-highlighted : var(--white);
|
|
10
|
-
|
|
12
|
+
|
|
11
13
|
|
|
12
14
|
--sem-color-bg-primary-active : var(--green-600);
|
|
13
15
|
--sem-color-bg-primary-background : var(--green-50);
|
|
@@ -18,6 +20,7 @@
|
|
|
18
20
|
--sem-color-border-contrast : var(--black);
|
|
19
21
|
--sem-color-border-default : var(--gray-200);
|
|
20
22
|
--sem-color-border-subtle : var(--gray-100);
|
|
23
|
+
|
|
21
24
|
--sem-color-fg-neutral-contrast : var(--black);
|
|
22
25
|
--sem-color-fg-neutral-default : var(--gray-900);
|
|
23
26
|
--sem-color-fg-neutral-disabled : var(--gray-300);
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
--list-container-background-color : #fff;
|
|
3
3
|
--list-container-border : 0;
|
|
4
4
|
--list-container-list-color : var(--sem-color-fg-neutral-contrast);
|
|
5
|
-
--list-item-background-color :
|
|
5
|
+
--list-item-background-color : white;
|
|
6
6
|
--list-item-background-color-hover : var(--sem-color-bg-neutral-hover);
|
|
7
|
+
--list-item-background-color-active : var(--sem-color-bg-neutral-active);
|
|
7
8
|
--list-item-background-color-selected: var(--sem-color-bg-primary-background);
|
|
8
9
|
--list-item-color-selected : var(--sem-color-fg-neutral-contrast);
|
|
9
10
|
--list-item-glyph-color : var(--sem-color-fg-neutral-default);
|
|
@@ -15,9 +16,6 @@
|
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
19
|
.topics-tree.neo-tree-list .neo-list-container .neo-list-item.neo-list-folder.neo-folder-open .neo-list-item-content:before {
|
|
22
20
|
content: unset !important;
|
|
23
21
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:root .neo-theme-neo-light { // .neo-tab-header-button
|
|
2
|
-
--tab-button-background-color :
|
|
2
|
+
--tab-button-background-color : green;
|
|
3
3
|
--tab-button-background-color-active : #ddd;
|
|
4
4
|
--tab-button-background-color-disabled : #fff;
|
|
5
5
|
--tab-button-background-color-hover : #fff;
|
package/src/DefaultConfig.mjs
CHANGED
|
@@ -236,12 +236,12 @@ const DefaultConfig = {
|
|
|
236
236
|
useVdomWorker: true,
|
|
237
237
|
/**
|
|
238
238
|
* buildScripts/injectPackageVersion.mjs will update this value
|
|
239
|
-
* @default '6.
|
|
239
|
+
* @default '6.10.1'
|
|
240
240
|
* @memberOf! module:Neo
|
|
241
241
|
* @name config.version
|
|
242
242
|
* @type String
|
|
243
243
|
*/
|
|
244
|
-
version: '6.
|
|
244
|
+
version: '6.10.1'
|
|
245
245
|
};
|
|
246
246
|
|
|
247
247
|
Object.assign(DefaultConfig, {
|