@semcore/radio 5.3.7 → 5.4.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.
package/CHANGELOG.md CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [5.3.7] - 2023-01-20
5
+ ## [5.4.0] - 2023-02-20
6
+
7
+ ### Changed
8
+
9
+ - Animation duration now might be controlled with design tokens.
10
+
11
+ ## [5.3.8] - 2023-02-09
6
12
 
7
13
  ### Changed
8
14
 
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
- ".___SRadio_4333b_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_4333b_gg_.__disabled_4333b_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_4333b_gg_{margin-left:var(--intergalactic-spacing-2x,8px)}.___SText_4333b_gg_._size_m_4333b_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_4333b_gg_._size_l_4333b_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SValue_4333b_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:var(--intergalactic-spacing-05x,2px)}.___SValue_4333b_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral,#fff);border:1px solid;border-radius:50%}.___SValue_4333b_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:var(--intergalactic-bg-primary-neutral,#fff)}.___SValue_4333b_gg_._size_m_4333b_gg_{width:16px;height:16px}.___SValue_4333b_gg_._size_l_4333b_gg_{width:20px;height:20px}.___SValue_4333b_gg_._state_normal_4333b_gg_:before{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SValue_4333b_gg_._state_invalid_4333b_gg_:before{border-color:var(--intergalactic-border-critical-active,#d1002f)}.___SControl_4333b_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_:before{border-color:var(--intergalactic-control-primary-info,#008ff8);background-color:var(--intergalactic-bg-primary-info,#008ff8)}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_._size_m_4333b_gg_:after{width:6px;height:6px}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_._size_l_4333b_gg_:after{width:8px;height:8px}.___SValue_4333b_gg_._state_normal_4333b_gg_.__keyboardFocused_4333b_gg_:before{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));border-color:var(--intergalactic-border-info-active,#006dca)}.___SValue_4333b_gg_._state_invalid_4333b_gg_.__keyboardFocused_4333b_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_.__theme_4333b_gg_:before{border-color:var(--theme_4333b);background-color:var(--theme_4333b)}.___SValue_4333b_gg_._state_normal_4333b_gg_.__theme_4333b_gg_:before{border-color:var(--theme_4333b)}"
65
+ ".___SRadio_1qqrr_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1qqrr_gg_.__disabled_1qqrr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1qqrr_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SText_1qqrr_gg_._size_m_1qqrr_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1qqrr_gg_._size_l_1qqrr_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1qqrr_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1qqrr_gg_::after,.___SValue_1qqrr_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1qqrr_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1qqrr_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1qqrr_gg_._size_m_1qqrr_gg_{width:16px;height:16px}.___SValue_1qqrr_gg_._size_l_1qqrr_gg_{width:20px;height:20px}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1qqrr_gg_._state_invalid_1qqrr_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1qqrr_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_._size_m_1qqrr_gg_::after{width:6px;height:6px}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_._size_l_1qqrr_gg_::after{width:8px;height:8px}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_.__keyboardFocused_1qqrr_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1qqrr_gg_._state_invalid_1qqrr_gg_.__keyboardFocused_1qqrr_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_.__theme_1qqrr_gg_::before{border-color:var(--theme_1qqrr);background-color:var(--theme_1qqrr)}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_.__theme_1qqrr_gg_::before{border-color:var(--theme_1qqrr)}"
66
66
  /*__inner_css_end__*/
67
- , "4333b_gg_")
67
+ , "1qqrr_gg_")
68
68
  /*__reshadow_css_end__*/
69
69
  , {
70
- "__SRadio": "___SRadio_4333b_gg_",
71
- "_disabled": "__disabled_4333b_gg_",
72
- "__SText": "___SText_4333b_gg_",
73
- "_size_m": "_size_m_4333b_gg_",
74
- "_size_l": "_size_l_4333b_gg_",
75
- "__SValue": "___SValue_4333b_gg_",
76
- "_state_normal": "_state_normal_4333b_gg_",
77
- "_state_invalid": "_state_invalid_4333b_gg_",
78
- "__SControl": "___SControl_4333b_gg_",
79
- "_keyboardFocused": "__keyboardFocused_4333b_gg_",
80
- "_theme": "__theme_4333b_gg_",
81
- "--theme": "--theme_4333b"
70
+ "__SRadio": "___SRadio_1qqrr_gg_",
71
+ "_disabled": "__disabled_1qqrr_gg_",
72
+ "__SText": "___SText_1qqrr_gg_",
73
+ "_size_m": "_size_m_1qqrr_gg_",
74
+ "_size_l": "_size_l_1qqrr_gg_",
75
+ "__SValue": "___SValue_1qqrr_gg_",
76
+ "_state_normal": "_state_normal_1qqrr_gg_",
77
+ "_state_invalid": "_state_invalid_1qqrr_gg_",
78
+ "__SControl": "___SControl_1qqrr_gg_",
79
+ "_keyboardFocused": "__keyboardFocused_1qqrr_gg_",
80
+ "_theme": "__theme_1qqrr_gg_",
81
+ "--theme": "--theme_1qqrr"
82
82
  });
83
83
 
