@semcore/radio 17.0.2 → 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/Radio.js +15 -15
  3. package/lib/cjs/style/radio.shadow.css +13 -13
  4. package/lib/es6/Radio.js +15 -15
  5. package/lib/es6/style/radio.shadow.css +13 -13
  6. package/lib/esm/Radio.mjs +16 -16
  7. package/lib/esm/style/radio.shadow.css +13 -13
  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.2] - 2026-04-30
6
12
 
7
13
  ### Fixed
package/lib/cjs/Radio.js CHANGED
@@ -24,23 +24,23 @@ var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
24
24
  var _typography = require("@semcore/typography");
25
25
  var _react = _interopRequireDefault(require("react"));
26
26
  /*!__reshadow-styles__:"./style/radio.shadow.css"*/
27
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}", /*__inner_css_end__*/"1r6as_gg_"),
27
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1iej8_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_.__color_1iej8_gg_{color:var(--color_1iej8)}.___SRadio_1iej8_gg_.__disabled_1iej8_gg_{pointer-events:none}.___SValue_1iej8_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1iej8_gg_::after,.___SValue_1iej8_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1iej8_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1iej8_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1iej8_gg_.__disabled_1iej8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1iej8_gg_._size_m_1iej8_gg_{width:16px;height:16px}.___SValue_1iej8_gg_._size_m_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:14px;height:14px}.___SValue_1iej8_gg_._size_l_1iej8_gg_{width:20px;height:20px}.___SValue_1iej8_gg_._size_l_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:18px;height:18px}.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SControl_1iej8_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_m_1iej8_gg_::after{width:6px;height:6px}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_l_1iej8_gg_::after{width:8px;height:8px}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1iej8_gg_:checked:focus-visible~.___SValue_1iej8_gg_::before,.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8);background-color:var(--theme_1iej8)}.___SValue_1iej8_gg_._state_normal_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8)}.___SInvalidPattern_1iej8_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1iej8_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.95478 0.398 0.38923) 0, color(display-p3 0.95478 0.398 0.38923) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"1iej8_gg_"),
28
28
  /*__reshadow_css_end__*/
29
29
  {
30
- "__SRadio": "___SRadio_1r6as_gg_",
31
- "_disabled": "__disabled_1r6as_gg_",
32
- "__SValue": "___SValue_1r6as_gg_",
33
- "_state_normal": "_state_normal_1r6as_gg_",
34
- "_state_invalid": "_state_invalid_1r6as_gg_",
35
- "__SControl": "___SControl_1r6as_gg_",
36
- "_size_m": "_size_m_1r6as_gg_",
37
- "_size_l": "_size_l_1r6as_gg_",
38
- "_theme": "__theme_1r6as_gg_",
39
- "--theme": "--theme_1r6as",
40
- "__SText": "___SText_1r6as_gg_",
41
- "_color": "__color_1r6as_gg_",
42
- "--color": "--color_1r6as",
43
- "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
30
+ "__SRadio": "___SRadio_1iej8_gg_",
31
+ "_disabled": "__disabled_1iej8_gg_",
32
+ "__SValue": "___SValue_1iej8_gg_",
33
+ "_state_normal": "_state_normal_1iej8_gg_",
34
+ "_state_invalid": "_state_invalid_1iej8_gg_",
35
+ "__SControl": "___SControl_1iej8_gg_",
36
+ "_size_m": "_size_m_1iej8_gg_",
37
+ "_size_l": "_size_l_1iej8_gg_",
38
+ "_theme": "__theme_1iej8_gg_",
39
+ "--theme": "--theme_1iej8",
40
+ "__SText": "___SText_1iej8_gg_",
41
+ "_color": "__color_1iej8_gg_",
42
+ "--color": "--color_1iej8",
43
+ "__SInvalidPattern": "___SInvalidPattern_1iej8_gg_"
44
44
  });
45
45
  const RadioContext = /*#__PURE__*/_react.default.createContext({});
