@ebscn/ui 1.0.3-beta.2 → 1.0.3-beta.4

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/number-keyboard/number-keyboard.css +38 -25
  2. package/cjs/components/number-keyboard/number-keyboard.d.ts +1 -0
  3. package/cjs/components/number-keyboard/number-keyboard.js +1 -0
  4. package/cjs/global/global.css +1 -1
  5. package/cjs/global/theme-dark.css +1 -1
  6. package/cjs/index.d.ts +1 -1
  7. package/cjs/index.js +2 -2
  8. package/es/components/number-keyboard/number-keyboard.css +38 -25
  9. package/es/components/number-keyboard/number-keyboard.d.ts +1 -0
  10. package/es/components/number-keyboard/number-keyboard.js +1 -0
  11. package/es/global/global.css +1 -1
  12. package/es/global/theme-dark.css +1 -1
  13. package/es/index.d.ts +1 -1
  14. package/es/index.js +1 -1
  15. package/package.json +2 -10
package/cjs/components/number-keyboard/number-keyboard.css CHANGED
@@ -1,13 +1,28 @@
1
+ :root {
2
+ --ebscn-color-keyboard-bg: #d2d5d8;
3
+ --ebscn-color-keyboard-key-bg: #fff;
4
+ --ebscn-color-functionkey-background: #adb3bd;
5
+ --ebscn-color-keyboard-active-background: #E5E5E5;
6
+ }
7
+ html[data-prefers-color-scheme='dark'] {
8
+ --ebscn-color-keyboard-bg: #1a1a1a;
9
+ --ebscn-color-keyboard-key-bg: #474747;
10
+ --ebscn-color-functionkey-background: #292929;
11
+ --ebscn-color-keyboard-active-background: #323232;
12
+ }
1
13
  .ebscn-number-keyboard {
2
14
  display: none;
3
15
  position: fixed;
16
+ z-index: 9999;
4
17
  bottom: 0;
18
+ left: 0;
5
19
  transform: translateY(101%);
6
20
  display: flex;
7
21
  flex-wrap: wrap;
8
22
  width: 100%;
9
- height: 216px;
10
- padding: 0 0 0 0;
23
+ height: 223px;
24
+ padding: 3px;
25
+ background-color: var(--ebscn-color-keyboard-bg);
11
26
  transition: all 0.5s;
12
27
  align-content: flex-start;
13
28
  }
@@ -16,50 +31,48 @@
16
31
  color: var(--ebscn-color-background);
17
32
  }
18
33
  .ebscn-number-keyboard-key {
19
- width: 25%;
20
- height: 54px;
21
- line-height: 54px;
34
+ width: calc(25% - 7.5px);
35
+ height: 48px;
36
+ line-height: 48px;
37
+ border-radius: 4.17px;
38
+ margin: 3px;
22
39
  text-align: center;
23
40
  font-size: 24px;
24
- font-weight: Regular;
41
+ font-weight: bold;
25
42
  color: var(--ebscn-color-text-dark-solid);
26
43
  font-weight: 300;
44
+ color: var(--ebscn-color-text);
27
45
  box-shadow: 0 0 0 1px #cccccc;
28
- background: var(--ebscn-color-background);
46
+ background: var(--ebscn-color-keyboard-key-bg);
29
47
  }
30
48
  .ebscn-number-keyboard-key:active {
31
- width: 25%;
32
- height: 54px;
33
- line-height: 54px;
34
- text-align: center;
35
- font-size: 24px;
36
- color: var(--ebscn-color-text-dark-solid);
37
- font-weight: 300;
38
- box-shadow: 0 0 0 1px #cccccc;
39
- background: var(--ebscn-color-border);
49
+ background: var(--ebscn-color-keyboard-active-background);
40
50
  }
41
51
  .ebscn-number-keyboard-option {
42
52
  font-size: var(--ebscn-font-size-11);
43
- background: #e1e3e8;
53
+ color: var(--ebscn-color-text);
54
+ background-color: var(--ebscn-color-functionkey-background);
44
55
  }
45
56
  .ebscn-number-keyboard-option:active {
46
57
  font-size: var(--ebscn-font-size-11);
47
- background: #CACBD0;
58
+ background-color: var(--ebscn-color-keyboard-active-background);
48
59
  }
49
60
  .ebscn-number-keyboard-delete {
50
- background: url(../../assets/images/delete.png) #e1e3e8 no-repeat center;
61
+ background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
51
62
  background-size: 24px 24px;
52
63
  }
