@semcore/input-number 17.0.1-prerelease.1 → 17.1.0-prerelease.0

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/InputNumber.js +9 -9
  3. package/lib/cjs/style/input-number.shadow.css +3 -3
  4. package/lib/es6/InputNumber.js +9 -9
  5. package/lib/es6/style/input-number.shadow.css +3 -3
  6. package/lib/esm/InputNumber.mjs +10 -10
  7. package/lib/esm/style/input-number.shadow.css +3 -3
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.1.0] - 2026-05-12
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
package/lib/cjs/InputNumber.js CHANGED
@@ -16,17 +16,17 @@ var _react = _interopRequireDefault(require("react"));
16
16
  var _buttons = require("./buttons");
17
17
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
18
18
  /*!__reshadow-styles__:"./style/input-number.shadow.css"*/
19
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SValue_pz05j_gg_:focus~.___SControls_pz05j_gg_{display:flex}.___SControls_pz05j_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_pz05j_gg_.__showControls_pz05j_gg_{display:flex}.___SDown_pz05j_gg_,.___SUp_pz05j_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_pz05j_gg_:focus,.___SUp_pz05j_gg_:focus{outline:0}@media (hover:hover){.___SDown_pz05j_gg_:hover,.___SUp_pz05j_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_pz05j_gg_{padding-bottom:1px}.___SDown_pz05j_gg_{padding-top:1px}.___SValue_pz05j_gg_::-webkit-inner-spin-button,.___SValue_pz05j_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_pz05j_gg_._type_number_pz05j_gg_{-moz-appearance:textfield}.___SValue_pz05j_gg_.__disabled_pz05j_gg_~.___SControls_pz05j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_pz05j_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}", /*__inner_css_end__*/"pz05j_gg_"),
19
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SValue_1mu2o_gg_:focus~.___SControls_1mu2o_gg_{display:flex}.___SControls_1mu2o_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1mu2o_gg_.__showControls_1mu2o_gg_{display:flex}.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SDown_1mu2o_gg_:focus,.___SUp_1mu2o_gg_:focus{outline:0}@media (hover:hover){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}}.___SUp_1mu2o_gg_{padding-bottom:1px}.___SDown_1mu2o_gg_{padding-top:1px}.___SValue_1mu2o_gg_::-webkit-inner-spin-button,.___SValue_1mu2o_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1mu2o_gg_._type_number_1mu2o_gg_{-moz-appearance:textfield}.___SValue_1mu2o_gg_.__disabled_1mu2o_gg_~.___SControls_1mu2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SValueHidden_1mu2o_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}", /*__inner_css_end__*/"1mu2o_gg_"),
20
20
  /*__reshadow_css_end__*/
21
21
  {
22
- "__SValue": "___SValue_pz05j_gg_",
23
- "__SControls": "___SControls_pz05j_gg_",
24
- "_showControls": "__showControls_pz05j_gg_",
25
- "__SUp": "___SUp_pz05j_gg_",
26
- "__SDown": "___SDown_pz05j_gg_",
27
- "_disabled": "__disabled_pz05j_gg_",
28
- "__SValueHidden": "___SValueHidden_pz05j_gg_",
29
- "_type_number": "_type_number_pz05j_gg_"
22
+ "__SValue": "___SValue_1mu2o_gg_",
23
+ "__SControls": "___SControls_1mu2o_gg_",
24
+ "_showControls": "__showControls_1mu2o_gg_",
25
+ "__SUp": "___SUp_1mu2o_gg_",
26
+ "__SDown": "___SDown_1mu2o_gg_",
27
+ "_disabled": "__disabled_1mu2o_gg_",
28
+ "__SValueHidden": "___SValueHidden_1mu2o_gg_",
29
+ "_type_number": "_type_number_1mu2o_gg_"
30
30
  });
31
31
  function parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
32
32
  return Math.max(min, Math.min(max, value));
package/lib/cjs/style/input-number.shadow.css CHANGED
@@ -18,7 +18,7 @@ SUp,
18
18
  SDown {
19
19
  padding: 0;
20
20
  width: 16px;
21
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
21
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
22
22
  box-sizing: border-box;
23
23
  display: inline-flex;
24
24
  justify-content: center;
@@ -31,7 +31,7 @@ SDown {
31
31
  }
32
32
 
33
33
  &:hover {
34
- color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
34
+ color: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
35
35
  }
36
36
  }
37
37
 
@@ -58,7 +58,7 @@ SValue {
58
58
  }
59
59
 
