@semcore/radio 5.1.3 → 5.2.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 (6) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/lib/cjs/Radio.js +14 -14
  3. package/lib/cjs/style/radio.shadow.css +1 -1
  4. package/lib/es6/Radio.js +14 -14
  5. package/lib/es6/style/radio.shadow.css +1 -1
  6. package/package.json +1 -1
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
- ## [5.1.3] - 2022-10-28
5
+ ## [5.2.0] - 2022-11-30
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.40.0 ~> 3.40.0], `@semcore/flex-box` [4.6.2 ~> 4.6.3]).
9
+ - Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`.
10
+
11
+ ## [5.1.4] - 2022-11-30
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.40.0 ~> 3.41.0], `@semcore/flex-box` [4.6.3 ~> 4.6.4]).
10
16
 
11
17
  ## [5.1.0] - 2022-10-10
12
18
 
package/lib/cjs/Radio.js CHANGED
@@ -62,23 +62,23 @@ var style = (
62
62
  /*__reshadow_css_start__*/
63
63
  _core.sstyled.insert(
64
64
  /*__inner_css_start__*/
65
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SRadio_9lhri_gg_ {\n display: inline-flex;\n align-items: flex-start;\n cursor: pointer;\n}\n\n.___SRadio_9lhri_gg_.__disabled_9lhri_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.___SText_9lhri_gg_ {\n margin-left: 8px;\n}\n\n.___SText_9lhri_gg_._size_m_9lhri_gg_ {\n font-size: 14px;\n line-height: 1.42;\n}\n\n.___SText_9lhri_gg_._size_l_9lhri_gg_ {\n font-size: 16px;\n line-height: 1.5;\n}\n\n.___SValue_9lhri_gg_ {\n position: relative;\n flex-shrink: 0;\n padding: 0;\n outline: none;\n z-index: 0;\n\n margin-top: 2px\n}\n\n.___SValue_9lhri_gg_::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #fff;\n border: 1px solid;\n border-radius: 50%;\n }\n\n.___SValue_9lhri_gg_::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n height: 0;\n border-radius: 50%;\n background: #fff;\n }\n\n.___SValue_9lhri_gg_._size_m_9lhri_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SValue_9lhri_gg_._size_l_9lhri_gg_ {\n width: 20px;\n height: 20px;\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_::before {\n border-color: #c4c7cf;\n}\n\n.___SValue_9lhri_gg_._state_invalid_9lhri_gg_::before {\n border-color: #ff4953;\n}\n\n.___SControl_9lhri_gg_ {\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_::before {\n border-color: #008ff8;\n background-color: #008ff8;\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_._size_m_9lhri_gg_::after {\n width: 6px;\n height: 6px;\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_._size_l_9lhri_gg_::after {\n width: 8px;\n height: 8px;\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_.__keyboardFocused_9lhri_gg_::before {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n border-color: #008ff8;\n}\n\n.___SValue_9lhri_gg_._state_invalid_9lhri_gg_.__keyboardFocused_9lhri_gg_::before {\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_.__theme_9lhri_gg_::before {\n border-color: var(--theme_9lhri);\n background-color: var(--theme_9lhri);\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_.__theme_9lhri_gg_::before {\n border-color: var(--theme_9lhri);\n}\n"
65
+ ".___SRadio_1e8p4_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1e8p4_gg_.__disabled_1e8p4_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1e8p4_gg_{margin-left:8px}.___SText_1e8p4_gg_._size_m_1e8p4_gg_{font-size:14px;line-height:1.42}.___SText_1e8p4_gg_._size_l_1e8p4_gg_{font-size:16px;line-height:1.5}.___SValue_1e8p4_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1e8p4_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1e8p4_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1e8p4_gg_._size_m_1e8p4_gg_{width:16px;height:16px}.___SValue_1e8p4_gg_._size_l_1e8p4_gg_{width:20px;height:20px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_:before{border-color:#c4c7cf}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_:before{border-color:#ff4953}.___SControl_1e8p4_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_m_1e8p4_gg_:after{width:6px;height:6px}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_l_1e8p4_gg_:after{width:8px;height:8px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3);border-color:#006dca}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4);background-color:var(--theme_1e8p4)}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4)}"
66
66
  /*__inner_css_end__*/
67
- , "9lhri_gg_")
67
+ , "1e8p4_gg_")
68
68
  /*__reshadow_css_end__*/
69
69
  , {
70
- "__SRadio": "___SRadio_9lhri_gg_",
71
- "_disabled": "__disabled_9lhri_gg_",
72
- "__SText": "___SText_9lhri_gg_",
73
- "_size_m": "_size_m_9lhri_gg_",
74
- "_size_l": "_size_l_9lhri_gg_",
75
- "__SValue": "___SValue_9lhri_gg_",
76
- "_state_normal": "_state_normal_9lhri_gg_",
77
- "_state_invalid": "_state_invalid_9lhri_gg_",
78
- "__SControl": "___SControl_9lhri_gg_",
79
- "_keyboardFocused": "__keyboardFocused_9lhri_gg_",
80
- "_theme": "__theme_9lhri_gg_",
81
- "--theme": "--theme_9lhri"
70
+ "__SRadio": "___SRadio_1e8p4_gg_",
71
+ "_disabled": "__disabled_1e8p4_gg_",
72
+ "__SText": "___SText_1e8p4_gg_",
73
+ "_size_m": "_size_m_1e8p4_gg_",
74
+ "_size_l": "_size_l_1e8p4_gg_",
75
+ "__SValue": "___SValue_1e8p4_gg_",
76
+ "_state_normal": "_state_normal_1e8p4_gg_",
77
+ "_state_invalid": "_state_invalid_1e8p4_gg_",
78
+ "__SControl": "___SControl_1e8p4_gg_",
79
+ "_keyboardFocused": "__keyboardFocused_1e8p4_gg_",
80
+ "_theme": "__theme_1e8p4_gg_",
81
+ "--theme": "--theme_1e8p4"
82
82
  });
83
83
 
84
84
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
package/lib/cjs/style/radio.shadow.css CHANGED
@@ -105,7 +105,7 @@ SControl:checked ~ SValue[size='l']::after {
105
105
 
106
106
  SValue[state='normal'][keyboardFocused]::before {
107
107
  box-shadow: var(--keyboard-focus);
108
- border-color: var(--blue-400);
108
+ border-color: var(--blue-500);
109
109
  }
110
110
 
111
111
  SValue[state='invalid'][keyboardFocused]::before {
package/lib/es6/Radio.js CHANGED
@@ -31,23 +31,23 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SRadio_9lhri_gg_ {\n display: inline-flex;\n align-items: flex-start;\n cursor: pointer;\n}\n\n.___SRadio_9lhri_gg_.__disabled_9lhri_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.___SText_9lhri_gg_ {\n margin-left: 8px;\n}\n\n.___SText_9lhri_gg_._size_m_9lhri_gg_ {\n font-size: 14px;\n line-height: 1.42;\n}\n\n.___SText_9lhri_gg_._size_l_9lhri_gg_ {\n font-size: 16px;\n line-height: 1.5;\n}\n\n.___SValue_9lhri_gg_ {\n position: relative;\n flex-shrink: 0;\n padding: 0;\n outline: none;\n z-index: 0;\n\n margin-top: 2px\n}\n\n.___SValue_9lhri_gg_::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #fff;\n border: 1px solid;\n border-radius: 50%;\n }\n\n.___SValue_9lhri_gg_::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n height: 0;\n border-radius: 50%;\n background: #fff;\n }\n\n.___SValue_9lhri_gg_._size_m_9lhri_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SValue_9lhri_gg_._size_l_9lhri_gg_ {\n width: 20px;\n height: 20px;\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_::before {\n border-color: #c4c7cf;\n}\n\n.___SValue_9lhri_gg_._state_invalid_9lhri_gg_::before {\n border-color: #ff4953;\n}\n\n.___SControl_9lhri_gg_ {\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_::before {\n border-color: #008ff8;\n background-color: #008ff8;\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_._size_m_9lhri_gg_::after {\n width: 6px;\n height: 6px;\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_._size_l_9lhri_gg_::after {\n width: 8px;\n height: 8px;\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_.__keyboardFocused_9lhri_gg_::before {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n border-color: #008ff8;\n}\n\n.___SValue_9lhri_gg_._state_invalid_9lhri_gg_.__keyboardFocused_9lhri_gg_::before {\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n}\n\n.___SControl_9lhri_gg_:checked ~ .___SValue_9lhri_gg_.__theme_9lhri_gg_::before {\n border-color: var(--theme_9lhri);\n background-color: var(--theme_9lhri);\n}\n\n.___SValue_9lhri_gg_._state_normal_9lhri_gg_.__theme_9lhri_gg_::before {\n border-color: var(--theme_9lhri);\n}\n"
34
+ ".___SRadio_1e8p4_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1e8p4_gg_.__disabled_1e8p4_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1e8p4_gg_{margin-left:8px}.___SText_1e8p4_gg_._size_m_1e8p4_gg_{font-size:14px;line-height:1.42}.___SText_1e8p4_gg_._size_l_1e8p4_gg_{font-size:16px;line-height:1.5}.___SValue_1e8p4_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1e8p4_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1e8p4_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1e8p4_gg_._size_m_1e8p4_gg_{width:16px;height:16px}.___SValue_1e8p4_gg_._size_l_1e8p4_gg_{width:20px;height:20px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_:before{border-color:#c4c7cf}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_:before{border-color:#ff4953}.___SControl_1e8p4_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_m_1e8p4_gg_:after{width:6px;height:6px}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_l_1e8p4_gg_:after{width:8px;height:8px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3);border-color:#006dca}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4);background-color:var(--theme_1e8p4)}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4)}"
35
35
  /*__inner_css_end__*/
36
- , "9lhri_gg_")
36
+ , "1e8p4_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SRadio": "___SRadio_9lhri_gg_",
40
- "_disabled": "__disabled_9lhri_gg_",
41
- "__SText": "___SText_9lhri_gg_",
42
- "_size_m": "_size_m_9lhri_gg_",
43
- "_size_l": "_size_l_9lhri_gg_",
44
- "__SValue": "___SValue_9lhri_gg_",
45
- "_state_normal": "_state_normal_9lhri_gg_",
46
- "_state_invalid": "_state_invalid_9lhri_gg_",
47
- "__SControl": "___SControl_9lhri_gg_",
48
- "_keyboardFocused": "__keyboardFocused_9lhri_gg_",
49
- "_theme": "__theme_9lhri_gg_",
50
- "--theme": "--theme_9lhri"
39
+ "__SRadio": "___SRadio_1e8p4_gg_",
40
+ "_disabled": "__disabled_1e8p4_gg_",
41
+ "__SText": "___SText_1e8p4_gg_",
42
+ "_size_m": "_size_m_1e8p4_gg_",
43
+ "_size_l": "_size_l_1e8p4_gg_",
44
+ "__SValue": "___SValue_1e8p4_gg_",
45
+ "_state_normal": "_state_normal_1e8p4_gg_",
46
+ "_state_invalid": "_state_invalid_1e8p4_gg_",
47
+ "__SControl": "___SControl_1e8p4_gg_",
48
+ "_keyboardFocused": "__keyboardFocused_1e8p4_gg_",
49
+ "_theme": "__theme_1e8p4_gg_",
50
+ "--theme": "--theme_1e8p4"
51
51
  });
52
52
 
53
53
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/style/radio.shadow.css CHANGED
@@ -105,7 +105,7 @@ SControl:checked ~ SValue[size='l']::after {
105
105
 
106
106
  SValue[state='normal'][keyboardFocused]::before {
107
107
  box-shadow: var(--keyboard-focus);
108
- border-color: var(--blue-400);
108
+ border-color: var(--blue-500);
109
109
  }
110
110
 
111
111
  SValue[state='invalid'][keyboardFocused]::before {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/radio",
3
3
  "description": "Semrush Radio Component",
4
- "version": "5.1.3",
4
+ "version": "5.2.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",