53
64
  .ebscn-number-keyboard-delete:active {
54
- background: url(../../assets/images/delete.png) #CACBD0 no-repeat center;
65
+ background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
55
66
  background-size: 24px 24px;
56
67
  }
57
68
  .ebscn-number-keyboard-confirmKey {
58
69
  background-color: var(--ebscn-color-primary);
59
- width: 25%;
60
- height: 54px;
61
- line-height: 54px;
70
+ width: calc(25% - 7.5px);
71
+ height: 48px;
72
+ line-height: 48px;
62
73
  text-align: center;
74
+ border-radius: 4.17px;
75
+ margin: 3px;
63
76
  font-size: var(--ebscn-font-size-11);
64
77
  color: var(--ebscn-color-text-dark-solid);
65
78
  font-weight: 300;
@@ -71,7 +84,7 @@
71
84
  }
72
85
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
73
86
  .ebscn-number-keyboard {
74
- height: calc(216px + env(safe-area-inset-bottom));
75
- height: calc(216px + constant(safe-area-inset-bottom));
87
+ height: calc(223px + env(safe-area-inset-bottom));
88
+ height: calc(223px + constant(safe-area-inset-bottom));
76
89
  }
77
90
  }
package/cjs/components/number-keyboard/number-keyboard.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import './number-keyboard.less';
3
4
  export type NumberKeyboardProps = {
4
5
  types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
5
6
  type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
package/cjs/components/number-keyboard/number-keyboard.js CHANGED
@@ -8,6 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _nativeProps = require("../../utils/native-props");
10
10
  var _withDefaultProps = require("../../utils/with-default-props");
11
+ require("./number-keyboard.css");
11
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/cjs/global/global.css CHANGED
@@ -54,7 +54,7 @@ html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-yellow: #ffa930;
55
55
  --ebscn-color-orange: #e65a2b;
56
56
  --ebscn-color-wathet: #0d2543;
57
- --ebscn-color-text: #e6e6e6;
57
+ --ebscn-color-text: #ebebeb;
58
58
  --ebscn-color-text-secondary: #b3b3b3;
59
59
  --ebscn-color-weak: #808080;
60
60
  --ebscn-color-light: #4d4d4d;
package/cjs/global/theme-dark.css CHANGED
@@ -6,7 +6,7 @@ html[data-prefers-color-scheme='dark'] {
6
6
  --ebscn-color-yellow: #ffa930;
7
7
  --ebscn-color-orange: #e65a2b;
8
8
  --ebscn-color-wathet: #0d2543;
9
- --ebscn-color-text: #e6e6e6;
9
+ --ebscn-color-text: #ebebeb;
10
10
  --ebscn-color-text-secondary: #b3b3b3;
11
11
  --ebscn-color-weak: #808080;
12
12
  --ebscn-color-light: #4d4d4d;
package/cjs/index.d.ts CHANGED
@@ -35,8 +35,8 @@ export { default as Switch } from './components/switch';
35
35
  export { default as Tabs } from './components/tabs';
36
36
  export { default as Tip } from './components/tip';
37
37
  export { default as ToastLoading } from './components/toastLoading';
38
+ export { default as Input } from './components/input';
38
39
  export { default as PayInput } from './components/pay-input';
39
40
  export { default as MoneyInput } from './components/money-input';
40
41
  export { default as FeneInput } from './components/fene-input';
41
- export { default as Input } from './components/input';
42
42
  export { default as CommonInput } from './components/common-input';
package/cjs/index.js CHANGED
@@ -41,10 +41,10 @@ var _exportNames = {
41
41
  Tabs: true,
42
42
  Tip: true,
43
43
  ToastLoading: true,
44
+ Input: true,
44
45
  PayInput: true,
45
46
  MoneyInput: true,
46
47
  FeneInput: true,
47
- Input: true,
48
48
  CommonInput: true
49
49
  };
50
50
  Object.defineProperty(exports, "AlphabetKeyboard", {
@@ -347,9 +347,9 @@ var _switch = _interopRequireDefault(require("./components/switch"));
347
347
  var _tabs = _interopRequireDefault(require("./components/tabs"));
348
348
  var _tip = _interopRequireDefault(require("./components/tip"));
349
349
  var _toastLoading = _interopRequireDefault(require("./components/toastLoading"));
350
+ var _input = _interopRequireDefault(require("./components/input"));
350
351
  var _payInput = _interopRequireDefault(require("./components/pay-input"));
351
352
  var _moneyInput = _interopRequireDefault(require("./components/money-input"));
352
353
  var _feneInput = _interopRequireDefault(require("./components/fene-input"));
353
- var _input = _interopRequireDefault(require("./components/input"));
354
354
  var _commonInput = _interopRequireDefault(require("./components/common-input"));
355
355
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/es/components/number-keyboard/number-keyboard.css CHANGED
@@ -1,13 +1,28 @@
1
+ :root {
2
+ --ebscn-color-keyboard-bg: #d2d5d8;
3
+ --ebscn-color-keyboard-key-bg: #fff;
4
+ --ebscn-color-functionkey-background: #adb3bd;
5
+ --ebscn-color-keyboard-active-background: #E5E5E5;
6
+ }
7
+ html[data-prefers-color-scheme='dark'] {
8
+ --ebscn-color-keyboard-bg: #1a1a1a;
9
+ --ebscn-color-keyboard-key-bg: #474747;
10
+ --ebscn-color-functionkey-background: #292929;
11
+ --ebscn-color-keyboard-active-background: #323232;
12
+ }
1
13
  .ebscn-number-keyboard {
2
14
  display: none;
3
15
  position: fixed;
16
+ z-index: 9999;
4
17
  bottom: 0;
18
+ left: 0;
5
19
  transform: translateY(101%);
6
20
  display: flex;
7
21
  flex-wrap: wrap;
8
22
  width: 100%;
9
- height: 216px;
10
- padding: 0 0 0 0;
23
+ height: 223px;
24
+ padding: 3px;
25
+ background-color: var(--ebscn-color-keyboard-bg);
11
26
  transition: all 0.5s;
12
27
  align-content: flex-start;
13
28
  }
@@ -16,50 +31,48 @@
16
31
  color: var(--ebscn-color-background);
17
32
  }
18
33
  .ebscn-number-keyboard-key {
19
- width: 25%;
20
- height: 54px;
21
- line-height: 54px;
34
+ width: calc(25% - 7.5px);
35
+ height: 48px;
36
+ line-height: 48px;
37
+ border-radius: 4.17px;
38
+ margin: 3px;
22
39
  text-align: center;
23
40
  font-size: 24px;
24
- font-weight: Regular;
41
+ font-weight: bold;
25
42
  color: var(--ebscn-color-text-dark-solid);
26
43
  font-weight: 300;
44
+ color: var(--ebscn-color-text);
27
45
  box-shadow: 0 0 0 1px #cccccc;
28
- background: var(--ebscn-color-background);
46
+ background: var(--ebscn-color-keyboard-key-bg);
29
47
  }
30
48
  .ebscn-number-keyboard-key:active {
31
- width: 25%;
32
- height: 54px;
33
- line-height: 54px;
34
- text-align: center;
35
- font-size: 24px;
36
- color: var(--ebscn-color-text-dark-solid);
37
- font-weight: 300;
38
- box-shadow: 0 0 0 1px #cccccc;
39
- background: var(--ebscn-color-border);
49
+ background: var(--ebscn-color-keyboard-active-background);
40
50
  }
41
51
  .ebscn-number-keyboard-option {
42
52
  font-size: var(--ebscn-font-size-11);
43
- background: #e1e3e8;
53
+ color: var(--ebscn-color-text);
54
+ background-color: var(--ebscn-color-functionkey-background);
44
55
  }
45
56
  .ebscn-number-keyboard-option:active {
46
57
  font-size: var(--ebscn-font-size-11);
47
- background: #CACBD0;
58
+ background-color: var(--ebscn-color-keyboard-active-background);
48
59
  }
49
60
  .ebscn-number-keyboard-delete {
50
- background: url(../../assets/images/delete.png) #e1e3e8 no-repeat center;
61
+ background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
51
62
  background-size: 24px 24px;
52
63
  }
53
64
  .ebscn-number-keyboard-delete:active {
54
- background: url(../../assets/images/delete.png) #CACBD0 no-repeat center;
65
+ background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
55
66
  background-size: 24px 24px;
56
67
  }
57
68
  .ebscn-number-keyboard-confirmKey {
58
69
  background-color: var(--ebscn-color-primary);
59
- width: 25%;
60
- height: 54px;
61
- line-height: 54px;
70
+ width: calc(25% - 7.5px);
71
+ height: 48px;
72
+ line-height: 48px;
62
73
  text-align: center;
74
+ border-radius: 4.17px;
75
+ margin: 3px;
63
76
  font-size: var(--ebscn-font-size-11);
64
77
  color: var(--ebscn-color-text-dark-solid);
65
78
  font-weight: 300;
@@ -71,7 +84,7 @@
71
84
  }
72
85
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
73
86
  .ebscn-number-keyboard {
74
- height: calc(216px + env(safe-area-inset-bottom));
75
- height: calc(216px + constant(safe-area-inset-bottom));
87
+ height: calc(223px + env(safe-area-inset-bottom));
88
+ height: calc(223px + constant(safe-area-inset-bottom));
76
89
  }
77
90
  }
package/es/components/number-keyboard/number-keyboard.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import './number-keyboard.less';
3
4
  export type NumberKeyboardProps = {
4
5
  types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
5
6
  type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
package/es/components/number-keyboard/number-keyboard.js CHANGED
@@ -3,6 +3,7 @@ import { useEffect, useRef } from "react";
3
3
  import React from "react";
4
4
  import { withNativeProps } from '../../utils/native-props';
5
5
  import { mergeProps } from '../../utils/with-default-props';
6
+ import "./number-keyboard.css";
6
7
  var classPrefix = 'ebscn-number-keyboard';
7
8
  var defaultProps = {
8
9
  types: 'numberKeyboard',
package/es/global/global.css CHANGED
@@ -54,7 +54,7 @@ html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-yellow: #ffa930;
55
55
  --ebscn-color-orange: #e65a2b;
56
56
  --ebscn-color-wathet: #0d2543;
57
- --ebscn-color-text: #e6e6e6;
57
+ --ebscn-color-text: #ebebeb;
58
58
  --ebscn-color-text-secondary: #b3b3b3;
59
59
  --ebscn-color-weak: #808080;
60
60
  --ebscn-color-light: #4d4d4d;
package/es/global/theme-dark.css CHANGED
@@ -6,7 +6,7 @@ html[data-prefers-color-scheme='dark'] {
6
6
  --ebscn-color-yellow: #ffa930;
7
7
  --ebscn-color-orange: #e65a2b;
8
8
  --ebscn-color-wathet: #0d2543;
9
- --ebscn-color-text: #e6e6e6;
9
+ --ebscn-color-text: #ebebeb;
10
10
  --ebscn-color-text-secondary: #b3b3b3;
11
11
  --ebscn-color-weak: #808080;
12
12
  --ebscn-color-light: #4d4d4d;
package/es/index.d.ts CHANGED
@@ -35,8 +35,8 @@ export { default as Switch } from './components/switch';
35
35
  export { default as Tabs } from './components/tabs';
36
36
  export { default as Tip } from './components/tip';
37
37
  export { default as ToastLoading } from './components/toastLoading';
38
+ export { default as Input } from './components/input';
38
39
  export { default as PayInput } from './components/pay-input';
39
40
  export { default as MoneyInput } from './components/money-input';
40
41
  export { default as FeneInput } from './components/fene-input';
41
- export { default as Input } from './components/input';
42
42
  export { default as CommonInput } from './components/common-input';
package/es/index.js CHANGED
@@ -37,8 +37,8 @@ export { default as Switch } from './components/switch';
37
37
  export { default as Tabs } from './components/tabs';
38
38
  export { default as Tip } from './components/tip';
39
39
  export { default as ToastLoading } from './components/toastLoading';
40
+ export { default as Input } from './components/input';
40
41
  export { default as PayInput } from './components/pay-input';
41
42
  export { default as MoneyInput } from './components/money-input';
42
43
  export { default as FeneInput } from './components/fene-input';
43
- export { default as Input } from './components/input';
44
44
  export { default as CommonInput } from './components/common-input';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.2",
3
+ "version": "1.0.3-beta.4",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",
@@ -47,13 +47,5 @@
47
47
  "react-is": "^18.2.0",
48
48
  "react-photo-view": "^1.2.4",
49
49
  "use-sync-external-store": "^1.2.0"
50
- },
51
- "sideEffects": [
52
- "**/*.css",
53
- "**/*.less",
54
- "./es/index.js",
55
- "./src/index.ts",
56
- "./es/global/index.js",
57
- "./src/global/index.ts"
58
- ]
50
+ }
59
51
  }