neo.mjs 5.1.9 → 5.1.11

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.
Files changed (21) hide show
  1. package/apps/ServiceWorker.mjs +2 -2
  2. package/buildScripts/buildAll.mjs +26 -9
  3. package/buildScripts/createApp.mjs +2 -1
  4. package/buildScripts/webpack/buildMyApps.mjs +5 -2
  5. package/buildScripts/webpack/buildThreads.mjs +26 -6
  6. package/examples/ServiceWorker.mjs +2 -2
  7. package/package.json +3 -3
  8. package/resources/scss/src/button/Base.scss +74 -13
  9. package/resources/scss/src/dialog/Base.scss +1 -1
  10. package/resources/scss/src/form/field/CheckBox.scss +1 -1
  11. package/resources/scss/src/tab/header/Button.scss +40 -23
  12. package/resources/scss/src/tab/header/Toolbar.scss +50 -27
  13. package/resources/scss/src/table/Container.scss +8 -10
  14. package/resources/scss/theme-dark/button/Base.scss +93 -41
  15. package/resources/scss/theme-dark/tab/header/Button.scss +18 -2
  16. package/resources/scss/theme-dark/table/Container.scss +7 -1
  17. package/resources/scss/theme-light/button/Base.scss +99 -48
  18. package/resources/scss/theme-light/tab/header/Button.scss +22 -6
  19. package/resources/scss/theme-light/table/Container.scss +7 -1
  20. package/src/DefaultConfig.mjs +2 -2
  21. package/src/calendar/view/month/Component.mjs +9 -6
