@semcore/input-number 4.1.7 → 4.2.1

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/CHANGELOG.md +8 -2
  2. package/lib/cjs/InputNumber.js +11 -11
  3. package/lib/cjs/style/input-number.shadow.css +5 -5
  4. package/lib/es6/InputNumber.js +11 -11
  5. package/lib/es6/style/input-number.shadow.css +5 -5
  6. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -2,11 +2,17 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.1.7] - 2022-12-06
5
+ ## [4.2.1] - 2022-12-13
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/input` [3.4.1 ~> 3.4.2]).
9
+ - Added `react-dom` to peer dependencies.
10
+
11
+ ## [4.2.0] - 2022-12-12
12
+
13
+ ### Added
14
+
15
+ - Design tokens based theming.
10
16
 
11
17
  ## [4.1.0] - 2022-10-10
12
18
 
package/lib/cjs/InputNumber.js CHANGED
@@ -48,20 +48,20 @@ var style = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___SInputNumber_1xh65_gg_:hover .___SValue_1xh65_gg_:not(.__disabled_1xh65_gg_)~.___SControls_1xh65_gg_{visibility:visible}.___SValue_1xh65_gg_:focus~.___SControls_1xh65_gg_{visibility:visible}.___SControls_1xh65_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_1xh65_gg_.__showControls_1xh65_gg_{visibility:visible}.___SDown_1xh65_gg_,.___SUp_1xh65_gg_{padding:0;width:16px;color:#a9abb6;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_1xh65_gg_:focus,.___SUp_1xh65_gg_:focus{outline:none}.___SDown_1xh65_gg_:hover,.___SUp_1xh65_gg_:hover{color:#484a54}.___SUp_1xh65_gg_{padding-bottom:1px}.___SDown_1xh65_gg_{padding-top:1px}.___SValue_1xh65_gg_::-webkit-inner-spin-button,.___SValue_1xh65_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1xh65_gg_._type_number_1xh65_gg_{-moz-appearance:textfield}.___SValue_1xh65_gg_.__disabled_1xh65_gg_~.___SControls_1xh65_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SValueHidden_1xh65_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}"
51
+ ".___SInputNumber_109sv_gg_:hover .___SValue_109sv_gg_:not(.__disabled_109sv_gg_)~.___SControls_109sv_gg_{visibility:visible}.___SValue_109sv_gg_:focus~.___SControls_109sv_gg_{visibility:visible}.___SControls_109sv_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_109sv_gg_.__showControls_109sv_gg_{visibility:visible}.___SDown_109sv_gg_,.___SUp_109sv_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral,#a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_109sv_gg_:focus,.___SUp_109sv_gg_:focus{outline:none}.___SDown_109sv_gg_:hover,.___SUp_109sv_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,#8a8e9b)}.___SUp_109sv_gg_{padding-bottom:1px}.___SDown_109sv_gg_{padding-top:1px}.___SValue_109sv_gg_::-webkit-inner-spin-button,.___SValue_109sv_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_109sv_gg_._type_number_109sv_gg_{-moz-appearance:textfield}.___SValue_109sv_gg_.__disabled_109sv_gg_~.___SControls_109sv_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SValueHidden_109sv_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}"
52
52
  /*__inner_css_end__*/
53
- , "1xh65_gg_")
53
+ , "109sv_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SInputNumber": "___SInputNumber_1xh65_gg_",
57
- "__SValue": "___SValue_1xh65_gg_",
58
- "_disabled": "__disabled_1xh65_gg_",
59
- "__SControls": "___SControls_1xh65_gg_",
60
- "_showControls": "__showControls_1xh65_gg_",
61
- "__SDown": "___SDown_1xh65_gg_",
62
- "__SUp": "___SUp_1xh65_gg_",
63
- "_type_number": "_type_number_1xh65_gg_",
64
- "__SValueHidden": "___SValueHidden_1xh65_gg_"
56
+ "__SInputNumber": "___SInputNumber_109sv_gg_",
57
+ "__SValue": "___SValue_109sv_gg_",
58
+ "_disabled": "__disabled_109sv_gg_",
59
+ "__SControls": "___SControls_109sv_gg_",
60
+ "_showControls": "__showControls_109sv_gg_",
61
+ "__SDown": "___SDown_109sv_gg_",
62
+ "__SUp": "___SUp_109sv_gg_",
63
+ "_type_number": "_type_number_109sv_gg_",
64
+ "__SValueHidden": "___SValueHidden_109sv_gg_"
65
65
  });
66
66
 
67
67
  function parseValueWithMinMax(value) {
package/lib/cjs/style/input-number.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SInputNumber:hover {
4
2
  & SValue:not([disabled]) ~ SControls {
5
3
  visibility: visible;
@@ -27,7 +25,7 @@ SUp,
27
25
  SDown {
28
26
  padding: 0;
29
27
  width: 16px;
30
- color: var(--gray-300);
28
+ color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
31
29
  box-sizing: border-box;
32
30
  display: inline-flex;
33
31
  justify-content: center;
@@ -40,15 +38,17 @@ SDown {
40
38
  }
41
39
 
42
40
  &:hover {
43
- color: var(--gray-600);
41
+ color: var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);
44
42
  }
45
43
  }
46
44
 
47
45
  SUp {
46
+ /* disable-tokens-validator */
48
47
  padding-bottom: 1px;
49
48
  }
50
49
 
51
50
  SDown {
51
+ /* disable-tokens-validator */
52
52
  padding-top: 1px;
53
53
  }
54
54
 
@@ -65,7 +65,7 @@ SValue {
65
65
  }
66
66
 
67
67
  SValue[disabled] ~ SControls {
68
- opacity: var(--disabled-opacity);
68
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
69
69
  cursor: default;
70
70
  pointer-events: none;
71
71
  }
package/lib/es6/InputNumber.js CHANGED
@@ -28,20 +28,20 @@ var style = (
28
28
  /*__reshadow_css_start__*/
29
29
  _sstyled.insert(
30
30
  /*__inner_css_start__*/
31
- ".___SInputNumber_1xh65_gg_:hover .___SValue_1xh65_gg_:not(.__disabled_1xh65_gg_)~.___SControls_1xh65_gg_{visibility:visible}.___SValue_1xh65_gg_:focus~.___SControls_1xh65_gg_{visibility:visible}.___SControls_1xh65_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_1xh65_gg_.__showControls_1xh65_gg_{visibility:visible}.___SDown_1xh65_gg_,.___SUp_1xh65_gg_{padding:0;width:16px;color:#a9abb6;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_1xh65_gg_:focus,.___SUp_1xh65_gg_:focus{outline:none}.___SDown_1xh65_gg_:hover,.___SUp_1xh65_gg_:hover{color:#484a54}.___SUp_1xh65_gg_{padding-bottom:1px}.___SDown_1xh65_gg_{padding-top:1px}.___SValue_1xh65_gg_::-webkit-inner-spin-button,.___SValue_1xh65_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1xh65_gg_._type_number_1xh65_gg_{-moz-appearance:textfield}.___SValue_1xh65_gg_.__disabled_1xh65_gg_~.___SControls_1xh65_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SValueHidden_1xh65_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}"
31
+ ".___SInputNumber_109sv_gg_:hover .___SValue_109sv_gg_:not(.__disabled_109sv_gg_)~.___SControls_109sv_gg_{visibility:visible}.___SValue_109sv_gg_:focus~.___SControls_109sv_gg_{visibility:visible}.___SControls_109sv_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_109sv_gg_.__showControls_109sv_gg_{visibility:visible}.___SDown_109sv_gg_,.___SUp_109sv_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral,#a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_109sv_gg_:focus,.___SUp_109sv_gg_:focus{outline:none}.___SDown_109sv_gg_:hover,.___SUp_109sv_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,#8a8e9b)}.___SUp_109sv_gg_{padding-bottom:1px}.___SDown_109sv_gg_{padding-top:1px}.___SValue_109sv_gg_::-webkit-inner-spin-button,.___SValue_109sv_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_109sv_gg_._type_number_109sv_gg_{-moz-appearance:textfield}.___SValue_109sv_gg_.__disabled_109sv_gg_~.___SControls_109sv_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SValueHidden_109sv_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}"
32
32
  /*__inner_css_end__*/
33
- , "1xh65_gg_")
33
+ , "109sv_gg_")
34
34
  /*__reshadow_css_end__*/
35
35
  , {
36
- "__SInputNumber": "___SInputNumber_1xh65_gg_",
37
- "__SValue": "___SValue_1xh65_gg_",
38
- "_disabled": "__disabled_1xh65_gg_",
39
- "__SControls": "___SControls_1xh65_gg_",
40
- "_showControls": "__showControls_1xh65_gg_",
41
- "__SDown": "___SDown_1xh65_gg_",
42
- "__SUp": "___SUp_1xh65_gg_",
43
- "_type_number": "_type_number_1xh65_gg_",
44
- "__SValueHidden": "___SValueHidden_1xh65_gg_"
36
+ "__SInputNumber": "___SInputNumber_109sv_gg_",
37
+ "__SValue": "___SValue_109sv_gg_",
38
+ "_disabled": "__disabled_109sv_gg_",
39
+ "__SControls": "___SControls_109sv_gg_",
40
+ "_showControls": "__showControls_109sv_gg_",
41
+ "__SDown": "___SDown_109sv_gg_",
42
+ "__SUp": "___SUp_109sv_gg_",
43
+ "_type_number": "_type_number_109sv_gg_",
44
+ "__SValueHidden": "___SValueHidden_109sv_gg_"
45
45
  });
46
46
 
47
47
  function parseValueWithMinMax(value) {
package/lib/es6/style/input-number.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SInputNumber:hover {
4
2
  & SValue:not([disabled]) ~ SControls {
5
3
  visibility: visible;
@@ -27,7 +25,7 @@ SUp,
27
25
  SDown {
28
26
  padding: 0;
29
27
  width: 16px;
30
- color: var(--gray-300);
28
+ color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
31
29
  box-sizing: border-box;
32
30
  display: inline-flex;
33
31
  justify-content: center;
@@ -40,15 +38,17 @@ SDown {
40
38
  }
41
39
 
42
40
  &:hover {
43
- color: var(--gray-600);
41
+ color: var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);
44
42
  }
45
43
  }
46
44
 
47
45
  SUp {
46
+ /* disable-tokens-validator */
48
47
  padding-bottom: 1px;
49
48
  }
50
49
 
51
50
  SDown {
51
+ /* disable-tokens-validator */
52
52
  padding-top: 1px;
53
53
  }
54
54
 
@@ -65,7 +65,7 @@ SValue {
65
65
  }
66
66
 
67
67
  SValue[disabled] ~ SControls {
68
- opacity: var(--disabled-opacity);
68
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
69
69
  cursor: default;
70
70
  pointer-events: none;
71
71
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/input-number",
3
3
  "description": "Semrush InputNumber Component",
4
- "version": "4.1.7",
4
+ "version": "4.2.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,7 +14,8 @@
14
14
  },
15
15
  "peerDependencies": {
16
16
  "@semcore/core": "^1.11",
17
- "react": "16.8 - 18"
17
+ "react": "16.8 - 18",
18
+ "react-dom": "16.8 - 18"
18
19
  },
19
20
  "jest": {
20
21
  "preset": "@semcore/jest-preset-ui"