neo.mjs 4.4.1 → 4.4.2

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 (6) hide show
  1. package/package.json +1 -1
  2. package/resources/scss/src/form/field/Number.scss +12 -10
  3. package/resources/scss/src/form/field/Text.scss +4 -4
  4. package/resources/scss/src/form/field/trigger/Base.scss +2 -2
  5. package/resources/scss/theme-dark/form/field/Text.scss +6 -0
  6. package/resources/scss/theme-light/form/field/Text.scss +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neo.mjs",
3
- "version": "4.4.1",
3
+ "version": "4.4.2",
4
4
  "description": "The webworkers driven UI framework",
5
5
  "type": "module",
6
6
  "repository": {
package/resources/scss/src/form/field/Number.scss CHANGED
@@ -26,15 +26,17 @@
26
26
  }
27
27
 
28
28
  .neo-spin-button {
29
- border-left: 1px solid v(textfield-border-color);
30
- color : v(trigger-color);
31
- cursor : pointer;
32
- display : block;
33
- font-size : 10px;
34
- height : 50%;
35
- line-height: 11px;
36
- text-align : center;
37
- width : 22px;
29
+ align-items : center;
30
+ border-left : 1px solid v(textfield-border-color);
31
+ color : v(trigger-color);
32
+ cursor : pointer;
33
+ display : flex;
34
+ font-size : 10px;
35
+ height : 50%;
36
+ justify-content: center;
37
+ line-height : 11px;
38
+ text-align : center;
39
+ width : 22px;
38
40
 
39
41
  &.neo-up {
40
42
  border-bottom: 1px solid v(textfield-border-color);
@@ -51,4 +53,4 @@
51
53
  color : v(trigger-color-hover);
52
54
  }
53
55
  }
54
- }
56
+ }
package/resources/scss/src/form/field/Text.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .neo-textfield {
2
2
  align-items : center;
3
3
  display : flex;
4
- height : 27px;
4
+ height : calc(v(textfield-input-height) + v(textfield-border-width) * 2);
5
5
  margin-bottom: 5px;
6
6
  margin-top : 5px;
7
7
  white-space : nowrap;
@@ -181,7 +181,7 @@
181
181
  border-radius : v(textfield-border-radius);
182
182
  display : flex;
183
183
  flex : 1 1 100px;
184
- min-height : 25px;
184
+ min-height : v(textfield-input-height);
185
185
  overflow : hidden;
186
186
 
187
187
  .neo-textfield-input {
@@ -208,9 +208,9 @@
208
208
  border : 1px solid v(textfield-border-color);
209
209
  border-radius : v(textfield-border-radius);
210
210
  color : v(textfield-input-color);
211
- font : 400 13px/17px #{neo(neo-font-family)};
211
+ font : v(textfield-input-font);
212
212
  min-height : 27px;
213
- padding : 3px 6px 2px;
213
+ padding : v(textfield-input-padding);
214
214
  transition : 250ms border-color cubic-bezier(0.4, 0, 0.2, 1);
215
215
  width : 140px;
216
216
 
package/resources/scss/src/form/field/trigger/Base.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  cursor : pointer;
5
5
  display : inline-block;
6
6
  font-size : 14px;
7
- height : 25px; // has to be 1px smaller to not overlap the bottom border on hover
7
+ height : v(textfield-input-height); // has to be 1px smaller to not overlap the bottom border on hover
8
8
  line-height: 26px;
9
9
  text-align : center;
10
10
  width : 22px;
@@ -24,4 +24,4 @@
24
24
  .neo-field-trigger {
25
25
  outline: none;
26
26
  }
27
- }
27
+ }
package/resources/scss/theme-dark/form/field/Text.scss CHANGED
@@ -6,6 +6,9 @@ $neoMap: map-merge($neoMap, (
6
6
  'textfield-border-width' : 1px,
7
7
  'textfield-input-background-color' : #2b2b2b,
8
8
  'textfield-input-color' : #ccc,
9
+ 'textfield-input-font' : 400 13px/17px Arial,
10
+ 'textfield-input-height' : 25px,
11
+ 'textfield-input-padding' : 3px 6px 2px,
9
12
  'textfield-input-placeholder-color' : #ccc,
10
13
  'textfield-input-placeholder-opacity': 0.6,
11
14
  'textfield-label-color' : #bbb,
@@ -22,6 +25,9 @@ $neoMap: map-merge($neoMap, (
22
25
  --textfield-border-width : #{neo(textfield-border-width)};
23
26
  --textfield-input-background-color : #{neo(textfield-input-background-color)};
24
27
  --textfield-input-color : #{neo(textfield-input-color)};
28
+ --textfield-input-font : #{neo(textfield-input-font)};
29
+ --textfield-input-height : #{neo(textfield-input-height)};
30
+ --textfield-input-padding : #{neo(textfield-input-padding)};
25
31
  --textfield-input-placeholder-color : #{neo(textfield-input-placeholder-color)};
26
32
  --textfield-input-placeholder-opacity: #{neo(textfield-input-placeholder-opacity)};
27
33
  --textfield-label-color : #{neo(textfield-label-color)};
package/resources/scss/theme-light/form/field/Text.scss CHANGED
@@ -6,6 +6,9 @@ $neoMap: map-merge($neoMap, (
6
6
  'textfield-border-width' : 1px,
7
7
  'textfield-input-background-color' : #fff,
8
8
  'textfield-input-color' : #000,
9
+ 'textfield-input-font' : 400 13px/17px Arial,
10
+ 'textfield-input-height' : 25px,
11
+ 'textfield-input-padding' : 3px 6px 2px,
9
12
  'textfield-input-placeholder-color' : #333,
10
13
  'textfield-input-placeholder-opacity': 0.6,
11
14
  'textfield-label-color' : #666,
@@ -22,6 +25,9 @@ $neoMap: map-merge($neoMap, (
22
25
  --textfield-border-width : #{neo(textfield-border-width)};
23
26
  --textfield-input-background-color : #{neo(textfield-input-background-color)};
24
27
  --textfield-input-color : #{neo(textfield-input-color)};
28
+ --textfield-input-font : #{neo(textfield-input-font)};
29
+ --textfield-input-height : #{neo(textfield-input-height)};
30
+ --textfield-input-padding : #{neo(textfield-input-padding)};
25
31
  --textfield-input-placeholder-color : #{neo(textfield-input-placeholder-color)};
26
32
  --textfield-input-placeholder-opacity: #{neo(textfield-input-placeholder-opacity)};
27
33
  --textfield-label-color : #{neo(textfield-label-color)};