package/resources/scss/theme-dark/button/Base.scss CHANGED
@@ -1,7 +1,13 @@
1
+ $background-color: #3c3f41;
2
+ $border-color : #2b2b2b;
3
+ $border-style : solid;
4
+ $border-width : 1px;
5
+ $text-color : #bbb;
6
+
1
7
  $neoMap: map-merge($neoMap, (
2
- 'button-background-color' : #3c3f41,
8
+ 'button-background-color' : $background-color,
3
9
  'button-background-color-active' : #373a3c,
4
- 'button-background-color-disabled' : #3c3f41,
10
+ 'button-background-color-disabled' : $background-color,
5
11
  'button-background-color-hover' : #3a3c3e,
6
12
  'button-background-image' : linear-gradient(#434749, #323536),
7
13
  'button-background-gradient-end' : #323536,
@@ -10,27 +16,27 @@ $neoMap: map-merge($neoMap, (
10
16
  'button-badge-color' : #282828,
11
17
  'button-badge-margin-left' : -10px,
12
18
  'button-badge-margin-top' : -10px,
13
- 'button-border-color' : #2b2b2b,
14
- 'button-border-color-active' : #282828,
15
- 'button-border-color-disabled' : #2b2b2b,
16
- 'button-border-color-hover' : #292929,
17
- 'button-border-color-pressed' : #5d83a7,
19
+ 'button-border' : 1px $border-style $border-color,
20
+ 'button-border-active' : 1px $border-style #282828,
21
+ 'button-border-disabled' : 1px $border-style $border-color,
22
+ 'button-border-hover' : 1px $border-style #292929,
23
+ 'button-border-pressed' : 1px $border-style #5d83a7,
18
24
  'button-border-radius' : 0,
19
25
  'button-border-width' : 1px,
20
- 'button-glyph-color' : #bbb,
21
- 'button-glyph-color-active' : #bbb,
22
- 'button-glyph-color-disabled' : #bbb,
23
- 'button-glyph-color-hover' : #bbb,
26
+ 'button-glyph-color' : $text-color,
27
+ 'button-glyph-color-active' : $text-color,
28
+ 'button-glyph-color-disabled' : $text-color,
29
+ 'button-glyph-color-hover' : $text-color,
24
30
  'button-height' : inherit,
25
31
  'button-margin' : 2px,
26
32
  'button-opacity-disabled' : #{neo(neo-disabled-opacity)},
27
33
  'button-outline-active' : none,
28
34
  'button-padding' : 5px 12px 5px 12px,
29
35
  'button-ripple-background-color' : darken(#5d83a7, 10%),
30
- 'button-text-color' : #bbb,
31
- 'button-text-color-active' : #bbb,
32
- 'button-text-color-disabled' : #bbb,
33
- 'button-text-color-hover' : #bbb,
36
+ 'button-text-color' : $text-color,
37
+ 'button-text-color-active' : $text-color,
38
+ 'button-text-color-disabled' : $text-color,
39
+ 'button-text-color-hover' : $text-color,
34
40
  'button-text-font-family' : #{neo(neo-font-family)},
35
41
  'button-text-font-size' : 11px,
36
42
  'button-text-font-weight' : 600,
@@ -38,6 +44,30 @@ $neoMap: map-merge($neoMap, (
38
44
  'button-text-transform' : none,
39
45
  'button-use-gradients' : true,
40
46
 
47
+ // {module: Button, ui: 'ghost'}
48
+ 'button-ghost-background-color' : var(--button-text-color),
49
+ 'button-ghost-background-color-active' : #373a3c,
50
+ 'button-ghost-background-color-disabled' : inherit,
51
+ 'button-ghost-background-color-hover' : var(--button-text-color),
52
+ 'button-ghost-background-image' : none,
53
+ 'button-ghost-badge-background-color' : var(--button-badge-color),
54
+ 'button-ghost-badge-color' : var(--button-badge-background-color),
55
+ 'button-ghost-border' : 1px $border-style var(--button-background-color),
56
+ 'button-ghost-border-active' : 1px $border-style #282828,
57
+ 'button-ghost-border-disabled' : inherit,
58
+ 'button-ghost-border-hover' : 1px $border-style #282828,
59
+ 'button-ghost-border-pressed' : 1px $border-style #5d83a7,
60
+ 'button-ghost-glyph-color' : var(--button-background-color),
61
+ 'button-ghost-glyph-color-active' : var(--button-background-color),
62
+ 'button-ghost-glyph-color-disabled' : inherit,
63
+ 'button-ghost-glyph-color-hover' : var(--button-background-color),
64
+ 'button-ghost-opacity-disabled' : var(--neo-disabled-opacity),
65
+ 'button-ghost-ripple-background-color' : inherit,
66
+ 'button-ghost-text-color' : var(--button-background-color),
67
+ 'button-ghost-text-color-active' : var(--button-background-color),
68
+ 'button-ghost-text-color-disabled' : inherit,
69
+ 'button-ghost-text-color-hover' : var(--button-background-color),
70
+
41
71
  // {module: Button, ui: 'secondary'}
42
72
  'button-secondary-background-color' : var(--button-text-color),
43
73
  'button-secondary-background-color-active' : #373a3c,
@@ -46,11 +76,11 @@ $neoMap: map-merge($neoMap, (
46
76
  'button-secondary-background-image' : none,
47
77
  'button-secondary-badge-background-color' : var(--button-badge-color),
48
78
  'button-secondary-badge-color' : var(--button-badge-background-color),
49
- 'button-secondary-border-color' : var(--button-background-color),
50
- 'button-secondary-border-color-active' : #282828,
51
- 'button-secondary-border-color-disabled' : inherit,
52
- 'button-secondary-border-color-hover' : #292929,
53
- 'button-secondary-border-width' : var(--button-border-width),
79
+ 'button-secondary-border' : 1px $border-style var(--button-background-color),
80
+ 'button-secondary-border-active' : 1px $border-style #282828,
81
+ 'button-secondary-border-disabled' : inherit,
82
+ 'button-secondary-border-hover' : 1px $border-style #292929,
83
+ 'button-secondary-border-pressed' : 1px $border-style #5d83a7,
54
84
  'button-secondary-glyph-color' : var(--button-background-color),
55
85
  'button-secondary-glyph-color-active' : var(--button-background-color),
56
86
  'button-secondary-glyph-color-disabled' : inherit,
@@ -70,11 +100,11 @@ $neoMap: map-merge($neoMap, (
70
100
  'button-tertiary-background-image' : none,
71
101
  'button-tertiary-badge-background-color' : var(--button-badge-background-color),
72
102
  'button-tertiary-badge-color' : var(--button-badge-color),
73
- 'button-tertiary-border-color' : var(--button-border-color),
74
- 'button-tertiary-border-color-active' : #282828,
75
- 'button-tertiary-border-color-disabled' : inherit,
76
- 'button-tertiary-border-color-hover' : #292929,
77
- 'button-tertiary-border-width' : 0,
103
+ 'button-tertiary-border' : 1px $border-style transparent,
104
+ 'button-tertiary-border-active' : 1px $border-style #282828,
105
+ 'button-tertiary-border-disabled' : inherit,
106
+ 'button-tertiary-border-hover' : 1px $border-style #292929,
107
+ 'button-tertiary-border-pressed' : 1px $border-style #5d83a7,
78
108
  'button-tertiary-glyph-color' : var(--button-glyph-color),
79
109
  'button-tertiary-glyph-color-active' : var(--button-glyph-color),
80
110
  'button-tertiary-glyph-color-disabled' : inherit,
@@ -100,13 +130,12 @@ $neoMap: map-merge($neoMap, (
100
130
  --button-badge-color : #{neo(button-badge-color)};
101
131
  --button-badge-margin-left : #{neo(button-badge-margin-left)};
102
132
  --button-badge-margin-top : #{neo(button-badge-margin-top)};
103
- --button-border-color : #{neo(button-border-color)};
104
- --button-border-color-active : #{neo(button-border-color-active)};
105
- --button-border-color-disabled : #{neo(button-border-color-disabled)};
106
- --button-border-color-hover : #{neo(button-border-color-hover)};
107
- --button-border-color-pressed : #{neo(button-border-color-pressed)};
133
+ --button-border : #{neo(button-border)};
134
+ --button-border-active : #{neo(button-border-active)};
135
+ --button-border-disabled : #{neo(button-border-disabled)};
136
+ --button-border-hover : #{neo(button-border-hover)};
137
+ --button-border-pressed : #{neo(button-border-pressed)};
108
138
  --button-border-radius : #{neo(button-border-radius)};
109
- --button-border-width : #{neo(button-border-width)};
110
139
  --button-glyph-color : #{neo(button-glyph-color)};
111
140
  --button-glyph-color-active : #{neo(button-glyph-color-active)};
112
141
  --button-glyph-color-disabled : #{neo(button-glyph-color-disabled)};
@@ -128,6 +157,29 @@ $neoMap: map-merge($neoMap, (
128
157
  --button-text-transform : #{neo(button-text-transform)};
129
158
  --button-use-gradients : #{neo(button-use-gradients)};
130
159
 
160
+ --button-ghost-background-color : #{neo(button-ghost-background-color)};
161
+ --button-ghost-background-color-active : #{neo(button-ghost-background-color-active)};
162
+ --button-ghost-background-color-disabled : #{neo(button-ghost-background-color-disabled)};
163
+ --button-ghost-background-color-hover : #{neo(button-ghost-background-color-hover)};
164
+ --button-ghost-background-image : #{neo(button-ghost-background-image)};
165
+ --button-ghost-badge-background-color : #{neo(button-ghost-badge-background-color)};
166
+ --button-ghost-badge-color : #{neo(button-ghost-badge-color)};
167
+ --button-ghost-border : #{neo(button-ghost-border)};
168
+ --button-ghost-border-active : #{neo(button-ghost-border-active)};
169
+ --button-ghost-border-disabled : #{neo(button-ghost-border-disabled)};
170
+ --button-ghost-border-hover : #{neo(button-ghost-border-hover)};
171
+ --button-ghost-border-pressed : #{neo(button-ghost-border-pressed)};
172
+ --button-ghost-glyph-color : #{neo(button-ghost-glyph-color)};
173
+ --button-ghost-glyph-color-active : #{neo(button-ghost-glyph-color-active)};
174
+ --button-ghost-glyph-color-disabled : #{neo(button-ghost-glyph-color-disabled)};
175
+ --button-ghost-glyph-color-hover : #{neo(button-ghost-glyph-color-hover)};
176
+ --button-ghost-opacity-disabled : #{neo(button-ghost-opacity-disabled)};
177
+ --button-ghost-ripple-background-color : #{neo(button-ghost-ripple-background-color)};
178
+ --button-ghost-text-color : #{neo(button-ghost-text-color)};
179
+ --button-ghost-text-color-active : #{neo(button-ghost-text-color-active)};
180
+ --button-ghost-text-color-disabled : #{neo(button-ghost-text-color-disabled)};
181
+ --button-ghost-text-color-hover : #{neo(button-ghost-text-color-hover)};
182
+
131
183
  --button-secondary-background-color : #{neo(button-secondary-background-color)};
132
184
  --button-secondary-background-color-active : #{neo(button-secondary-background-color-active)};
133
185
  --button-secondary-background-color-disabled: #{neo(button-secondary-background-color-disabled)};
@@ -135,11 +187,11 @@ $neoMap: map-merge($neoMap, (
135
187
  --button-secondary-background-image : #{neo(button-secondary-background-image)};
136
188
  --button-secondary-badge-background-color : #{neo(button-secondary-badge-background-color)};
137
189
  --button-secondary-badge-color : #{neo(button-secondary-badge-color)};
138
- --button-secondary-border-color : #{neo(button-secondary-border-color)};
139
- --button-secondary-border-color-active : #{neo(button-secondary-border-color-active)};
140
- --button-secondary-border-color-disabled : #{neo(button-secondary-border-color-disabled)};
141
- --button-secondary-border-color-hover : #{neo(button-secondary-border-color-hover)};
142
- --button-secondary-border-width : #{neo(button-secondary-border-width)};
190
+ --button-secondary-border : #{neo(button-secondary-border)};
191
+ --button-secondary-border-active : #{neo(button-secondary-border-active)};
192
+ --button-secondary-border-disabled : #{neo(button-secondary-border-disabled)};
193
+ --button-secondary-border-hover : #{neo(button-secondary-border-hover)};
194
+ --button-secondary-border-pressed : #{neo(button-secondary-border-pressed)};
143
195
  --button-secondary-glyph-color : #{neo(button-secondary-glyph-color)};
144
196
  --button-secondary-glyph-color-active : #{neo(button-secondary-glyph-color-active)};
145
197
  --button-secondary-glyph-color-disabled : #{neo(button-secondary-glyph-color-disabled)};
@@ -158,11 +210,11 @@ $neoMap: map-merge($neoMap, (
158
210
  --button-tertiary-background-image : #{neo(button-tertiary-background-image)};
159
211
  --button-tertiary-badge-background-color : #{neo(button-tertiary-badge-background-color)};
160
212
  --button-tertiary-badge-color : #{neo(button-tertiary-badge-color)};
161
- --button-tertiary-border-color : #{neo(button-tertiary-border-color)};
162
- --button-tertiary-border-color-active : #{neo(button-tertiary-border-color-active)};
163
- --button-tertiary-border-color-disabled : #{neo(button-tertiary-border-color-disabled)};
164
- --button-tertiary-border-color-hover : #{neo(button-tertiary-border-color-hover)};
165
- --button-tertiary-border-width : #{neo(button-tertiary-border-width)};
213
+ --button-tertiary-border : #{neo(button-tertiary-border)};
214
+ --button-tertiary-border-active : #{neo(button-tertiary-border-active)};
215
+ --button-tertiary-border-disabled : #{neo(button-tertiary-border-disabled)};
216
+ --button-tertiary-border-hover : #{neo(button-tertiary-border-hover)};
217
+ --button-tertiary-border-pressed : #{neo(button-tertiary-border-pressed)};
166
218
  --button-tertiary-glyph-color : #{neo(button-tertiary-glyph-color)};
167
219
  --button-tertiary-glyph-color-active : #{neo(button-tertiary-glyph-color-active)};
168
220
  --button-tertiary-glyph-color-disabled : #{neo(button-tertiary-glyph-color-disabled)};
package/resources/scss/theme-dark/tab/header/Button.scss CHANGED
@@ -1,4 +1,8 @@
1
1
  $neoMap: map-merge($neoMap, (
2
+ 'tab-button-background-color' : #282b2b,
3
+ 'tab-button-background-color-active' : #373a3c,
4
+ 'tab-button-background-color-disabled' : #282b2b,
5
+ 'tab-button-background-color-hover' : #3a3c3e,
2
6
  'tab-button-background-image' : linear-gradient(#393d3e, #282b2b),
3
7
  'tab-button-background-image-bottom' : linear-gradient(to top, #393d3e, #282b2b),
4
8
  'tab-button-background-image-left' : linear-gradient(to right, #393d3e, #282b2b),
@@ -8,16 +12,24 @@ $neoMap: map-merge($neoMap, (
8
12
  'tab-button-background-image-pressed-right' : linear-gradient(to left, #434749, #323536),
9
13
  'tab-button-background-image-right' : linear-gradient(to left, #393d3e, #282b2b),
10
14
  'tab-button-border-radius' : 0,
15
+ 'tab-button-gap' : 0,
11
16
  'tab-button-glyph-color' : #bbb,
12
17
  'tab-button-glyph-color-active' : #bbb,
13
- 'tab-button-glyph-color-over' : #bbb,
18
+ 'tab-button-glyph-color-hover' : #bbb,
14
19
  'tab-button-glyph-color-pressed' : #bbb,
20
+ 'tab-button-height' : 25px,
21
+ 'tab-button-height-pressed' : 25px,
22
+ 'tab-button-padding' : 7px 12px 6px 12px,
15
23
  'tab-button-text-color' : #bbb,
16
24
  'tab-button-text-transform' : none
17
25
  ));
18
26
 
19
27
  @if $useCssVars == true {
20
28
  :root .neo-theme-dark { // .neo-tab-header-button
29
+ --tab-button-background-color : #{neo(tab-button-background-color)};
30
+ --tab-button-background-color-active : #{neo(tab-button-background-color-active)};
31
+ --tab-button-background-color-disabled : #{neo(tab-button-background-color-disabled)};
32
+ --tab-button-background-color-hover : #{neo(tab-button-background-color-hover)};
21
33
  --tab-button-background-image : #{neo(tab-button-background-image)};
22
34
  --tab-button-background-image-bottom : #{neo(tab-button-background-image-bottom)};
23
35
  --tab-button-background-image-left : #{neo(tab-button-background-image-left)};
@@ -27,10 +39,14 @@ $neoMap: map-merge($neoMap, (
27
39
  --tab-button-background-image-pressed-right : #{neo(tab-button-background-image-pressed-right)};
28
40
  --tab-button-background-image-right : #{neo(tab-button-background-image-right)};
29
41
  --tab-button-border-radius : #{neo(tab-button-border-radius)};
42
+ --tab-button-gap : #{neo(tab-button-gap)};
30
43
  --tab-button-glyph-color : #{neo(tab-button-glyph-color)};
31
44
  --tab-button-glyph-color-active : #{neo(tab-button-glyph-color-active)};
32
- --tab-button-glyph-color-over : #{neo(tab-button-glyph-color-over)};
45
+ --tab-button-glyph-color-hover : #{neo(tab-button-glyph-color-hover)};
33
46
  --tab-button-glyph-color-pressed : #{neo(tab-button-glyph-color-pressed)};
47
+ --tab-button-height : #{neo(tab-button-height)};
48
+ --tab-button-height-pressed : #{neo(tab-button-height-pressed)};
49
+ --tab-button-padding : #{neo(tab-button-padding)};
34
50
  --tab-button-text-color : #{neo(tab-button-text-color)};
35
51
  --tab-button-text-transform : #{neo(tab-button-text-transform)};
36
52
  }
package/resources/scss/theme-dark/table/Container.scss CHANGED
@@ -2,6 +2,9 @@ $neoMap: map-merge($neoMap, (
2
2
  'table-container-border-color' : #2b2b2b,
3
3
  'table-container-cell-background-color' : #3c3f41,
4
4
  'table-container-cell-background-color-even': #323232,
5
+ 'table-container-cell-border-bottom' : 1px solid #2b2b2b,
6
+ 'table-container-cell-height' : 32px,
7
+ 'table-container-cell-padding' : 2px 10px 2px,
5
8
  'table-container-color' : #bbb,
6
9
  'table-container-header-cell-border-bottom' : 2px solid #2b2b2b
7
10
  ));
@@ -11,7 +14,10 @@ $neoMap: map-merge($neoMap, (
11
14
  --table-container-border-color : #{neo(table-container-border-color)};
12
15
  --table-container-cell-background-color : #{neo(table-container-cell-background-color)};
13
16
  --table-container-cell-background-color-even: #{neo(table-container-cell-background-color-even)};
17
+ --table-container-cell-border-bottom : #{neo(table-container-cell-border-bottom)};
18
+ --table-container-cell-height : #{neo(table-container-cell-height)};
19
+ --table-container-cell-padding : #{neo(table-container-cell-padding)};
14
20
  --table-container-color : #{neo(table-container-color)};
15
21
  --table-container-header-cell-border-bottom : #{neo(table-container-header-cell-border-bottom)};
16
22
  }
17
- }
23
+ }
package/resources/scss/theme-light/button/Base.scss CHANGED
@@ -1,36 +1,41 @@
1
+ $background-color: #fff;
2
+ $border-color : #ddd;
3
+ $border-style : solid;
4
+ $border-width : 1px;
5
+ $text-color : #1c60a0;
6
+
1
7
  $neoMap: map-merge($neoMap, (
2
- 'button-background-color' : #fff,
8
+ 'button-background-color' : $background-color,
3
9
  'button-background-color-active' : #ddd,
4
- 'button-background-color-disabled' : #fff,
5
- 'button-background-color-hover' : #fff,
10
+ 'button-background-color-disabled' : $background-color,
11
+ 'button-background-color-hover' : $background-color,
6
12
  'button-background-image' : none,
7
13
  'button-background-gradient-end' : #323536,
8
14
  'button-background-gradient-start' : #434749,
9
- 'button-badge-background-color' : #1c60a0,
10
- 'button-badge-color' : #fff,
15
+ 'button-badge-background-color' : $text-color,
16
+ 'button-badge-color' : $background-color,
11
17
  'button-badge-margin-left' : -10px,
12
18
  'button-badge-margin-top' : -10px,
13
- 'button-border-color' : #ddd,
14
- 'button-border-color-active' : #1c60a0,
15
- 'button-border-color-disabled' : #ddd,
16
- 'button-border-color-hover' : #1c60a0,
17
- 'button-border-color-pressed' : #1c60a0,
19
+ 'button-border' : $border-width $border-style $border-color,
20
+ 'button-border-active' : $border-width $border-style $text-color,
21
+ 'button-border-disabled' : $border-width $border-style $border-color,
22
+ 'button-border-hover' : $border-width $border-style $text-color,
23
+ 'button-border-pressed' : $border-width $border-style $text-color,
18
24
  'button-border-radius' : 3px,
19
- 'button-border-width' : 1px,
20
- 'button-glyph-color' : #1c60a0,
21
- 'button-glyph-color-active' : #1c60a0,
22
- 'button-glyph-color-disabled' : #1c60a0,
23
- 'button-glyph-color-hover' : #1c60a0,
25
+ 'button-glyph-color' : $text-color,
26
+ 'button-glyph-color-active' : $text-color,
27
+ 'button-glyph-color-disabled' : $text-color,
28
+ 'button-glyph-color-hover' : $text-color,
24
29
  'button-height' : inherit,
25
30
  'button-margin' : 2px,
26
31
  'button-opacity-disabled' : #{neo(neo-disabled-opacity)},
27
32
  'button-outline-active' : none,
28
33
  'button-padding' : 5px 12px 5px 12px,
29
- 'button-ripple-background-color' : lighten(#1c60a0, 50%),
30
- 'button-text-color' : #1c60a0,
31
- 'button-text-color-active' : #1c60a0,
32
- 'button-text-color-disabled' : #1c60a0,
33
- 'button-text-color-hover' : #1c60a0,
34
+ 'button-ripple-background-color' : lighten($text-color, 50%),
35
+ 'button-text-color' : $text-color,
36
+ 'button-text-color-active' : $text-color,
37
+ 'button-text-color-disabled' : $text-color,
38
+ 'button-text-color-hover' : $text-color,
34
39
  'button-text-font-family' : #{neo(neo-font-family)},
35
40
  'button-text-font-size' : 11px,
36
41
  'button-text-font-weight' : 600,
@@ -38,19 +43,43 @@ $neoMap: map-merge($neoMap, (
38
43
  'button-text-transform' : uppercase,
39
44
  'button-use-gradients' : false,
40
45
 
46
+ // {module: Button, ui: 'ghost'}
47
+ 'button-ghost-background-color' : var(--button-text-color),
48
+ 'button-ghost-background-color-active' : $border-color,
49
+ 'button-ghost-background-color-disabled' : inherit,
50
+ 'button-ghost-background-color-hover' : var(--button-text-color),
51
+ 'button-ghost-background-image' : none,
52
+ 'button-ghost-badge-background-color' : var(--button-badge-color),
53
+ 'button-ghost-badge-color' : var(--button-badge-background-color),
54
+ 'button-ghost-border' : $border-width $border-style var(--button-background-color),
55
+ 'button-ghost-border-active' : $border-width $border-style $border-color,
56
+ 'button-ghost-border-disabled' : inherit,
57
+ 'button-ghost-border-hover' : $border-width $border-style $text-color,
58
+ 'button-ghost-border-pressed' : $border-width $border-style $text-color,
59
+ 'button-ghost-glyph-color' : var(--button-background-color),
60
+ 'button-ghost-glyph-color-active' : var(--button-background-color),
61
+ 'button-ghost-glyph-color-disabled' : inherit,
62
+ 'button-ghost-glyph-color-hover' : var(--button-background-color),
63
+ 'button-ghost-opacity-disabled' : var(--neo-disabled-opacity),
64
+ 'button-ghost-ripple-background-color' : inherit,
65
+ 'button-ghost-text-color' : var(--button-background-color),
66
+ 'button-ghost-text-color-active' : var(--button-background-color),
67
+ 'button-ghost-text-color-disabled' : inherit,
68
+ 'button-ghost-text-color-hover' : var(--button-background-color),
69
+
41
70
  // {module: Button, ui: 'secondary'}
42
71
  'button-secondary-background-color' : var(--button-text-color),
43
- 'button-secondary-background-color-active' : #ddd,
72
+ 'button-secondary-background-color-active' : $border-color,
44
73
  'button-secondary-background-color-disabled': inherit,
45
74
  'button-secondary-background-color-hover' : var(--button-text-color),
46
75
  'button-secondary-background-image' : none,
47
76
  'button-secondary-badge-background-color' : var(--button-badge-color),
48
77
  'button-secondary-badge-color' : var(--button-badge-background-color),
49
- 'button-secondary-border-color' : var(--button-background-color),
50
- 'button-secondary-border-color-active' : #ddd,
51
- 'button-secondary-border-color-disabled' : inherit,
52
- 'button-secondary-border-color-hover' : #1c60a0,
53
- 'button-secondary-border-width' : var(--button-border-width),
78
+ 'button-secondary-border' : $border-width $border-style var(--button-background-color),
79
+ 'button-secondary-border-active' : $border-width $border-style $border-color,
80
+ 'button-secondary-border-disabled' : inherit,
81
+ 'button-secondary-border-hover' : $border-width $border-style $text-color,
82
+ 'button-secondary-border-pressed' : $border-width $border-style $text-color,
54
83
  'button-secondary-glyph-color' : var(--button-background-color),
55
84
  'button-secondary-glyph-color-active' : var(--button-background-color),
56
85
  'button-secondary-glyph-color-disabled' : inherit,
@@ -64,17 +93,17 @@ $neoMap: map-merge($neoMap, (
64
93
 
65
94
  // {module: Button, ui: 'tertiary'}
66
95
  'button-tertiary-background-color' : transparent,
67
- 'button-tertiary-background-color-active' : #ddd,
96
+ 'button-tertiary-background-color-active' : $border-color,
68
97
  'button-tertiary-background-color-disabled' : inherit,
69
98
  'button-tertiary-background-color-hover' : var(--button-background-color-hover),
70
99
  'button-tertiary-background-image' : none,
71
100
  'button-tertiary-badge-background-color' : var(--button-badge-background-color),
72
101
  'button-tertiary-badge-color' : var(--button-badge-color),
73
- 'button-tertiary-border-color' : var(--button-border-color),
74
- 'button-tertiary-border-color-active' : #ddd,
75
- 'button-tertiary-border-color-disabled' : inherit,
76
- 'button-tertiary-border-color-hover' : #1c60a0,
77
- 'button-tertiary-border-width' : 0,
102
+ 'button-tertiary-border' : $border-width $border-style transparent,
103
+ 'button-tertiary-border-active' : $border-width $border-style $border-color,
104
+ 'button-tertiary-border-disabled' : inherit,
105
+ 'button-tertiary-border-hover' : $border-width $border-style $text-color,
106
+ 'button-tertiary-border-pressed' : $border-width $border-style $text-color,
78
107
  'button-tertiary-glyph-color' : var(--button-glyph-color),
79
108
  'button-tertiary-glyph-color-active' : var(--button-glyph-color),
80
109
  'button-tertiary-glyph-color-disabled' : inherit,
@@ -100,13 +129,12 @@ $neoMap: map-merge($neoMap, (
100
129
  --button-badge-color : #{neo(button-badge-color)};
101
130
  --button-badge-margin-left : #{neo(button-badge-margin-left)};
102
131
  --button-badge-margin-top : #{neo(button-badge-margin-top)};
103
- --button-border-color : #{neo(button-border-color)};
104
- --button-border-color-active : #{neo(button-border-color-active)};
105
- --button-border-color-disabled : #{neo(button-border-color-disabled)};
106
- --button-border-color-hover : #{neo(button-border-color-hover)};
107
- --button-border-color-pressed : #{neo(button-border-color-pressed)};
132
+ --button-border : #{neo(button-border)};
133
+ --button-border-active : #{neo(button-border-active)};
134
+ --button-border-disabled : #{neo(button-border-disabled)};
135
+ --button-border-hover : #{neo(button-border-hover)};
136
+ --button-border-pressed : #{neo(button-border-pressed)};
108
137
  --button-border-radius : #{neo(button-border-radius)};
109
- --button-border-width : #{neo(button-border-width)};
110
138
  --button-glyph-color : #{neo(button-glyph-color)};
111
139
  --button-glyph-color-active : #{neo(button-glyph-color-active)};
112
140
  --button-glyph-color-disabled : #{neo(button-glyph-color-disabled)};
@@ -128,6 +156,29 @@ $neoMap: map-merge($neoMap, (
128
156
  --button-text-transform : #{neo(button-text-transform)};
129
157
  --button-use-gradients : #{neo(button-use-gradients)};
130
158
 
159
+ --button-ghost-background-color : #{neo(button-ghost-background-color)};
160
+ --button-ghost-background-color-active : #{neo(button-ghost-background-color-active)};
161
+ --button-ghost-background-color-disabled : #{neo(button-ghost-background-color-disabled)};
162
+ --button-ghost-background-color-hover : #{neo(button-ghost-background-color-hover)};
163
+ --button-ghost-background-image : #{neo(button-ghost-background-image)};
164
+ --button-ghost-badge-background-color : #{neo(button-ghost-badge-background-color)};
165
+ --button-ghost-badge-color : #{neo(button-ghost-badge-color)};
166
+ --button-ghost-border : #{neo(button-ghost-border)};
167
+ --button-ghost-border-active : #{neo(button-ghost-border-active)};
168
+ --button-ghost-border-disabled : #{neo(button-ghost-border-disabled)};
169
+ --button-ghost-border-hover : #{neo(button-ghost-border-hover)};
170
+ --button-ghost-border-pressed : #{neo(button-ghost-border-pressed)};
171
+ --button-ghost-glyph-color : #{neo(button-ghost-glyph-color)};
172
+ --button-ghost-glyph-color-active : #{neo(button-ghost-glyph-color-active)};
173
+ --button-ghost-glyph-color-disabled : #{neo(button-ghost-glyph-color-disabled)};
174
+ --button-ghost-glyph-color-hover : #{neo(button-ghost-glyph-color-hover)};
175
+ --button-ghost-opacity-disabled : #{neo(button-ghost-opacity-disabled)};
176
+ --button-ghost-ripple-background-color : #{neo(button-ghost-ripple-background-color)};
177
+ --button-ghost-text-color : #{neo(button-ghost-text-color)};
178
+ --button-ghost-text-color-active : #{neo(button-ghost-text-color-active)};
179
+ --button-ghost-text-color-disabled : #{neo(button-ghost-text-color-disabled)};
180
+ --button-ghost-text-color-hover : #{neo(button-ghost-text-color-hover)};
181
+
131
182
  --button-secondary-background-color : #{neo(button-secondary-background-color)};
132
183
  --button-secondary-background-color-active : #{neo(button-secondary-background-color-active)};
133
184
  --button-secondary-background-color-disabled: #{neo(button-secondary-background-color-disabled)};
@@ -135,11 +186,11 @@ $neoMap: map-merge($neoMap, (
135
186
  --button-secondary-background-image : #{neo(button-secondary-background-image)};
136
187
  --button-secondary-badge-background-color : #{neo(button-secondary-badge-background-color)};
137
188
  --button-secondary-badge-color : #{neo(button-secondary-badge-color)};
138
- --button-secondary-border-color : #{neo(button-secondary-border-color)};
139
- --button-secondary-border-color-active : #{neo(button-secondary-border-color-active)};
140
- --button-secondary-border-color-disabled : #{neo(button-secondary-border-color-disabled)};
141
- --button-secondary-border-color-hover : #{neo(button-secondary-border-color-hover)};
142
- --button-secondary-border-width : #{neo(button-secondary-border-width)};
189
+ --button-secondary-border : #{neo(button-secondary-border)};
190
+ --button-secondary-border-active : #{neo(button-secondary-border-active)};
191
+ --button-secondary-border-disabled : #{neo(button-secondary-border-disabled)};
192
+ --button-secondary-border-hover : #{neo(button-secondary-border-hover)};
193
+ --button-secondary-border-pressed : #{neo(button-secondary-border-pressed)};
143
194
  --button-secondary-glyph-color : #{neo(button-secondary-glyph-color)};
144
195
  --button-secondary-glyph-color-active : #{neo(button-secondary-glyph-color-active)};
145
196
  --button-secondary-glyph-color-disabled : #{neo(button-secondary-glyph-color-disabled)};
@@ -158,11 +209,11 @@ $neoMap: map-merge($neoMap, (
158
209
  --button-tertiary-background-image : #{neo(button-tertiary-background-image)};
159
210
  --button-tertiary-badge-background-color : #{neo(button-tertiary-badge-background-color)};
160
211
  --button-tertiary-badge-color : #{neo(button-tertiary-badge-color)};
161
- --button-tertiary-border-color : #{neo(button-tertiary-border-color)};
162
- --button-tertiary-border-color-active : #{neo(button-tertiary-border-color-active)};
163
- --button-tertiary-border-color-disabled : #{neo(button-tertiary-border-color-disabled)};
164
- --button-tertiary-border-color-hover : #{neo(button-tertiary-border-color-hover)};
165
- --button-tertiary-border-width : #{neo(button-tertiary-border-width)};
212
+ --button-tertiary-border : #{neo(button-tertiary-border)};
213
+ --button-tertiary-border-active : #{neo(button-tertiary-border-active)};
214
+ --button-tertiary-border-disabled : #{neo(button-tertiary-border-disabled)};
215
+ --button-tertiary-border-hover : #{neo(button-tertiary-border-hover)};
216
+ --button-tertiary-border-pressed : #{neo(button-tertiary-border-pressed)};
166
217
  --button-tertiary-glyph-color : #{neo(button-tertiary-glyph-color)};
167
218
  --button-tertiary-glyph-color-active : #{neo(button-tertiary-glyph-color-active)};
168
219
  --button-tertiary-glyph-color-disabled : #{neo(button-tertiary-glyph-color-disabled)};
package/resources/scss/theme-light/tab/header/Button.scss CHANGED
@@ -1,4 +1,8 @@
1
1
  $neoMap: map-merge($neoMap, (
2
+ 'tab-button-background-color' : #fff,
3
+ 'tab-button-background-color-active' : #ddd,
4
+ 'tab-button-background-color-disabled' : #fff,
5
+ 'tab-button-background-color-hover' : #fff,
2
6
  'tab-button-background-image' : none,
3
7
  'tab-button-background-image-bottom' : none,
4
8
  'tab-button-background-image-left' : none,
@@ -8,16 +12,24 @@ $neoMap: map-merge($neoMap, (
8
12
  'tab-button-background-image-pressed-right' : none,
9
13
  'tab-button-background-image-right' : none,
10
14
  'tab-button-border-radius' : 0,
15
+ 'tab-button-gap' : 0,
11
16
  'tab-button-glyph-color' : #bbb,
12
17
  'tab-button-glyph-color-active' : #1c60a0,
13
- 'tab-button-glyph-color-over' : #1c60a0,
14
- 'tab-button-glyph-color-pressed' : #1c60a0,
15
- 'tab-button-text-color' : #2b2b2b,
16
- 'tab-button-text-transform' : uppercase
18
+ 'tab-button-glyph-color-hover' : #1c60a0,
19
+ 'tab-button-glyph-color-pressed' : #1c60a0,
20
+ 'tab-button-height' : 25px,
21
+ 'tab-button-height-pressed' : 25px,
22
+ 'tab-button-padding' : 7px 12px 6px 12px,
23
+ 'tab-button-text-color' : #2b2b2b,
24
+ 'tab-button-text-transform' : uppercase
17
25
  ));
18
26
 
19
27
  @if $useCssVars == true {
20
28
  :root .neo-theme-light { // .neo-tab-header-button
29
+ --tab-button-background-color : #{neo(tab-button-background-color)};
30
+ --tab-button-background-color-active : #{neo(tab-button-background-color-active)};
31
+ --tab-button-background-color-disabled : #{neo(tab-button-background-color-disabled)};
32
+ --tab-button-background-color-hover : #{neo(tab-button-background-color-hover)};
21
33
  --tab-button-background-image : #{neo(tab-button-background-image)};
22
34
  --tab-button-background-image-bottom : #{neo(tab-button-background-image-bottom)};
23
35
  --tab-button-background-image-left : #{neo(tab-button-background-image-left)};
@@ -27,11 +39,15 @@ $neoMap: map-merge($neoMap, (
27
39
  --tab-button-background-image-pressed-right : #{neo(tab-button-background-image-pressed-right)};
28
40
  --tab-button-background-image-right : #{neo(tab-button-background-image-right)};
29
41
  --tab-button-border-radius : #{neo(tab-button-border-radius)};
42
+ --tab-button-gap : #{neo(tab-button-gap)};
30
43
  --tab-button-glyph-color : #{neo(tab-button-glyph-color)};
31
44
  --tab-button-glyph-color-active : #{neo(tab-button-glyph-color-active)};
32
- --tab-button-glyph-color-over : #{neo(tab-button-glyph-color-over)};
45
+ --tab-button-glyph-color-hover : #{neo(tab-button-glyph-color-hover)};
33
46
  --tab-button-glyph-color-pressed : #{neo(tab-button-glyph-color-pressed)};
47
+ --tab-button-height : #{neo(tab-button-height)};
48
+ --tab-button-height-pressed : #{neo(tab-button-height-pressed)};
49
+ --tab-button-padding : #{neo(tab-button-padding)};
34
50
  --tab-button-text-color : #{neo(tab-button-text-color)};
35
51
  --tab-button-text-transform : #{neo(tab-button-text-transform)};
36
52
  }
37
- }
53
+ }
package/resources/scss/theme-light/table/Container.scss CHANGED
@@ -2,6 +2,9 @@ $neoMap: map-merge($neoMap, (
2
2
  'table-container-border-color' : #ddd,
3
3
  'table-container-cell-background-color' : #fff,
4
4
  'table-container-cell-background-color-even': #f2f2f2,
5
+ 'table-container-cell-border-bottom' : 1px solid #ddd,
6
+ 'table-container-cell-height' : 32px,
7
+ 'table-container-cell-padding' : 2px 10px 2px,
5
8
  'table-container-color' : #666,
6
9
  'table-container-header-cell-border-bottom' : 1px solid #ddd
7
10
  ));
@@ -11,7 +14,10 @@ $neoMap: map-merge($neoMap, (
11
14
  --table-container-border-color : #{neo(table-container-border-color)};
12
15
  --table-container-cell-background-color : #{neo(table-container-cell-background-color)};
13
16
  --table-container-cell-background-color-even: #{neo(table-container-cell-background-color-even)};
17
+ --table-container-cell-border-bottom : #{neo(table-container-cell-border-bottom)};
18
+ --table-container-cell-height : #{neo(table-container-cell-height)};
19
+ --table-container-cell-padding : #{neo(table-container-cell-padding)};
14
20
  --table-container-color : #{neo(table-container-color)};
15
21
  --table-container-header-cell-border-bottom : #{neo(table-container-header-cell-border-bottom)};
16
22
  }
17
- }
23
+ }
package/src/DefaultConfig.mjs CHANGED
@@ -237,12 +237,12 @@ const DefaultConfig = {
237
237
  useVdomWorker: true,
238
238
  /**
239
239
  * buildScripts/injectPackageVersion.mjs will update this value
240
- * @default '5.1.9'
240
+ * @default '5.1.11'
241
241
  * @memberOf! module:Neo
242
242
  * @name config.version
243
243
  * @type String
244
244
  */
245
- version: '5.1.9'
245
+ version: '5.1.11'
246
246
  };
247
247
 
248
248
  Object.assign(DefaultConfig, {
package/src/calendar/view/month/Component.mjs CHANGED
@@ -775,12 +775,15 @@ class Component extends BaseComponent {
775
775
  } else {
776
776
  node = vdom.cn[0].cn[i];
777
777
 
778
- node.html = me.intlFormat_day.format(date);
779
-
780
- if (!me.showWeekends && (day === 0 || day === 6)) {
781
- node.removeDom = true;
782
- } else {
783
- delete node.removeDom;
778
+ // the method could be called before the header content got created
779
+ if (node) {
780
+ node.html = me.intlFormat_day.format(date);
781
+
782
+ if (!me.showWeekends && (day === 0 || day === 6)) {
783
+ node.removeDom = true;
784
+ } else {
785
+ delete node.removeDom;
786
+ }
784
787
  }
785
788
  }
786
789