@ebscn/ui 1.0.3-beta.7 → 1.0.3-beta.9

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 (15) hide show
  1. package/cjs/components/alphabet-keyboard/alphabet-keyboard.css +19 -6
  2. package/cjs/components/icons/search-icon.js +2 -1
  3. package/cjs/components/number-keyboard/number-keyboard.css +20 -4
  4. package/cjs/components/stock-keyboard/alphabet-keyboard.css +26 -8
  5. package/cjs/components/stock-keyboard/stock-keyboard.css +32 -5
  6. package/cjs/global/global.css +1 -1
  7. package/cjs/global/theme-default.css +1 -1
  8. package/es/components/alphabet-keyboard/alphabet-keyboard.css +19 -6
  9. package/es/components/icons/search-icon.js +2 -1
  10. package/es/components/number-keyboard/number-keyboard.css +20 -4
  11. package/es/components/stock-keyboard/alphabet-keyboard.css +26 -8
  12. package/es/components/stock-keyboard/stock-keyboard.css +32 -5
  13. package/es/global/global.css +1 -1
  14. package/es/global/theme-default.css +1 -1
  15. package/package.json +1 -1
package/cjs/components/alphabet-keyboard/alphabet-keyboard.css CHANGED
@@ -25,6 +25,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
25
25
  width: 100%;
26
26
  transition: all 0.5s;
27
27
  align-content: flex-start;
28
+ background-color: #fff;
28
29
  background-color: var(--ebscn-color-keyboard-bg);
29
30
  }
30
31
  .ebscn-alphabet-keyboard-darkkey {
@@ -34,24 +35,33 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
34
35
  width: 11.2%;
35
36
  height: 42px;
36
37
  border-radius: 5px;
38
+ background-color: #adb3bd;
37
39
  background-color: var(--ebscn-color-functionkey-background);
40
+ font-size: 17px;
38
41
  font-size: var(--ebscn-font-size-9);
39
42
  }
40
43
  .ebscn-alphabet-keyboard-darkkey:active {
44
+ background-color: #e5e5e5;
41
45
  background-color: var(--ebscn-color-keyboard-active-background);
42
46
  }
43
47
  .ebscn-alphabet-keyboard-shift {
44
48
  margin-right: 3.73%;
45
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
49
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
50
+ background-color: #adb3bd;
51
+ background-color: var(--ebscn-color-functionkey-background);
46
52
  background-size: 17px 17px;
47
53
  }
48
54
  .ebscn-alphabet-keyboard-delete {
49
55
  margin-left: 2.26%;
50
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/delete.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
51
59
  background-size: 24px 24px;
52
60
  }
53
61
  .ebscn-alphabet-keyboard-keybord {
54
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
62
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
63
+ background-color: #adb3bd;
64
+ background-color: var(--ebscn-color-functionkey-background);
55
65
  background-size: 24px 18px;
56
66
  }