84
84
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
@@ -44,6 +44,7 @@ SValue {
44
44
  background: var(--intergalactic-bg-primary-neutral, #ffffff);
45
45
  border: 1px solid;
46
46
  border-radius: 50%;
47
+ transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
47
48
  }
48
49
 
49
50
  &::after {
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
- ".___SRadio_4333b_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_4333b_gg_.__disabled_4333b_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_4333b_gg_{margin-left:var(--intergalactic-spacing-2x,8px)}.___SText_4333b_gg_._size_m_4333b_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_4333b_gg_._size_l_4333b_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SValue_4333b_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:var(--intergalactic-spacing-05x,2px)}.___SValue_4333b_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral,#fff);border:1px solid;border-radius:50%}.___SValue_4333b_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:var(--intergalactic-bg-primary-neutral,#fff)}.___SValue_4333b_gg_._size_m_4333b_gg_{width:16px;height:16px}.___SValue_4333b_gg_._size_l_4333b_gg_{width:20px;height:20px}.___SValue_4333b_gg_._state_normal_4333b_gg_:before{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SValue_4333b_gg_._state_invalid_4333b_gg_:before{border-color:var(--intergalactic-border-critical-active,#d1002f)}.___SControl_4333b_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_:before{border-color:var(--intergalactic-control-primary-info,#008ff8);background-color:var(--intergalactic-bg-primary-info,#008ff8)}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_._size_m_4333b_gg_:after{width:6px;height:6px}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_._size_l_4333b_gg_:after{width:8px;height:8px}.___SValue_4333b_gg_._state_normal_4333b_gg_.__keyboardFocused_4333b_gg_:before{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));border-color:var(--intergalactic-border-info-active,#006dca)}.___SValue_4333b_gg_._state_invalid_4333b_gg_.__keyboardFocused_4333b_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}.___SControl_4333b_gg_:checked~.___SValue_4333b_gg_.__theme_4333b_gg_:before{border-color:var(--theme_4333b);background-color:var(--theme_4333b)}.___SValue_4333b_gg_._state_normal_4333b_gg_.__theme_4333b_gg_:before{border-color:var(--theme_4333b)}"
34
+ ".___SRadio_1qqrr_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1qqrr_gg_.__disabled_1qqrr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1qqrr_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SText_1qqrr_gg_._size_m_1qqrr_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1qqrr_gg_._size_l_1qqrr_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1qqrr_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1qqrr_gg_::after,.___SValue_1qqrr_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1qqrr_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1qqrr_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1qqrr_gg_._size_m_1qqrr_gg_{width:16px;height:16px}.___SValue_1qqrr_gg_._size_l_1qqrr_gg_{width:20px;height:20px}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1qqrr_gg_._state_invalid_1qqrr_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1qqrr_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_._size_m_1qqrr_gg_::after{width:6px;height:6px}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_._size_l_1qqrr_gg_::after{width:8px;height:8px}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_.__keyboardFocused_1qqrr_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1qqrr_gg_._state_invalid_1qqrr_gg_.__keyboardFocused_1qqrr_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_1qqrr_gg_:checked~.___SValue_1qqrr_gg_.__theme_1qqrr_gg_::before{border-color:var(--theme_1qqrr);background-color:var(--theme_1qqrr)}.___SValue_1qqrr_gg_._state_normal_1qqrr_gg_.__theme_1qqrr_gg_::before{border-color:var(--theme_1qqrr)}"
35
35
  /*__inner_css_end__*/
36
- , "4333b_gg_")
36
+ , "1qqrr_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SRadio": "___SRadio_4333b_gg_",
40
- "_disabled": "__disabled_4333b_gg_",
41
- "__SText": "___SText_4333b_gg_",
42
- "_size_m": "_size_m_4333b_gg_",
43
- "_size_l": "_size_l_4333b_gg_",
44
- "__SValue": "___SValue_4333b_gg_",
45
- "_state_normal": "_state_normal_4333b_gg_",
46
- "_state_invalid": "_state_invalid_4333b_gg_",
47
- "__SControl": "___SControl_4333b_gg_",
48
- "_keyboardFocused": "__keyboardFocused_4333b_gg_",
49
- "_theme": "__theme_4333b_gg_",
50
- "--theme": "--theme_4333b"
39
+ "__SRadio": "___SRadio_1qqrr_gg_",
40
+ "_disabled": "__disabled_1qqrr_gg_",
41
+ "__SText": "___SText_1qqrr_gg_",
42
+ "_size_m": "_size_m_1qqrr_gg_",
43
+ "_size_l": "_size_l_1qqrr_gg_",
44
+ "__SValue": "___SValue_1qqrr_gg_",
45
+ "_state_normal": "_state_normal_1qqrr_gg_",
46
+ "_state_invalid": "_state_invalid_1qqrr_gg_",
47
+ "__SControl": "___SControl_1qqrr_gg_",
48
+ "_keyboardFocused": "__keyboardFocused_1qqrr_gg_",
49
+ "_theme": "__theme_1qqrr_gg_",
50
+ "--theme": "--theme_1qqrr"
51
51
  });
52
52
 
53
53
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
@@ -44,6 +44,7 @@ SValue {
44
44
  background: var(--intergalactic-bg-primary-neutral, #ffffff);
45
45
  border: 1px solid;
46
46
  border-radius: 50%;
47
+ transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
47
48
  }
48
49
 
49
50
  &::after {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/radio",
3
3
  "description": "Semrush Radio Component",
4
- "version": "5.3.7",
4
+ "version": "5.4.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",