60
60
  SValue[disabled] ~ SControls {
61
- opacity: var(--intergalactic-disabled-opacity, 0.3);
61
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
package/lib/es6/InputNumber.js CHANGED
@@ -11,17 +11,17 @@ import Input from '@semcore/input';
11
11
  import React from 'react';
12
12
  import { DecrementIcon, IncrementIcon } from './buttons';
13
13
  /*!__reshadow-styles__:"./style/input-number.shadow.css"*/
14
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SValue_pz05j_gg_:focus~.___SControls_pz05j_gg_{display:flex}.___SControls_pz05j_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_pz05j_gg_.__showControls_pz05j_gg_{display:flex}.___SDown_pz05j_gg_,.___SUp_pz05j_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_pz05j_gg_:focus,.___SUp_pz05j_gg_:focus{outline:0}@media (hover:hover){.___SDown_pz05j_gg_:hover,.___SUp_pz05j_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_pz05j_gg_{padding-bottom:1px}.___SDown_pz05j_gg_{padding-top:1px}.___SValue_pz05j_gg_::-webkit-inner-spin-button,.___SValue_pz05j_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_pz05j_gg_._type_number_pz05j_gg_{-moz-appearance:textfield}.___SValue_pz05j_gg_.__disabled_pz05j_gg_~.___SControls_pz05j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_pz05j_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}", /*__inner_css_end__*/"pz05j_gg_"),
14
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SValue_1mu2o_gg_:focus~.___SControls_1mu2o_gg_{display:flex}.___SControls_1mu2o_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1mu2o_gg_.__showControls_1mu2o_gg_{display:flex}.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SDown_1mu2o_gg_:focus,.___SUp_1mu2o_gg_:focus{outline:0}@media (hover:hover){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}}.___SUp_1mu2o_gg_{padding-bottom:1px}.___SDown_1mu2o_gg_{padding-top:1px}.___SValue_1mu2o_gg_::-webkit-inner-spin-button,.___SValue_1mu2o_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1mu2o_gg_._type_number_1mu2o_gg_{-moz-appearance:textfield}.___SValue_1mu2o_gg_.__disabled_1mu2o_gg_~.___SControls_1mu2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SValueHidden_1mu2o_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}", /*__inner_css_end__*/"1mu2o_gg_"),
15
15
  /*__reshadow_css_end__*/
16
16
  {
17
- "__SValue": "___SValue_pz05j_gg_",
18
- "__SControls": "___SControls_pz05j_gg_",
19
- "_showControls": "__showControls_pz05j_gg_",
20
- "__SUp": "___SUp_pz05j_gg_",
21
- "__SDown": "___SDown_pz05j_gg_",
22
- "_disabled": "__disabled_pz05j_gg_",
23
- "__SValueHidden": "___SValueHidden_pz05j_gg_",
24
- "_type_number": "_type_number_pz05j_gg_"
17
+ "__SValue": "___SValue_1mu2o_gg_",
18
+ "__SControls": "___SControls_1mu2o_gg_",
19
+ "_showControls": "__showControls_1mu2o_gg_",
20
+ "__SUp": "___SUp_1mu2o_gg_",
21
+ "__SDown": "___SDown_1mu2o_gg_",
22
+ "_disabled": "__disabled_1mu2o_gg_",
23
+ "__SValueHidden": "___SValueHidden_1mu2o_gg_",
24
+ "_type_number": "_type_number_1mu2o_gg_"
25
25
  });
26
26
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
27
27
  export function parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
package/lib/es6/style/input-number.shadow.css CHANGED
@@ -18,7 +18,7 @@ SUp,
18
18
  SDown {
19
19
  padding: 0;
20
20
  width: 16px;
21
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
21
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
22
22
  box-sizing: border-box;
23
23
  display: inline-flex;
24
24
  justify-content: center;
@@ -31,7 +31,7 @@ SDown {
31
31
  }
32
32
 
33
33
  &:hover {
34
- color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
34
+ color: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
35
35
  }
36
36
  }
37
37
 
@@ -58,7 +58,7 @@ SValue {
58
58
  }
59
59
 