57
67
  .ebscn-alphabet-keyboard-space {
@@ -85,7 +95,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
85
95
  justify-content: center;
86
96
  width: 8.4%;
87
97
  height: 42px;
88
- background: var(--ebscn-color-keyboard-key-bg);
98
+ background-color: #fff;
99
+ background-color: var(--ebscn-color-keyboard-key-bg);
89
100
  border-radius: 5px;
90
101
  font-size: 23px;
91
102
  font-weight: 400;
@@ -97,7 +108,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
97
108
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key:active,
98
109
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-thirdline-key:active,
99
110
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-key:active {
100
- background: var(--ebscn-color-border);
111
+ background-color: #eee;
112
+ background-color: var(--ebscn-color-border);
101
113
  }
102
114
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline {
103
115
  padding-left: 0.8%;
@@ -122,7 +134,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
122
134
  justify-content: center;
123
135
  width: 23.46%;
124
136
  height: 42px;
125
- background: var(--ebscn-color-primary);
137
+ background-color: #e84225;
138
+ background-color: var(--ebscn-color-primary);
126
139
  border-radius: 5px;
127
140
  font-size: 16px;
128
141
  font-weight: 400;
package/cjs/components/icons/search-icon.js CHANGED
@@ -16,7 +16,8 @@ var SearchIcon = (0, _react.memo)(function (props) {
16
16
  xmlns: "http://www.w3.org/2000/svg",
17
17
  "p-id": "7902",
18
18
  width: "1em",
19
- height: "1em"
19
+ height: "1em",
20
+ fill: "currentColor"
20
21
  }, _react.default.createElement("path", {
21
22
  d: "M928 510c0 106.384-38.288 204.24-106.368 280.832l-42.56 46.8C702.512 905.712 604.64 944 498.288 944 251.472 944 55.744 739.76 64.256 492.992c8.512-221.264 191.456-404.208 416.96-412.72C728.032 71.76 928 267.472 928 510zM483.648 144.224C292.176 151.44 135.472 307.04 128.224 495.2 120.96 706.144 288.048 880 498.256 880c86.848 0 167.616-29.888 232.464-85.12l3.472-3.024 39.6-43.552c56.768-63.856 88.32-143.952 90.128-230.416l0.08-7.888C864 302.512 692.864 137.008 483.648 144.224z",
22
23
  "p-id": "7903"
package/cjs/components/number-keyboard/number-keyboard.css CHANGED
@@ -14,6 +14,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
14
14
  width: 100%;
15
15
  height: 223px;
16
16
  padding: 3px;
17
+ background-color: #fff;
17
18
  background-color: var(--ebscn-color-keyboard-bg);
18
19
  transition: all 0.5s;
19
20
  align-content: flex-start;
@@ -30,33 +31,48 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
30
31
  }
31
32
  .ebscn-number-keyboard-key {
32
33
  font-size: 23px;
34
+ color: #333;
33
35
  color: var(--ebscn-color-text);
34
- background: var(--ebscn-color-keyboard-key-bg);
36
+ background-color: #fff;
37
+ background-color: var(--ebscn-color-keyboard-key-bg);
35
38
  }
36
39
  .ebscn-number-keyboard-key:active {
37
- background: var(--ebscn-color-keyboard-active-background);
40
+ background-color: #e5e5e5;
41
+ background-color: var(--ebscn-color-keyboard-active-background);
38
42
  }
39
43
  .ebscn-number-keyboard-option {
44
+ font-size: 18px;
40
45
  font-size: var(--ebscn-font-size-10);
46
+ color: #333;
41
47
  color: var(--ebscn-color-text);
48
+ background-color: #adb3bd;
42
49
  background-color: var(--ebscn-color-functionkey-background);
43
50
  }
44
51
  .ebscn-number-keyboard-option:active {
52
+ font-size: 18px;
45
53
  font-size: var(--ebscn-font-size-10);
54
+ background-color: #e5e5e5;
46
55
  background-color: var(--ebscn-color-keyboard-active-background);
47
56
  }
48
57
  .ebscn-number-keyboard-delete {
49
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
58
+ background: url(../../assets/images/delete.png) no-repeat center;
59
+ background-color: #adb3bd;
60
+ background-color: var(--ebscn-color-functionkey-background);
50
61
  background-size: 24px 24px;
51
62
  }
52
63
  .ebscn-number-keyboard-delete:active {
53
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
64
+ background: url(../../assets/images/delete.png) no-repeat center;
65
+ background-color: #e5e5e5;
66
+ background-color: var(--ebscn-color-keyboard-active-background);
54
67
  background-size: 24px 24px;
55
68
  }
56
69
  .ebscn-number-keyboard-confirmKey {
70
+ background-color: #e84225;
57
71
  background-color: var(--ebscn-color-primary);
58
72
  width: calc(25% - 6px);
73
+ font-size: 18px;
59
74
  font-size: var(--ebscn-font-size-10);
75
+ color: #fff;
60
76
  color: var(--ebscn-color-white);
61
77
  }
62
78
  .ebscn-number-keyboard-confirmKey:active {
package/cjs/components/stock-keyboard/alphabet-keyboard.css CHANGED
@@ -1,13 +1,16 @@
1
1
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord {
2
- background: url(../../assets/images/keybord_keybord_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
2
+ background: url(../../assets/images/keybord_keybord_dark.png) no-repeat center;
3
+ background-color: var(--ebscn-color-functionkey-background);
3
4
  background-size: 24px 24px;
4
5
  }
5
6
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete {
6
- background: url(../../assets/images/delete_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
7
+ background: url(../../assets/images/delete_dark.png) no-repeat center;
8
+ background-color: var(--ebscn-color-functionkey-background);
7
9
  background-size: 24px 24px;
8
10
  }
9
11
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
10
- background: url(../../assets/images/keybord_shift_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
12
+ background: url(../../assets/images/keybord_shift_dark.png) no-repeat center;
13
+ background-color: var(--ebscn-color-functionkey-background);
11
14
  background-size: 24px 24px;
12
15
  }
13
16
  .ebscn-alphabet-keyboard-extra {
@@ -17,6 +20,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
17
20
  flex-wrap: wrap;
18
21
  width: 100%;
19
22
  align-content: flex-start;
23
+ background-color: #fff;
20
24
  background-color: var(--ebscn-color-keyboard-bg);
21
25
  }
22
26
  .ebscn-alphabet-keyboard-extra-darkkey {
@@ -26,24 +30,32 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
26
30
  width: 11.2%;
27
31
  height: 42px;
28
32
  border-radius: 5px;
33
+ background-color: #adb3bd;
29
34
  background-color: var(--ebscn-color-functionkey-background);
30
35
  font-size: var(--ebscn-font-size-9);
31
36
  }
32
37
  .ebscn-alphabet-keyboard-extra-darkkey:active {
38
+ background-color: #e5e5e5;
33
39
  background-color: var(--ebscn-color-keyboard-active-background);
34
40
  }
35
41
  .ebscn-alphabet-keyboard-extra-shift {
36
42
  margin-right: 3.73%;
37
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
43
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
44
+ background-color: #adb3bd;
45
+ background-color: var(--ebscn-color-functionkey-background);
38
46
  background-size: 17px 17px;
39
47
  }
40
48
  .ebscn-alphabet-keyboard-extra-delete {
41
49
  margin-left: 2.26%;
42
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
50
+ background: url(../../assets/images/delete.png) no-repeat center;
51
+ background-color: #adb3bd;
52
+ background-color: var(--ebscn-color-functionkey-background);
43
53
  background-size: 24px 24px;
44
54
  }
45
55
  .ebscn-alphabet-keyboard-extra-keybord {
46
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
47
59
  background-size: 24px 18px;
48
60
  }
49
61
  .ebscn-alphabet-keyboard-extra-space {
@@ -54,10 +66,12 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
54
66
  height: 42px;
55
67
  border-radius: 5px;
56
68
  font-size: 16px;
69
+ background-color: #fff;
57
70
  background: var(--ebscn-color-keyboard-key-bg);
58
71
  }
59
72
  .ebscn-alphabet-keyboard-extra-space:active {
60
- background: var(--ebscn-color-border);
73
+ background-color: #eee;
74
+ background-color: var(--ebscn-color-border);
61
75
  }
62
76
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline,
63
77
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline,
@@ -77,11 +91,13 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
77
91
  justify-content: center;
78
92
  width: 8.4%;
79
93
  height: 42px;
94
+ background-color: #fff;
80
95
  background: var(--ebscn-color-keyboard-key-bg);
81
96
  border-radius: 5px;
82
97
  font-size: 23px;
83
98
  font-weight: 400;
84
99
  text-align: center;
100
+ color: #333;
85
101
  color: var(--ebscn-color-text);
86
102
  margin-right: 1.6%;
87
103
  }
@@ -89,7 +105,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
89
105
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key:active,
90
106
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key:active,
91
107
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key:active {
92
- background: var(--ebscn-color-border);
108
+ background-color: #eee;
109
+ background-color: var(--ebscn-color-border);
93
110
  }
94
111
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline {
95
112
  padding-left: 0.8%;
@@ -114,6 +131,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
114
131
  justify-content: center;
115
132
  width: 23.46%;
116
133
  height: 42px;
134
+ background-color: #e84225;
117
135
  background: var(--ebscn-color-primary);
118
136
  border-radius: 5px;
119
137
  font-size: 16px;
package/cjs/components/stock-keyboard/stock-keyboard.css CHANGED
@@ -16,22 +16,27 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
16
16
  }
17
17
  .ebscn-stock-keyboard-top {
18
18
  padding: 11px 19px;
19
+ background-color: #fff;
19
20
  background-color: var(--ebscn-color-background);
20
21
  display: flex;
21
22
  align-items: center;
23
+ font-size: 18px;
22
24
  font-size: var(--ebscn-font-size-8);
23
25
  }
24
26
  .ebscn-stock-keyboard-top-item {
25
27
  margin-right: 24px;
28
+ color: #666;
26
29
  color: var(--ebscn-color-text-secondary);
27
30
  }
28
31
  .ebscn-stock-keyboard-top-item-active {
32
+ color: #e84225;
29
33
  color: var(--ebscn-color-primary);
30
34
  }
31
35
  .ebscn-stock-keyboard-bottom {
32
36
  display: flex;
33
37
  }
34
38
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right {
39
+ background-color: #d2d5d8;
35
40
  background-color: var(--ebscn-color-keyboard-bg);
36
41
  display: flex;
37
42
  flex-wrap: wrap;
@@ -41,7 +46,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
41
46
  align-content: flex-start;
42
47
  }
43
48
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right :last-child {
44
- background: var(--ebscn-color-primary);
49
+ background-color: #e84225;
50
+ background-color: var(--ebscn-color-primary);
45
51
  color: #fff;
46
52
  }
47
53
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key,
@@ -55,44 +61,61 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
55
61
  font-weight: 400;
56
62
  }
57
63
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key {
64
+ color: #333;
58
65
  color: var(--ebscn-color-text);
59
66
  font-size: 23px;
60
- background: var(--ebscn-color-keyboard-key-bg);
67
+ background-color: #fff;
68
+ background-color: var(--ebscn-color-keyboard-key-bg);
61
69
  }
62
70
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key:active {
63
- background: var(--ebscn-color-keyboard-active-background);
71
+ background-color: #e5e5e5;
72
+ background-color: var(--ebscn-color-keyboard-active-background);
64
73
  }
65
74
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option {
75
+ font-size: 18px;
66
76
  font-size: var(--ebscn-font-size-10);
77
+ color: #333;
67
78
  color: var(--ebscn-color-text);
79
+ background-color: #adb3bd;
68
80
  background-color: var(--ebscn-color-functionkey-background);
69
81
  }
70
82
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option:active {
83
+ font-size: 18px;
71
84
  font-size: var(--ebscn-font-size-10);
85
+ background-color: #e5e5e5;
72
86
  background-color: var(--ebscn-color-keyboard-active-background);
73
87
  }
74
88
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete {
75
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
89
+ background: url(../../assets/images/delete.png) no-repeat center;
90
+ background-color: #adb3bd;
91
+ background-color: var(--ebscn-color-functionkey-background);
76
92
  background-size: 24px 24px;
77
93
  }
78
94
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete:active {
79
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
95
+ background: url(../../assets/images/delete.png) no-repeat center;
96
+ background-color: #e5e5e5;
97
+ background-color: var(--ebscn-color-keyboard-active-background);
80
98
  background-size: 24px 24px;
81
99
  }
82
100
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey {
101
+ font-size: 18px;
83
102
  font-size: var(--ebscn-font-size-10);
84
103
  width: calc(25% - 7.5px);
104
+ background-color: #e84225;
85
105
  background-color: var(--ebscn-color-primary);
86
106
  }
87
107
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey:active {
88
108
  background-color: #D03B21;
109
+ color: #fff;
89
110
  color: var(--ebscn-color-white);
90
111
  }
91
112
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-bottom-option {
113
+ font-size: 18px;
92
114
  font-size: var(--ebscn-font-size-10);
93
115
  }
94
116
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left {
95
117
  width: 20%;
118
+ background-color: #d2d5d8;
96
119
  background-color: var(--ebscn-color-keyboard-bg);
97
120
  }
98
121
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key {
@@ -102,14 +125,18 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
102
125
  border-radius: 4.17px;
103
126
  height: 48px;
104
127
  margin: 6px 3px 6px 6px;
128
+ font-size: 18px;
105
129
  font-size: var(--ebscn-font-size-10);
106
130
  font-weight: 400;
107
131
  text-align: center;
132
+ color: #333;
108
133
  color: var(--ebscn-color-text);
109
134
  line-height: 48px;
135
+ background-color: #adb3bd;
110
136
  background-color: var(--ebscn-color-functionkey-background);
111
137
  }
112
138
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key:active {
139
+ background-color: #e5e5e5;
113
140
  background: var(--ebscn-color-keyboard-active-background);
114
141
  }
115
142
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
package/cjs/global/global.css CHANGED
@@ -48,7 +48,7 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
53
53
  html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-blue: #4c7cf1;
package/cjs/global/theme-default.css CHANGED
@@ -48,5 +48,5 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
package/es/components/alphabet-keyboard/alphabet-keyboard.css CHANGED
@@ -25,6 +25,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
25
25
  width: 100%;
26
26
  transition: all 0.5s;
27
27
  align-content: flex-start;
28
+ background-color: #fff;
28
29
  background-color: var(--ebscn-color-keyboard-bg);
29
30
  }
30
31
  .ebscn-alphabet-keyboard-darkkey {
@@ -34,24 +35,33 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
34
35
  width: 11.2%;
35
36
  height: 42px;
36
37
  border-radius: 5px;
38
+ background-color: #adb3bd;
37
39
  background-color: var(--ebscn-color-functionkey-background);
40
+ font-size: 17px;
38
41
  font-size: var(--ebscn-font-size-9);
39
42
  }
40
43
  .ebscn-alphabet-keyboard-darkkey:active {
44
+ background-color: #e5e5e5;
41
45
  background-color: var(--ebscn-color-keyboard-active-background);
42
46
  }
43
47
  .ebscn-alphabet-keyboard-shift {
44
48
  margin-right: 3.73%;
45
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
49
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
50
+ background-color: #adb3bd;
51
+ background-color: var(--ebscn-color-functionkey-background);
46
52
  background-size: 17px 17px;
47
53
  }
48
54
  .ebscn-alphabet-keyboard-delete {
49
55
  margin-left: 2.26%;
50
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/delete.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
51
59
  background-size: 24px 24px;
52
60
  }
53
61
  .ebscn-alphabet-keyboard-keybord {
54
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
62
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
63
+ background-color: #adb3bd;
64
+ background-color: var(--ebscn-color-functionkey-background);
55
65
  background-size: 24px 18px;
56
66
  }
57
67
  .ebscn-alphabet-keyboard-space {
@@ -85,7 +95,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
85
95
  justify-content: center;
86
96
  width: 8.4%;
87
97
  height: 42px;
88
- background: var(--ebscn-color-keyboard-key-bg);
98
+ background-color: #fff;
99
+ background-color: var(--ebscn-color-keyboard-key-bg);
89
100
  border-radius: 5px;
90
101
  font-size: 23px;
91
102
  font-weight: 400;
@@ -97,7 +108,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
97
108
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key:active,
98
109
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-thirdline-key:active,
99
110
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-key:active {
100
- background: var(--ebscn-color-border);
111
+ background-color: #eee;
112
+ background-color: var(--ebscn-color-border);
101
113
  }
102
114
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline {
103
115
  padding-left: 0.8%;
@@ -122,7 +134,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
122
134
  justify-content: center;
123
135
  width: 23.46%;
124
136
  height: 42px;
125
- background: var(--ebscn-color-primary);
137
+ background-color: #e84225;
138
+ background-color: var(--ebscn-color-primary);
126
139
  border-radius: 5px;
127
140
  font-size: 16px;
128
141
  font-weight: 400;
package/es/components/icons/search-icon.js CHANGED
@@ -8,7 +8,8 @@ var SearchIcon = memo(function (props) {
8
8
  xmlns: "http://www.w3.org/2000/svg",
9
9
  "p-id": "7902",
10
10
  width: "1em",
11
- height: "1em"
11
+ height: "1em",
12
+ fill: "currentColor"
12
13
  }, React.createElement("path", {
13
14
  d: "M928 510c0 106.384-38.288 204.24-106.368 280.832l-42.56 46.8C702.512 905.712 604.64 944 498.288 944 251.472 944 55.744 739.76 64.256 492.992c8.512-221.264 191.456-404.208 416.96-412.72C728.032 71.76 928 267.472 928 510zM483.648 144.224C292.176 151.44 135.472 307.04 128.224 495.2 120.96 706.144 288.048 880 498.256 880c86.848 0 167.616-29.888 232.464-85.12l3.472-3.024 39.6-43.552c56.768-63.856 88.32-143.952 90.128-230.416l0.08-7.888C864 302.512 692.864 137.008 483.648 144.224z",
14
15
  "p-id": "7903"
package/es/components/number-keyboard/number-keyboard.css CHANGED
@@ -14,6 +14,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
14
14
  width: 100%;
15
15
  height: 223px;
16
16
  padding: 3px;
17
+ background-color: #fff;
17
18
  background-color: var(--ebscn-color-keyboard-bg);
18
19
  transition: all 0.5s;
19
20
  align-content: flex-start;
@@ -30,33 +31,48 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
30
31
  }
31
32
  .ebscn-number-keyboard-key {
32
33
  font-size: 23px;
34
+ color: #333;
33
35
  color: var(--ebscn-color-text);
34
- background: var(--ebscn-color-keyboard-key-bg);
36
+ background-color: #fff;
37
+ background-color: var(--ebscn-color-keyboard-key-bg);
35
38
  }
36
39
  .ebscn-number-keyboard-key:active {
37
- background: var(--ebscn-color-keyboard-active-background);
40
+ background-color: #e5e5e5;
41
+ background-color: var(--ebscn-color-keyboard-active-background);
38
42
  }
39
43
  .ebscn-number-keyboard-option {
44
+ font-size: 18px;
40
45
  font-size: var(--ebscn-font-size-10);
46
+ color: #333;
41
47
  color: var(--ebscn-color-text);
48
+ background-color: #adb3bd;
42
49
  background-color: var(--ebscn-color-functionkey-background);
43
50
  }
44
51
  .ebscn-number-keyboard-option:active {
52
+ font-size: 18px;
45
53
  font-size: var(--ebscn-font-size-10);
54
+ background-color: #e5e5e5;
46
55
  background-color: var(--ebscn-color-keyboard-active-background);
47
56
  }
48
57
  .ebscn-number-keyboard-delete {
49
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
58
+ background: url(../../assets/images/delete.png) no-repeat center;
59
+ background-color: #adb3bd;
60
+ background-color: var(--ebscn-color-functionkey-background);
50
61
  background-size: 24px 24px;
51
62
  }
52
63
  .ebscn-number-keyboard-delete:active {
53
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
64
+ background: url(../../assets/images/delete.png) no-repeat center;
65
+ background-color: #e5e5e5;
66
+ background-color: var(--ebscn-color-keyboard-active-background);
54
67
  background-size: 24px 24px;
55
68
  }
56
69
  .ebscn-number-keyboard-confirmKey {
70
+ background-color: #e84225;
57
71
  background-color: var(--ebscn-color-primary);
58
72
  width: calc(25% - 6px);
73
+ font-size: 18px;
59
74
  font-size: var(--ebscn-font-size-10);
75
+ color: #fff;
60
76
  color: var(--ebscn-color-white);
61
77
  }
62
78
  .ebscn-number-keyboard-confirmKey:active {
package/es/components/stock-keyboard/alphabet-keyboard.css CHANGED
@@ -1,13 +1,16 @@
1
1
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord {
2
- background: url(../../assets/images/keybord_keybord_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
2
+ background: url(../../assets/images/keybord_keybord_dark.png) no-repeat center;
3
+ background-color: var(--ebscn-color-functionkey-background);
3
4
  background-size: 24px 24px;
4
5
  }
5
6
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete {
6
- background: url(../../assets/images/delete_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
7
+ background: url(../../assets/images/delete_dark.png) no-repeat center;
8
+ background-color: var(--ebscn-color-functionkey-background);
7
9
  background-size: 24px 24px;
8
10
  }
9
11
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
10
- background: url(../../assets/images/keybord_shift_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
12
+ background: url(../../assets/images/keybord_shift_dark.png) no-repeat center;
13
+ background-color: var(--ebscn-color-functionkey-background);
11
14
  background-size: 24px 24px;
12
15
  }
13
16
  .ebscn-alphabet-keyboard-extra {
@@ -17,6 +20,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
17
20
  flex-wrap: wrap;
18
21
  width: 100%;
19
22
  align-content: flex-start;
23
+ background-color: #fff;
20
24
  background-color: var(--ebscn-color-keyboard-bg);
21
25
  }
22
26
  .ebscn-alphabet-keyboard-extra-darkkey {
@@ -26,24 +30,32 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
26
30
  width: 11.2%;
27
31
  height: 42px;
28
32
  border-radius: 5px;
33
+ background-color: #adb3bd;
29
34
  background-color: var(--ebscn-color-functionkey-background);
30
35
  font-size: var(--ebscn-font-size-9);
31
36
  }
32
37
  .ebscn-alphabet-keyboard-extra-darkkey:active {
38
+ background-color: #e5e5e5;
33
39
  background-color: var(--ebscn-color-keyboard-active-background);
34
40
  }
35
41
  .ebscn-alphabet-keyboard-extra-shift {
36
42
  margin-right: 3.73%;
37
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
43
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
44
+ background-color: #adb3bd;
45
+ background-color: var(--ebscn-color-functionkey-background);
38
46
  background-size: 17px 17px;
39
47
  }
40
48
  .ebscn-alphabet-keyboard-extra-delete {
41
49
  margin-left: 2.26%;
42
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
50
+ background: url(../../assets/images/delete.png) no-repeat center;
51
+ background-color: #adb3bd;
52
+ background-color: var(--ebscn-color-functionkey-background);
43
53
  background-size: 24px 24px;
44
54
  }
45
55
  .ebscn-alphabet-keyboard-extra-keybord {
46
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
47
59
  background-size: 24px 18px;
48
60
  }
49
61
  .ebscn-alphabet-keyboard-extra-space {
@@ -54,10 +66,12 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
54
66
  height: 42px;
55
67
  border-radius: 5px;
56
68
  font-size: 16px;
69
+ background-color: #fff;
57
70
  background: var(--ebscn-color-keyboard-key-bg);
58
71
  }
59
72
  .ebscn-alphabet-keyboard-extra-space:active {
60
- background: var(--ebscn-color-border);
73
+ background-color: #eee;
74
+ background-color: var(--ebscn-color-border);
61
75
  }
62
76
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline,
63
77
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline,
@@ -77,11 +91,13 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
77
91
  justify-content: center;
78
92
  width: 8.4%;
79
93
  height: 42px;
94
+ background-color: #fff;
80
95
  background: var(--ebscn-color-keyboard-key-bg);
81
96
  border-radius: 5px;
82
97
  font-size: 23px;
83
98
  font-weight: 400;
84
99
  text-align: center;
100
+ color: #333;
85
101
  color: var(--ebscn-color-text);
86
102
  margin-right: 1.6%;
87
103
  }
@@ -89,7 +105,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
89
105
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key:active,
90
106
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key:active,
91
107
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key:active {
92
- background: var(--ebscn-color-border);
108
+ background-color: #eee;
109
+ background-color: var(--ebscn-color-border);
93
110
  }
94
111
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline {
95
112
  padding-left: 0.8%;
@@ -114,6 +131,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
114
131
  justify-content: center;
115
132
  width: 23.46%;
116
133
  height: 42px;
134
+ background-color: #e84225;
117
135
  background: var(--ebscn-color-primary);
118
136
  border-radius: 5px;
119
137
  font-size: 16px;
package/es/components/stock-keyboard/stock-keyboard.css CHANGED
@@ -16,22 +16,27 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
16
16
  }
17
17
  .ebscn-stock-keyboard-top {
18
18
  padding: 11px 19px;
19
+ background-color: #fff;
19
20
  background-color: var(--ebscn-color-background);
20
21
  display: flex;
21
22
  align-items: center;
23
+ font-size: 18px;
22
24
  font-size: var(--ebscn-font-size-8);
23
25
  }
24
26
  .ebscn-stock-keyboard-top-item {
25
27
  margin-right: 24px;
28
+ color: #666;
26
29
  color: var(--ebscn-color-text-secondary);
27
30
  }
28
31
  .ebscn-stock-keyboard-top-item-active {
32
+ color: #e84225;
29
33
  color: var(--ebscn-color-primary);
30
34
  }
31
35
  .ebscn-stock-keyboard-bottom {
32
36
  display: flex;
33
37
  }
34
38
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right {
39
+ background-color: #d2d5d8;
35
40
  background-color: var(--ebscn-color-keyboard-bg);
36
41
  display: flex;
37
42
  flex-wrap: wrap;
@@ -41,7 +46,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
41
46
  align-content: flex-start;
42
47
  }
43
48
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right :last-child {
44
- background: var(--ebscn-color-primary);
49
+ background-color: #e84225;
50
+ background-color: var(--ebscn-color-primary);
45
51
  color: #fff;
46
52
  }
47
53
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key,
@@ -55,44 +61,61 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
55
61
  font-weight: 400;
56
62
  }
57
63
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key {
64
+ color: #333;
58
65
  color: var(--ebscn-color-text);
59
66
  font-size: 23px;
60
- background: var(--ebscn-color-keyboard-key-bg);
67
+ background-color: #fff;
68
+ background-color: var(--ebscn-color-keyboard-key-bg);
61
69
  }
62
70
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key:active {
63
- background: var(--ebscn-color-keyboard-active-background);
71
+ background-color: #e5e5e5;
72
+ background-color: var(--ebscn-color-keyboard-active-background);
64
73
  }
65
74
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option {
75
+ font-size: 18px;
66
76
  font-size: var(--ebscn-font-size-10);
77
+ color: #333;
67
78
  color: var(--ebscn-color-text);
79
+ background-color: #adb3bd;
68
80
  background-color: var(--ebscn-color-functionkey-background);
69
81
  }
70
82
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option:active {
83
+ font-size: 18px;
71
84
  font-size: var(--ebscn-font-size-10);
85
+ background-color: #e5e5e5;
72
86
  background-color: var(--ebscn-color-keyboard-active-background);
73
87
  }
74
88
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete {
75
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
89
+ background: url(../../assets/images/delete.png) no-repeat center;
90
+ background-color: #adb3bd;
91
+ background-color: var(--ebscn-color-functionkey-background);
76
92
  background-size: 24px 24px;
77
93
  }
78
94
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete:active {
79
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
95
+ background: url(../../assets/images/delete.png) no-repeat center;
96
+ background-color: #e5e5e5;
97
+ background-color: var(--ebscn-color-keyboard-active-background);
80
98
  background-size: 24px 24px;
81
99
  }
82
100
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey {
101
+ font-size: 18px;
83
102
  font-size: var(--ebscn-font-size-10);
84
103
  width: calc(25% - 7.5px);
104
+ background-color: #e84225;
85
105
  background-color: var(--ebscn-color-primary);
86
106
  }
87
107
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey:active {
88
108
  background-color: #D03B21;
109
+ color: #fff;
89
110
  color: var(--ebscn-color-white);
90
111
  }
91
112
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-bottom-option {
113
+ font-size: 18px;
92
114
  font-size: var(--ebscn-font-size-10);
93
115
  }
94
116
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left {
95
117
  width: 20%;
118
+ background-color: #d2d5d8;
96
119
  background-color: var(--ebscn-color-keyboard-bg);
97
120
  }
98
121
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key {
@@ -102,14 +125,18 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
102
125
  border-radius: 4.17px;
103
126
  height: 48px;
104
127
  margin: 6px 3px 6px 6px;
128
+ font-size: 18px;
105
129
  font-size: var(--ebscn-font-size-10);
106
130
  font-weight: 400;
107
131
  text-align: center;
132
+ color: #333;
108
133
  color: var(--ebscn-color-text);
109
134
  line-height: 48px;
135
+ background-color: #adb3bd;
110
136
  background-color: var(--ebscn-color-functionkey-background);
111
137
  }
112
138
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key:active {
139
+ background-color: #e5e5e5;
113
140
  background: var(--ebscn-color-keyboard-active-background);
114
141
  }
115
142
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
package/es/global/global.css CHANGED
@@ -48,7 +48,7 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
53
53
  html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-blue: #4c7cf1;
package/es/global/theme-default.css CHANGED
@@ -48,5 +48,5 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.7",
3
+ "version": "1.0.3-beta.9",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",