@semcore/input-number 16.0.0-prerelease.2 → 16.0.0-prerelease.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -1
- package/lib/cjs/InputNumber.js +4 -2
- package/lib/cjs/InputNumber.js.map +1 -1
- package/lib/es6/InputNumber.js +4 -2
- package/lib/es6/InputNumber.js.map +1 -1
- package/lib/esm/InputNumber.mjs +354 -222
- package/lib/esm/buttons.mjs +10 -9
- package/lib/esm/index.mjs +6 -6
- package/lib/esm/style/input-number.shadow.css +73 -0
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
- package/lib/esm/translations/de.json.mjs +8 -6
- package/lib/esm/translations/en.json.mjs +8 -6
- package/lib/esm/translations/es.json.mjs +8 -6
- package/lib/esm/translations/fr.json.mjs +8 -6
- package/lib/esm/translations/it.json.mjs +8 -6
- package/lib/esm/translations/ja.json.mjs +8 -6
- package/lib/esm/translations/ko.json.mjs +8 -6
- package/lib/esm/translations/nl.json.mjs +8 -6
- package/lib/esm/translations/pl.json.mjs +8 -6
- package/lib/esm/translations/pt.json.mjs +8 -6
- package/lib/esm/translations/sv.json.mjs +8 -6
- package/lib/esm/translations/tr.json.mjs +8 -6
- package/lib/esm/translations/vi.json.mjs +8 -6
- package/lib/esm/translations/zh.json.mjs +8 -6
- package/package.json +4 -4
package/lib/esm/buttons.mjs
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
var
|
|
3
|
-
return /* @__PURE__ */
|
|
1
|
+
import React from "react";
|
|
2
|
+
var IncrementIcon = function IncrementIcon2() {
|
|
3
|
+
return /* @__PURE__ */ React.createElement("svg", {
|
|
4
4
|
fill: "currentColor",
|
|
5
5
|
width: "10",
|
|
6
6
|
height: "5",
|
|
7
7
|
viewBox: "0 0 10 5"
|
|
8
|
-
}, /* @__PURE__ */
|
|
8
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
9
9
|
d: "M0,5l5,-5l5,5Z"
|
|
10
10
|
}));
|
|
11
|
-
}
|
|
12
|
-
|
|
11
|
+
};
|
|
12
|
+
var DecrementIcon = function DecrementIcon2() {
|
|
13
|
+
return /* @__PURE__ */ React.createElement("svg", {
|
|
13
14
|
fill: "currentColor",
|
|
14
15
|
width: "10",
|
|
15
16
|
height: "5",
|
|
16
17
|
viewBox: "0 0 10 5"
|
|
17
|
-
}, /* @__PURE__ */
|
|
18
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
18
19
|
d: "M0,0l10,0l-5,5Z"
|
|
19
20
|
}));
|
|
20
21
|
};
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
DecrementIcon,
|
|
24
|
+
IncrementIcon
|
|
24
25
|
};
|
package/lib/esm/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { DecrementIcon
|
|
1
|
+
import { default as default2, parseValueWithMinMax } from "./InputNumber.mjs";
|
|
2
|
+
import { DecrementIcon, IncrementIcon } from "./buttons.mjs";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
DecrementIcon,
|
|
5
|
+
IncrementIcon,
|
|
6
|
+
default2 as default,
|
|
7
|
+
parseValueWithMinMax
|
|
8
8
|
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
SValue:focus ~ SControls {
|
|
2
|
+
display: flex;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
SControls {
|
|
6
|
+
display: none;
|
|
7
|
+
flex-flow: column;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
height: 100%;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
SControls[showControls] {
|
|
14
|
+
display: flex;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
SUp,
|
|
18
|
+
SDown {
|
|
19
|
+
padding: 0;
|
|
20
|
+
width: 16px;
|
|
21
|
+
color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
border: none;
|
|
26
|
+
background: none;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
|
|
29
|
+
&:focus {
|
|
30
|
+
outline: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&:hover {
|
|
34
|
+
color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
SUp {
|
|
39
|
+
/* disable-tokens-validator */
|
|
40
|
+
padding-bottom: 1px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
SDown {
|
|
44
|
+
/* disable-tokens-validator */
|
|
45
|
+
padding-top: 1px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
SValue {
|
|
49
|
+
&::-webkit-outer-spin-button,
|
|
50
|
+
&::-webkit-inner-spin-button {
|
|
51
|
+
-webkit-appearance: none;
|
|
52
|
+
margin: 0;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&[type='number'] {
|
|
56
|
+
-moz-appearance: textfield;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
SValue[disabled] ~ SControls {
|
|
61
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
62
|
+
cursor: default;
|
|
63
|
+
pointer-events: none;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
SValueHidden {
|
|
67
|
+
position: absolute;
|
|
68
|
+
top: 0;
|
|
69
|
+
width: 1px;
|
|
70
|
+
height: 1px;
|
|
71
|
+
padding: 0;
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
var
|
|
16
|
-
de
|
|
17
|
-
en
|
|
18
|
-
es
|
|
19
|
-
fr
|
|
20
|
-
it
|
|
21
|
-
ja
|
|
22
|
-
ko
|
|
23
|
-
nl
|
|
24
|
-
pt
|
|
25
|
-
tr
|
|
26
|
-
vi
|
|
27
|
-
zh
|
|
28
|
-
pl
|
|
29
|
-
sv
|
|
1
|
+
import de from "./de.json.mjs";
|
|
2
|
+
import en from "./en.json.mjs";
|
|
3
|
+
import es from "./es.json.mjs";
|
|
4
|
+
import fr from "./fr.json.mjs";
|
|
5
|
+
import it from "./it.json.mjs";
|
|
6
|
+
import ja from "./ja.json.mjs";
|
|
7
|
+
import ko from "./ko.json.mjs";
|
|
8
|
+
import nl from "./nl.json.mjs";
|
|
9
|
+
import pt from "./pt.json.mjs";
|
|
10
|
+
import tr from "./tr.json.mjs";
|
|
11
|
+
import vi from "./vi.json.mjs";
|
|
12
|
+
import zh from "./zh.json.mjs";
|
|
13
|
+
import pl from "./pl.json.mjs";
|
|
14
|
+
import sv from "./sv.json.mjs";
|
|
15
|
+
var localizedMessages = {
|
|
16
|
+
de,
|
|
17
|
+
en,
|
|
18
|
+
es,
|
|
19
|
+
fr,
|
|
20
|
+
it,
|
|
21
|
+
ja,
|
|
22
|
+
ko,
|
|
23
|
+
nl,
|
|
24
|
+
pt,
|
|
25
|
+
tr,
|
|
26
|
+
vi,
|
|
27
|
+
zh,
|
|
28
|
+
pl,
|
|
29
|
+
sv
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
localizedMessages
|
|
33
33
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Zahl erhöhen";
|
|
2
|
+
const decrement = "Zahl verringern";
|
|
3
|
+
const de = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
de as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Increment number";
|
|
2
|
+
const decrement = "Decrement number";
|
|
3
|
+
const en = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
en as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Incrementar número";
|
|
2
|
+
const decrement = "Descenso de número";
|
|
3
|
+
const es = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
es as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Incrémenter le nombre";
|
|
2
|
+
const decrement = "Décrémenter le nombre";
|
|
3
|
+
const fr = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
fr as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Aumenta il numero";
|
|
2
|
+
const decrement = "Riduci il numero";
|
|
3
|
+
const it = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
it as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "上昇番号";
|
|
2
|
+
const decrement = "下降番号";
|
|
3
|
+
const ja = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
ja as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "더 큰 숫자 입력";
|
|
2
|
+
const decrement = "더 작은 숫자 입력";
|
|
3
|
+
const ko = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
ko as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Nummer verhogen";
|
|
2
|
+
const decrement = "Nummer verlagen";
|
|
3
|
+
const nl = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
nl as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Zwiększ liczbę";
|
|
2
|
+
const decrement = "Zmniejsz liczbę";
|
|
3
|
+
const pl = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
pl as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Aumentar número";
|
|
2
|
+
const decrement = "Diminuir número";
|
|
3
|
+
const pt = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
pt as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Ökning av antal";
|
|
2
|
+
const decrement = "Minskning av antal";
|
|
3
|
+
const sv = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
sv as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Sayıyı artır";
|
|
2
|
+
const decrement = "Sayıyı azalt";
|
|
3
|
+
const tr = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
tr as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "Tăng số";
|
|
2
|
+
const decrement = "Giảm số";
|
|
3
|
+
const vi = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
vi as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const increment = "增量";
|
|
2
|
+
const decrement = "减量";
|
|
3
|
+
const zh = {
|
|
4
|
+
increment,
|
|
5
|
+
decrement
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
decrement,
|
|
9
|
+
zh as default,
|
|
10
|
+
increment
|
|
9
11
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/input-number",
|
|
3
3
|
"description": "Semrush InputNumber Component",
|
|
4
|
-
"version": "16.0.0-prerelease.
|
|
4
|
+
"version": "16.0.0-prerelease.21",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/input": "16.0.0-prerelease.
|
|
18
|
-
"@semcore/flex-box": "16.0.0-prerelease.
|
|
17
|
+
"@semcore/input": "16.0.0-prerelease.21",
|
|
18
|
+
"@semcore/flex-box": "16.0.0-prerelease.21"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.0-prerelease.
|
|
21
|
+
"@semcore/base-components": "^16.0.0-prerelease.21"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|