46
46
  class RadioGroupRoot extends _core.Component {
package/lib/cjs/style/radio.shadow.css CHANGED
@@ -5,7 +5,7 @@ SRadio {
5
5
 
6
6
  SText {
7
7
  margin-left: var(--intergalactic-spacing-2x, 8px);
8
- color: var(--intergalactic-text-primary, #191b23);
8
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
9
9
  }
10
10
 
11
11
  SText[color] {
@@ -33,7 +33,7 @@ SValue {
33
33
  left: 0;
34
34
  right: 0;
35
35
  bottom: 0;
36
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
36
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
37
37
  border: 1px solid;
38
38
  border-radius: 50%;
39
39
  transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
@@ -50,12 +50,12 @@ SValue {
50
50
  width: 0;
51
51
  height: 0;
52
52
  border-radius: 50%;
53
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
53
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
54
54
  }
55
55
  }
56
56
 
57
57
  SValue[disabled] {
58
- opacity: var(--intergalactic-disabled-opacity, 0.3);
58
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
59
59
  cursor: default;
60
60
  pointer-events: none;
61
61
  user-select: none;
@@ -82,11 +82,11 @@ SValue[size='l'] {
82
82
  }
83
83
 
84
84
  SValue[state='normal']::before {
85
- border-color: var(--intergalactic-border-primary, #c4c7cf);
85
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
86
86
  }
87
87
 
88
88
  SValue[state='invalid']::before {
89
- border-color: var(--intergalactic-border-critical-active, #d1002f);
89
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
90
90
  }
91
91
 
92
92
  SControl {
@@ -105,20 +105,20 @@ SControl:checked~SValue[size='l']::after {
105
105
  }
106
106
 
107
107
  SControl:focus-visible+SValue[state='normal']::before {
108
- border-color: var(--intergalactic-border-info-active, #006dca);
108
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
109
109
  @mixin focus-outline-mixin;
110
110
  }
111
111
 
112
112
  SControl:checked~SValue::before,
113
113
  SControl:checked:focus-visible~SValue::before {
114
- border-color: var(--intergalactic-control-primary-info, #008ff8);
115
- background-color: var(--intergalactic-control-primary-info, #008ff8);
114
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
115
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
116
116
  }
117
117
 
118
118
  SControl:focus-visible+SValue[state='invalid']::before {
119
- border-color: var(--intergalactic-border-critical-active, #d1002f);
119
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
120
120
  @mixin focus-outline-mixin;
121
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
121
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
122
122
  }
123
123
 
124
124
  SControl:checked~SValue[theme]::before {
@@ -140,8 +140,8 @@ SInvalidPattern {
140
140
  top: 1px;
141
141
  left: 1px;
142
142
  border-radius: 50%;
143
- background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
143
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
144
144
  background-size: 6px 6px;
145
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
145
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
146
146
  }
147
147
  }
package/lib/es6/Radio.js CHANGED
@@ -15,23 +15,23 @@ import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
15
15
  import { Text as TypographyText } from '@semcore/typography';
16
16
  import React from 'react';
17
17
  /*!__reshadow-styles__:"./style/radio.shadow.css"*/
18
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}", /*__inner_css_end__*/"1r6as_gg_"),
18
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1iej8_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_.__color_1iej8_gg_{color:var(--color_1iej8)}.___SRadio_1iej8_gg_.__disabled_1iej8_gg_{pointer-events:none}.___SValue_1iej8_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1iej8_gg_::after,.___SValue_1iej8_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1iej8_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1iej8_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1iej8_gg_.__disabled_1iej8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1iej8_gg_._size_m_1iej8_gg_{width:16px;height:16px}.___SValue_1iej8_gg_._size_m_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:14px;height:14px}.___SValue_1iej8_gg_._size_l_1iej8_gg_{width:20px;height:20px}.___SValue_1iej8_gg_._size_l_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:18px;height:18px}.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SControl_1iej8_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_m_1iej8_gg_::after{width:6px;height:6px}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_l_1iej8_gg_::after{width:8px;height:8px}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1iej8_gg_:checked:focus-visible~.___SValue_1iej8_gg_::before,.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8);background-color:var(--theme_1iej8)}.___SValue_1iej8_gg_._state_normal_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8)}.___SInvalidPattern_1iej8_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1iej8_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.95478 0.398 0.38923) 0, color(display-p3 0.95478 0.398 0.38923) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"1iej8_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__SRadio": "___SRadio_1r6as_gg_",
22
- "_disabled": "__disabled_1r6as_gg_",
23
- "__SValue": "___SValue_1r6as_gg_",
24
- "_state_normal": "_state_normal_1r6as_gg_",
25
- "_state_invalid": "_state_invalid_1r6as_gg_",
26
- "__SControl": "___SControl_1r6as_gg_",
27
- "_size_m": "_size_m_1r6as_gg_",
28
- "_size_l": "_size_l_1r6as_gg_",
29
- "_theme": "__theme_1r6as_gg_",
30
- "--theme": "--theme_1r6as",
31
- "__SText": "___SText_1r6as_gg_",
32
- "_color": "__color_1r6as_gg_",
33
- "--color": "--color_1r6as",
34
- "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
21
+ "__SRadio": "___SRadio_1iej8_gg_",
22
+ "_disabled": "__disabled_1iej8_gg_",
23
+ "__SValue": "___SValue_1iej8_gg_",
24
+ "_state_normal": "_state_normal_1iej8_gg_",
25
+ "_state_invalid": "_state_invalid_1iej8_gg_",
26
+ "__SControl": "___SControl_1iej8_gg_",
27
+ "_size_m": "_size_m_1iej8_gg_",
28
+ "_size_l": "_size_l_1iej8_gg_",
29
+ "_theme": "__theme_1iej8_gg_",
30
+ "--theme": "--theme_1iej8",
31
+ "__SText": "___SText_1iej8_gg_",
32
+ "_color": "__color_1iej8_gg_",
33
+ "--color": "--color_1iej8",
34
+ "__SInvalidPattern": "___SInvalidPattern_1iej8_gg_"
35
35
  });
36
36
  const RadioContext = /*#__PURE__*/React.createContext({});
37
37
  class RadioGroupRoot extends Component {
package/lib/es6/style/radio.shadow.css CHANGED
@@ -5,7 +5,7 @@ SRadio {
5
5
 
6
6
  SText {
7
7
  margin-left: var(--intergalactic-spacing-2x, 8px);
8
- color: var(--intergalactic-text-primary, #191b23);
8
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
9
9
  }
10
10
 
11
11
  SText[color] {
@@ -33,7 +33,7 @@ SValue {
33
33
  left: 0;
34
34
  right: 0;
35
35
  bottom: 0;
36
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
36
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
37
37
  border: 1px solid;
38
38
  border-radius: 50%;
39
39
  transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
@@ -50,12 +50,12 @@ SValue {
50
50
  width: 0;
51
51
  height: 0;
52
52
  border-radius: 50%;
53
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
53
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
54
54
  }
55
55
  }
56
56
 
57
57
  SValue[disabled] {
58
- opacity: var(--intergalactic-disabled-opacity, 0.3);
58
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
59
59
  cursor: default;
60
60
  pointer-events: none;
61
61
  user-select: none;
@@ -82,11 +82,11 @@ SValue[size='l'] {
82
82
  }
83
83
 
84
84
  SValue[state='normal']::before {
85
- border-color: var(--intergalactic-border-primary, #c4c7cf);
85
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
86
86
  }
87
87
 
88
88
  SValue[state='invalid']::before {
89
- border-color: var(--intergalactic-border-critical-active, #d1002f);
89
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
90
90
  }
91
91
 
92
92
  SControl {
@@ -105,20 +105,20 @@ SControl:checked~SValue[size='l']::after {
105
105
  }
106
106
 
107
107
  SControl:focus-visible+SValue[state='normal']::before {
108
- border-color: var(--intergalactic-border-info-active, #006dca);
108
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
109
109
  @mixin focus-outline-mixin;
110
110
  }
111
111
 
112
112
  SControl:checked~SValue::before,
113
113
  SControl:checked:focus-visible~SValue::before {
114
- border-color: var(--intergalactic-control-primary-info, #008ff8);
115
- background-color: var(--intergalactic-control-primary-info, #008ff8);
114
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
115
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
116
116
  }
117
117
 
118
118
  SControl:focus-visible+SValue[state='invalid']::before {
119
- border-color: var(--intergalactic-border-critical-active, #d1002f);
119
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
120
120
  @mixin focus-outline-mixin;
121
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
121
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
122
122
  }
123
123
 
124
124
  SControl:checked~SValue[theme]::before {
@@ -140,8 +140,8 @@ SInvalidPattern {
140
140
  top: 1px;
141
141
  left: 1px;
142
142
  border-radius: 50%;
143
- background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
143
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
144
144
  background-size: 6px 6px;
145
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
145
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
146
146
  }
147
147
  }
package/lib/esm/Radio.mjs CHANGED
@@ -14,25 +14,25 @@ const style = (
14
14
  /*__reshadow_css_start__*/
15
15
  (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
- '.___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
17
+ '.___SRadio_1iej8_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1iej8_gg_ .___SText_1iej8_gg_.__color_1iej8_gg_{color:var(--color_1iej8)}.___SRadio_1iej8_gg_.__disabled_1iej8_gg_{pointer-events:none}.___SValue_1iej8_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1iej8_gg_::after,.___SValue_1iej8_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1iej8_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1iej8_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1iej8_gg_.__disabled_1iej8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1iej8_gg_._size_m_1iej8_gg_{width:16px;height:16px}.___SValue_1iej8_gg_._size_m_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:14px;height:14px}.___SValue_1iej8_gg_._size_l_1iej8_gg_{width:20px;height:20px}.___SValue_1iej8_gg_._size_l_1iej8_gg_ .___SInvalidPattern_1iej8_gg_:before{width:18px;height:18px}.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SControl_1iej8_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_m_1iej8_gg_::after{width:6px;height:6px}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_._size_l_1iej8_gg_::after{width:8px;height:8px}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_normal_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1iej8_gg_:checked:focus-visible~.___SValue_1iej8_gg_::before,.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1iej8_gg_:focus-visible+.___SValue_1iej8_gg_._state_invalid_1iej8_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1iej8_gg_:checked~.___SValue_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8);background-color:var(--theme_1iej8)}.___SValue_1iej8_gg_._state_normal_1iej8_gg_.__theme_1iej8_gg_::before{border-color:var(--theme_1iej8)}.___SInvalidPattern_1iej8_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1iej8_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1iej8_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.95478 0.398 0.38923) 0, color(display-p3 0.95478 0.398 0.38923) 1px, transparent 0, transparent 50%))}}}',
18
18
  /*__inner_css_end__*/
19
- "1r6as_gg_"
19
+ "1iej8_gg_"
20
20
  ), /*__reshadow_css_end__*/
21
21
  {
22
- "__SRadio": "___SRadio_1r6as_gg_",
23
- "_disabled": "__disabled_1r6as_gg_",
24
- "__SValue": "___SValue_1r6as_gg_",
25
- "_state_normal": "_state_normal_1r6as_gg_",
26
- "_state_invalid": "_state_invalid_1r6as_gg_",
27
- "__SControl": "___SControl_1r6as_gg_",
28
- "_size_m": "_size_m_1r6as_gg_",
29
- "_size_l": "_size_l_1r6as_gg_",
30
- "_theme": "__theme_1r6as_gg_",
31
- "--theme": "--theme_1r6as",
32
- "__SText": "___SText_1r6as_gg_",
33
- "_color": "__color_1r6as_gg_",
34
- "--color": "--color_1r6as",
35
- "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
22
+ "__SRadio": "___SRadio_1iej8_gg_",
23
+ "_disabled": "__disabled_1iej8_gg_",
24
+ "__SValue": "___SValue_1iej8_gg_",
25
+ "_state_normal": "_state_normal_1iej8_gg_",
26
+ "_state_invalid": "_state_invalid_1iej8_gg_",
27
+ "__SControl": "___SControl_1iej8_gg_",
28
+ "_size_m": "_size_m_1iej8_gg_",
29
+ "_size_l": "_size_l_1iej8_gg_",
30
+ "_theme": "__theme_1iej8_gg_",
31
+ "--theme": "--theme_1iej8",
32
+ "__SText": "___SText_1iej8_gg_",
33
+ "_color": "__color_1iej8_gg_",
34
+ "--color": "--color_1iej8",
35
+ "__SInvalidPattern": "___SInvalidPattern_1iej8_gg_"
36
36
  })
37
37
  );
38
38
  const RadioContext = /* @__PURE__ */ React.createContext({});
package/lib/esm/style/radio.shadow.css CHANGED
@@ -5,7 +5,7 @@ SRadio {
5
5
 
6
6
  SText {
7
7
  margin-left: var(--intergalactic-spacing-2x, 8px);
8
- color: var(--intergalactic-text-primary, #191b23);
8
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
9
9
  }
10
10
 
11
11
  SText[color] {
@@ -33,7 +33,7 @@ SValue {
33
33
  left: 0;
34
34
  right: 0;
35
35
  bottom: 0;
36
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
36
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
37
37
  border: 1px solid;
38
38
  border-radius: 50%;
39
39
  transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
@@ -50,12 +50,12 @@ SValue {
50
50
  width: 0;
51
51
  height: 0;
52
52
  border-radius: 50%;
53
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
53
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
54
54
  }
55
55
  }
56
56
 
57
57
  SValue[disabled] {
58
- opacity: var(--intergalactic-disabled-opacity, 0.3);
58
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
59
59
  cursor: default;
60
60
  pointer-events: none;
61
61
  user-select: none;
@@ -82,11 +82,11 @@ SValue[size='l'] {
82
82
  }
83
83
 
84
84
  SValue[state='normal']::before {
85
- border-color: var(--intergalactic-border-primary, #c4c7cf);
85
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
86
86
  }
87
87
 
88
88
  SValue[state='invalid']::before {
89
- border-color: var(--intergalactic-border-critical-active, #d1002f);
89
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
90
90
  }
91
91
 
92
92
  SControl {
@@ -105,20 +105,20 @@ SControl:checked~SValue[size='l']::after {
105
105
  }
106
106
 
107
107
  SControl:focus-visible+SValue[state='normal']::before {
108
- border-color: var(--intergalactic-border-info-active, #006dca);
108
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
109
109
  @mixin focus-outline-mixin;
110
110
  }
111
111
 
112
112
  SControl:checked~SValue::before,
113
113
  SControl:checked:focus-visible~SValue::before {
114
- border-color: var(--intergalactic-control-primary-info, #008ff8);
115
- background-color: var(--intergalactic-control-primary-info, #008ff8);
114
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
115
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
116
116
  }
117
117
 
118
118
  SControl:focus-visible+SValue[state='invalid']::before {
119
- border-color: var(--intergalactic-border-critical-active, #d1002f);
119
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
120
120
  @mixin focus-outline-mixin;
121
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
121
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
122
122
  }
123
123
 
124
124
  SControl:checked~SValue[theme]::before {
@@ -140,8 +140,8 @@ SInvalidPattern {
140
140
  top: 1px;
141
141
  left: 1px;
142
142
  border-radius: 50%;
143
- background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
143
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
144
144
  background-size: 6px 6px;
145
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
145
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
146
146
  }
147
147
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/radio",
3
3
  "description": "Semrush Radio Component",
4
- "version": "17.0.2",
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/typography": "^17.0.2"
17
+ "@semcore/typography": "^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/radio"
26
26
  },
27
27
  "devDependencies": {
28
- "@semcore/base-components": "17.0.2",
29
- "@semcore/core": "17.0.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": {