60
60
  SValue[disabled] ~ SControls {
61
- opacity: var(--intergalactic-disabled-opacity, 0.3);
61
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
package/lib/esm/InputNumber.mjs CHANGED
@@ -12,19 +12,19 @@ const style = (
12
12
  /*__reshadow_css_start__*/
13
13
  (sstyled.insert(
14
14
  /*__inner_css_start__*/
15
- ".___SValue_pz05j_gg_:focus~.___SControls_pz05j_gg_{display:flex}.___SControls_pz05j_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_pz05j_gg_.__showControls_pz05j_gg_{display:flex}.___SDown_pz05j_gg_,.___SUp_pz05j_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_pz05j_gg_:focus,.___SUp_pz05j_gg_:focus{outline:0}@media (hover:hover){.___SDown_pz05j_gg_:hover,.___SUp_pz05j_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_pz05j_gg_{padding-bottom:1px}.___SDown_pz05j_gg_{padding-top:1px}.___SValue_pz05j_gg_::-webkit-inner-spin-button,.___SValue_pz05j_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_pz05j_gg_._type_number_pz05j_gg_{-moz-appearance:textfield}.___SValue_pz05j_gg_.__disabled_pz05j_gg_~.___SControls_pz05j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_pz05j_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
15
+ ".___SValue_1mu2o_gg_:focus~.___SControls_1mu2o_gg_{display:flex}.___SControls_1mu2o_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1mu2o_gg_.__showControls_1mu2o_gg_{display:flex}.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SDown_1mu2o_gg_,.___SUp_1mu2o_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SDown_1mu2o_gg_:focus,.___SUp_1mu2o_gg_:focus{outline:0}@media (hover:hover){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@supports (color:color(display-p3 0 0 0%)){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SDown_1mu2o_gg_:hover,.___SUp_1mu2o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}}.___SUp_1mu2o_gg_{padding-bottom:1px}.___SDown_1mu2o_gg_{padding-top:1px}.___SValue_1mu2o_gg_::-webkit-inner-spin-button,.___SValue_1mu2o_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1mu2o_gg_._type_number_1mu2o_gg_{-moz-appearance:textfield}.___SValue_1mu2o_gg_.__disabled_1mu2o_gg_~.___SControls_1mu2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SValueHidden_1mu2o_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
16
16
  /*__inner_css_end__*/
17
- "pz05j_gg_"
17
+ "1mu2o_gg_"
18
18
  ), /*__reshadow_css_end__*/
19
19
  {
20
- "__SValue": "___SValue_pz05j_gg_",
21
- "__SControls": "___SControls_pz05j_gg_",
22
- "_showControls": "__showControls_pz05j_gg_",
23
- "__SUp": "___SUp_pz05j_gg_",
24
- "__SDown": "___SDown_pz05j_gg_",
25
- "_disabled": "__disabled_pz05j_gg_",
26
- "__SValueHidden": "___SValueHidden_pz05j_gg_",
27
- "_type_number": "_type_number_pz05j_gg_"
20
+ "__SValue": "___SValue_1mu2o_gg_",
21
+ "__SControls": "___SControls_1mu2o_gg_",
22
+ "_showControls": "__showControls_1mu2o_gg_",
23
+ "__SUp": "___SUp_1mu2o_gg_",
24
+ "__SDown": "___SDown_1mu2o_gg_",
25
+ "_disabled": "__disabled_1mu2o_gg_",
26
+ "__SValueHidden": "___SValueHidden_1mu2o_gg_",
27
+ "_type_number": "_type_number_1mu2o_gg_"
28
28
  })
29
29
  );
30
30
  function parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
package/lib/esm/style/input-number.shadow.css CHANGED
@@ -18,7 +18,7 @@ SUp,
18
18
  SDown {
19
19
  padding: 0;
20
20
  width: 16px;
21
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
21
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
22
22
  box-sizing: border-box;
23
23
  display: inline-flex;
24
24
  justify-content: center;
@@ -31,7 +31,7 @@ SDown {
31
31
  }
32
32
 
33
33
  &:hover {
34
- color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
34
+ color: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
35
35
  }
36
36
  }
37
37
 
@@ -58,7 +58,7 @@ SValue {
58
58
  }
59
59
 
60
60
  SValue[disabled] ~ SControls {
61
- opacity: var(--intergalactic-disabled-opacity, 0.3);
61
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/input-number",
3
3
  "description": "Semrush InputNumber Component",
4
- "version": "17.0.1-prerelease.1",
4
+ "version": "17.1.0-prerelease.0",
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,7 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/input": "^17.0.1-prerelease.1"
17
+ "@semcore/input": "^17.1.0-prerelease.0"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@semcore/base-components": "^17.0.2"
@@ -25,8 +25,8 @@
25
25
  "directory": "semcore/input-number"
26
26
  },
27
27
  "devDependencies": {
28
- "@semcore/core": "17.0.1",
29
- "@semcore/base-components": "17.0.2-prerelease.1",
28
+ "@semcore/core": "17.1.0-prerelease.0",
29
+ "@semcore/base-components": "17.0.2-prerelease.0",
30
30
  "@semcore/testing-utils": "1.0.0"
31
31
  },
32
32
  "scripts": {