@semcore/feature-highlight 17.0.0 → 17.0.1-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/components/badge/Badge.js +5 -5
- package/lib/cjs/components/button/Button.js +9 -9
- package/lib/cjs/components/checkbox/Checkbox.js +3 -3
- package/lib/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/components/checkbox/Checkbox.type.js.map +1 -1
- package/lib/cjs/components/input/Input.js +8 -8
- package/lib/cjs/components/notice/Notice.js +6 -6
- package/lib/cjs/components/pills/Pills.js +7 -7
- package/lib/cjs/components/radio/Radio.js +3 -3
- package/lib/cjs/components/radio/Radio.js.map +1 -1
- package/lib/cjs/components/radio/Radio.type.js.map +1 -1
- package/lib/cjs/components/switch/Switch.js +4 -4
- package/lib/cjs/components/tab-line/TabLine.js +4 -4
- package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
- package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/es6/components/badge/Badge.js +5 -5
- package/lib/es6/components/button/Button.js +9 -9
- package/lib/es6/components/checkbox/Checkbox.js +3 -3
- package/lib/es6/components/checkbox/Checkbox.js.map +1 -1
- package/lib/es6/components/checkbox/Checkbox.type.js.map +1 -1
- package/lib/es6/components/input/Input.js +8 -8
- package/lib/es6/components/notice/Notice.js +6 -6
- package/lib/es6/components/pills/Pills.js +7 -7
- package/lib/es6/components/radio/Radio.js +3 -3
- package/lib/es6/components/radio/Radio.js.map +1 -1
- package/lib/es6/components/radio/Radio.type.js.map +1 -1
- package/lib/es6/components/switch/Switch.js +4 -4
- package/lib/es6/components/tab-line/TabLine.js +4 -4
- package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
- package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/esm/components/badge/Badge.mjs +7 -6
- package/lib/esm/components/button/Button.mjs +11 -10
- package/lib/esm/components/checkbox/Checkbox.mjs +5 -4
- package/lib/esm/components/input/Input.mjs +10 -9
- package/lib/esm/components/notice/Notice.mjs +8 -7
- package/lib/esm/components/pills/Pills.mjs +9 -8
- package/lib/esm/components/radio/Radio.mjs +5 -4
- package/lib/esm/components/switch/Switch.mjs +6 -5
- package/lib/esm/components/tab-line/TabLine.mjs +6 -5
- package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +10 -9
- package/lib/esm/inner-components/sparkle/Sparkle.mjs +15 -14
- package/lib/types/components/checkbox/Checkbox.type.d.ts +4 -4
- package/lib/types/components/radio/Radio.type.d.ts +3 -3
- package/package.json +19 -19
|
@@ -7,16 +7,16 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
7
7
|
import Input from '@semcore/input';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{opacity:1}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_left_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_right_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_both_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{display:none}}", /*__inner_css_end__*/"1ozif_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SHighlightedInput": "
|
|
14
|
-
"_state_normal": "
|
|
15
|
-
"__SValue": "
|
|
16
|
-
"__SOutline": "
|
|
17
|
-
"_neighborLocation_left": "
|
|
18
|
-
"_neighborLocation_right": "
|
|
19
|
-
"_neighborLocation_both": "
|
|
13
|
+
"__SHighlightedInput": "___SHighlightedInput_1ozif_gg_",
|
|
14
|
+
"_state_normal": "_state_normal_1ozif_gg_",
|
|
15
|
+
"__SValue": "___SValue_1ozif_gg_",
|
|
16
|
+
"__SOutline": "___SOutline_1ozif_gg_",
|
|
17
|
+
"_neighborLocation_left": "_neighborLocation_left_1ozif_gg_",
|
|
18
|
+
"_neighborLocation_right": "_neighborLocation_right_1ozif_gg_",
|
|
19
|
+
"_neighborLocation_both": "_neighborLocation_both_1ozif_gg_"
|
|
20
20
|
});
|
|
21
21
|
class InputFHRoot extends Component {
|
|
22
22
|
render() {
|
|
@@ -7,14 +7,14 @@ import isNode from '@semcore/core/lib/utils/isNode';
|
|
|
7
7
|
import Notice from '@semcore/notice';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1rypr);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SLabel_1rypr_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"1rypr_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SHighlightedNotice": "
|
|
14
|
-
"_beforeVisibility": "
|
|
15
|
-
"--beforeVisibility": "--
|
|
16
|
-
"__SLabel": "
|
|
17
|
-
"__SCloseIcon": "
|
|
13
|
+
"__SHighlightedNotice": "___SHighlightedNotice_1rypr_gg_",
|
|
14
|
+
"_beforeVisibility": "__beforeVisibility_1rypr_gg_",
|
|
15
|
+
"--beforeVisibility": "--beforeVisibility_1rypr",
|
|
16
|
+
"__SLabel": "___SLabel_1rypr_gg_",
|
|
17
|
+
"__SCloseIcon": "___SCloseIcon_1rypr_gg_"
|
|
18
18
|
});
|
|
19
19
|
class NoticeFHRoot extends Component {
|
|
20
20
|
renderSmartMode() {
|
|
@@ -8,15 +8,15 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
8
8
|
import Pills from '@semcore/pills';
|
|
9
9
|
import React from 'react';
|
|
10
10
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
11
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
11
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_mfzk8_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_mfzk8_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedPill_mfzk8_gg_._neighborLocation_left_mfzk8_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_right_mfzk8_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_both_mfzk8_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_mfzk8_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_mfzk8_gg_.__selected_mfzk8_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_mfzk8_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"mfzk8_gg_"),
|
|
12
12
|
/*__reshadow_css_end__*/
|
|
13
13
|
{
|
|
14
|
-
"__SHighlightedPill": "
|
|
15
|
-
"_neighborLocation_left": "
|
|
16
|
-
"_neighborLocation_right": "
|
|
17
|
-
"_neighborLocation_both": "
|
|
18
|
-
"_selected": "
|
|
19
|
-
"__SPills": "
|
|
14
|
+
"__SHighlightedPill": "___SHighlightedPill_mfzk8_gg_",
|
|
15
|
+
"_neighborLocation_left": "_neighborLocation_left_mfzk8_gg_",
|
|
16
|
+
"_neighborLocation_right": "_neighborLocation_right_mfzk8_gg_",
|
|
17
|
+
"_neighborLocation_both": "_neighborLocation_both_mfzk8_gg_",
|
|
18
|
+
"_selected": "__selected_mfzk8_gg_",
|
|
19
|
+
"__SPills": "___SPills_mfzk8_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
22
22
|
class PillsFHRoot extends Component {
|
|
@@ -5,11 +5,11 @@ import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@s
|
|
|
5
5
|
import Radio, { RadioGroup } from '@semcore/radio';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
8
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_ww9ev_gg_{position:relative}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"ww9ev_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SHighlightedRadio": "
|
|
12
|
-
"_state_invalid": "
|
|
11
|
+
"__SHighlightedRadio": "___SHighlightedRadio_ww9ev_gg_",
|
|
12
|
+
"_state_invalid": "_state_invalid_ww9ev_gg_"
|
|
13
13
|
});
|
|
14
14
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
15
15
|
class RadioFHRoot extends Component {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["Component","createComponent","Root","sstyled","CONTEXT_COMPONENT","Radio","RadioGroup","React","style","_sstyled","insert","AnimatedSparkles","RadioFHRoot","constructor","args","_defineProperty","createRef","checked","setState","setTimeout","inputRef","current","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","styles","Children","children","hasChildren","createElement","cn","_assignProps","Fragment","RadioFH","Value","Text"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type {
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["Component","createComponent","Root","sstyled","CONTEXT_COMPONENT","Radio","RadioGroup","React","style","_sstyled","insert","AnimatedSparkles","RadioFHRoot","constructor","args","_defineProperty","createRef","checked","setState","setTimeout","inputRef","current","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","styles","Children","children","hasChildren","createElement","cn","_assignProps","Fragment","RadioFH","Value","Text"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type { NSRadio } from '@semcore/radio';\nimport Radio, { RadioGroup } from '@semcore/radio';\nimport React from 'react';\n\nimport style from './radio.shadow.css';\nimport type { HighlightedRadioComponent } from './Radio.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass RadioFHRoot extends Component<NSRadio.Props> {\n static displayName = 'RadioFH';\n static style = style;\n // @ts-ignore\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n inputRef = React.createRef<HTMLInputElement>();\n\n state = {\n checked: false,\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n onChange: this.setChecked, // for click by label / programmatically changed\n onClick: this.setChecked, // for click by radio\n };\n }\n\n getAnimatedSparklesProps() {\n // @ts-ignore\n const { size } = this.context;\n const checked = this.state.checked;\n\n return {\n show: checked,\n top: size === 'l' ? '7px' : '5px',\n left: size === 'l' ? '5px' : '3px',\n };\n }\n\n setChecked = () => {\n this.setState({ checked: false });\n setTimeout(() => {\n this.setState({ checked: this.inputRef.current?.checked });\n });\n };\n\n render() {\n const SHighlightedRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedRadio render={Radio}>\n {hasChildren\n ? <Children />\n : (\n <>\n <RadioFH.Value />\n <RadioFH.Text />\n </>\n )}\n </SHighlightedRadio>,\n );\n }\n}\n\nexport const RadioFH = createComponent(RadioFHRoot, {\n Text: Radio.Text,\n Value: Radio.Value,\n AnimatedSparkles,\n}) as HighlightedRadioComponent;\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,iBAAiB,QAAQ,eAAe;AAE5F,OAAOC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,WAAW,SAASZ,SAAS,CAAgB;EAAAa,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAMtCR,KAAK,CAACS,SAAS,CAAmB,CAAC;IAAAD,eAAA,gBAEtC;MACNE,OAAO,EAAE;IACX,CAAC;IAAAF,eAAA,qBAsBY,MAAM;MACjB,IAAI,CAACG,QAAQ,CAAC;QAAED,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCE,UAAU,CAAC,MAAM;QACf,IAAI,CAACD,QAAQ,CAAC;UAAED,OAAO,EAAE,IAAI,CAACG,QAAQ,CAACC,OAAO,EAAEJ;QAAQ,CAAC,CAAC;MAC5D,CAAC,CAAC;IACJ,CAAC;EAAA;EAzBDK,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACH,QAAQ;MAClBI,QAAQ,EAAE,IAAI,CAACC,UAAU;MAAE;MAC3BC,OAAO,EAAE,IAAI,CAACD,UAAU,CAAE;IAC5B,CAAC;EACH;EAEAE,wBAAwBA,CAAA,EAAG;IACzB;IACA,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMZ,OAAO,GAAG,IAAI,CAACa,KAAK,CAACb,OAAO;IAElC,OAAO;MACLc,IAAI,EAAEd,OAAO;MACbe,GAAG,EAAEJ,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCK,IAAI,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EASAM,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAIMjC,KAAK;IAHlC,MAAM;MAAEkC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACN,OAAO;IAEhE,OAAAC,KAAA,GAAOlC,OAAO,CAACoC,MAAM,CAAC,eACpBhC,KAAA,CAAAoC,aAAA,CAACL,iBAAiB,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA,KAAAV,IAAA;IAAA,IACfO,WAAW,gBACRnC,KAAA,CAAAoC,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CAAC,gBAEVrC,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAoC,aAAA,CAACI,OAAO,CAACC,KAAK,MAAE,CAAC,eACjBzC,KAAA,CAAAoC,aAAA,CAACI,OAAO,CAACE,IAAI,MAAE,CACf,CAES,CAAC;EAExB;AACF;AAAClC,eAAA,CAxDKH,WAAW,iBACM,SAAS;AAAAG,eAAA,CAD1BH,WAAW,WAEAJ,KAAK;AACpB;AAAAO,eAAA,CAHIH,WAAW,iBAIMN,UAAU,CAACF,iBAAiB,CAAC;AAsDpD,OAAO,MAAM2C,OAAO,GAAG9C,eAAe,CAACW,WAAW,EAAE;EAClDqC,IAAI,EAAE5C,KAAK,CAAC4C,IAAI;EAChBD,KAAK,EAAE3C,KAAK,CAAC2C,KAAK;EAClBrC;AACF,CAAC,CAA8B","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type {
|
|
1
|
+
{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { NSRadio } from '@semcore/radio';\nimport type { Text } from '@semcore/typography';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedRadioComponent = Intergalactic.Component<'label', NSRadio.Props, NSRadio.Ctx> & {\n Value: Intergalactic.Component<'input', NSRadio.Value.Props>;\n Text: typeof Text;\n AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -6,12 +6,12 @@ import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
|
6
6
|
import Switch from '@semcore/switch';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
9
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
9
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_3w9j3_gg_{position:relative}.___SToggle_3w9j3_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SToggle_3w9j3_gg_.__checked_3w9j3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"3w9j3_gg_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SToggle": "
|
|
13
|
-
"_checked": "
|
|
14
|
-
"__SInput": "
|
|
12
|
+
"__SToggle": "___SToggle_3w9j3_gg_",
|
|
13
|
+
"_checked": "__checked_3w9j3_gg_",
|
|
14
|
+
"__SInput": "___SInput_3w9j3_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
17
17
|
class SwitchFHRoot extends Component {
|
|
@@ -8,12 +8,12 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
8
8
|
import TabLine from '@semcore/tab-line';
|
|
9
9
|
import React from 'react';
|
|
10
10
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
11
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
11
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_cwpc4_gg_:focus-visible{outline:0}.___SHighlightedItem_cwpc4_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_cwpc4_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_cwpc4_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_cwpc4_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_cwpc4_gg_,.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"cwpc4_gg_"),
|
|
12
12
|
/*__reshadow_css_end__*/
|
|
13
13
|
{
|
|
14
|
-
"__SHighlightedCaret": "
|
|
15
|
-
"__SHighlightedItem": "
|
|
16
|
-
"_selected": "
|
|
14
|
+
"__SHighlightedCaret": "___SHighlightedCaret_cwpc4_gg_",
|
|
15
|
+
"__SHighlightedItem": "___SHighlightedItem_cwpc4_gg_",
|
|
16
|
+
"_selected": "__selected_cwpc4_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
19
19
|
class TabLineFHRoot extends Component {
|
|
@@ -7,16 +7,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
|
|
|
7
7
|
import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@media (hover:hover){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1vlbt_gg_.__active_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_),.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_left_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_right_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_both_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"1vlbt_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SHighlightedButtonTrigger": "
|
|
14
|
-
"_state_invalid": "
|
|
15
|
-
"_state_valid": "
|
|
16
|
-
"_active": "
|
|
17
|
-
"_neighborLocation_left": "
|
|
18
|
-
"_neighborLocation_right": "
|
|
19
|
-
"_neighborLocation_both": "
|
|
13
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1vlbt_gg_",
|
|
14
|
+
"_state_invalid": "_state_invalid_1vlbt_gg_",
|
|
15
|
+
"_state_valid": "_state_valid_1vlbt_gg_",
|
|
16
|
+
"_active": "__active_1vlbt_gg_",
|
|
17
|
+
"_neighborLocation_left": "_neighborLocation_left_1vlbt_gg_",
|
|
18
|
+
"_neighborLocation_right": "_neighborLocation_right_1vlbt_gg_",
|
|
19
|
+
"_neighborLocation_both": "_neighborLocation_both_1vlbt_gg_"
|
|
20
20
|
});
|
|
21
21
|
class ButtonTriggerFHRoot extends Component {
|
|
22
22
|
render() {
|
|
@@ -3,21 +3,21 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
3
3
|
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
/*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
|
|
6
|
-
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
6
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_1gy26{50%{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(var(--scale_1gy26))}to{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(0)}}.___SSparkle_1gy26_gg_{position:absolute}.___SSparkle_1gy26_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1gy26_gg_.__angle_1gy26_gg_.__scale_1gy26_gg_.__duration_1gy26_gg_{transform:rotate(calc(1deg*var(--angle_1gy26))) scale(var(--scale_1gy26));animation-name:sparkles_1gy26;animation-fill-mode:forwards;animation-duration:var(--duration_1gy26)}.___SSparkle_1gy26_gg_.__left_1gy26_gg_{left:var(--left_1gy26)}.___SSparkle_1gy26_gg_.__top_1gy26_gg_{top:var(--top_1gy26)}", /*__inner_css_end__*/"1gy26_gg_"),
|
|
7
7
|
/*__reshadow_css_end__*/
|
|
8
8
|
{
|
|
9
|
-
"__SSparkle": "
|
|
10
|
-
"_angle": "
|
|
11
|
-
"_scale": "
|
|
12
|
-
"_duration": "
|
|
13
|
-
"--angle": "--
|
|
14
|
-
"--scale": "--
|
|
15
|
-
"--duration": "--
|
|
16
|
-
"@sparkles": "
|
|
17
|
-
"_left": "
|
|
18
|
-
"--left": "--
|
|
19
|
-
"_top": "
|
|
20
|
-
"--top": "--
|
|
9
|
+
"__SSparkle": "___SSparkle_1gy26_gg_",
|
|
10
|
+
"_angle": "__angle_1gy26_gg_",
|
|
11
|
+
"_scale": "__scale_1gy26_gg_",
|
|
12
|
+
"_duration": "__duration_1gy26_gg_",
|
|
13
|
+
"--angle": "--angle_1gy26",
|
|
14
|
+
"--scale": "--scale_1gy26",
|
|
15
|
+
"--duration": "--duration_1gy26",
|
|
16
|
+
"@sparkles": "sparkles_1gy26",
|
|
17
|
+
"_left": "__left_1gy26_gg_",
|
|
18
|
+
"--left": "--left_1gy26",
|
|
19
|
+
"_top": "__top_1gy26_gg_",
|
|
20
|
+
"--top": "--top_1gy26"
|
|
21
21
|
});
|
|
22
22
|
function SvgSparkle(props, ref) {
|
|
23
23
|
var _ref = arguments[0],
|
|
@@ -3,19 +3,20 @@ import { sstyled, Component, assignProps, createComponent } from "@semcore/core"
|
|
|
3
3
|
import Badge from "@semcore/badge";
|
|
4
4
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
5
5
|
import React from "react";
|
|
6
|
+
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
6
7
|
const style = (
|
|
7
8
|
/*__reshadow_css_start__*/
|
|
8
9
|
(sstyled.insert(
|
|
9
10
|
/*__inner_css_start__*/
|
|
10
|
-
".
|
|
11
|
+
".___SHighlightedBadge_1yxcs_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_1yxcs_gg_._use_accent_1yxcs_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_1yxcs_gg_.__bg_1yxcs_gg_{background-color:var(--bg_1yxcs)}",
|
|
11
12
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
13
|
+
"1yxcs_gg_"
|
|
13
14
|
), /*__reshadow_css_end__*/
|
|
14
15
|
{
|
|
15
|
-
"__SHighlightedBadge": "
|
|
16
|
-
"_use_accent": "
|
|
17
|
-
"_bg": "
|
|
18
|
-
"--bg": "--
|
|
16
|
+
"__SHighlightedBadge": "___SHighlightedBadge_1yxcs_gg_",
|
|
17
|
+
"_use_accent": "_use_accent_1yxcs_gg_",
|
|
18
|
+
"_bg": "__bg_1yxcs_gg_",
|
|
19
|
+
"--bg": "--bg_1yxcs"
|
|
19
20
|
})
|
|
20
21
|
);
|
|
21
22
|
class BadgeFHRoot extends Component {
|
|
@@ -4,23 +4,24 @@ import Button from "@semcore/button";
|
|
|
4
4
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
7
|
+
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
7
8
|
const style = (
|
|
8
9
|
/*__reshadow_css_start__*/
|
|
9
10
|
(sstyled.insert(
|
|
10
11
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
+
'.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_ .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_ .___SText_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_{position:relative}.___SHighlightedButton_dqm1q_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedButton_dqm1q_gg_._neighborLocation_left_dqm1q_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_right_dqm1q_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_both_dqm1q_gg_::before{border-radius:0}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_dqm1q_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{display:none}}',
|
|
12
13
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
14
|
+
"dqm1q_gg_"
|
|
14
15
|
), /*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SHighlightedButton": "
|
|
17
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
18
|
-
"_active": "
|
|
19
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
20
|
-
"__SText": "
|
|
21
|
-
"_neighborLocation_left": "
|
|
22
|
-
"_neighborLocation_right": "
|
|
23
|
-
"_neighborLocation_both": "
|
|
17
|
+
"__SHighlightedButton": "___SHighlightedButton_dqm1q_gg_",
|
|
18
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_dqm1q_gg_",
|
|
19
|
+
"_active": "__active_dqm1q_gg_",
|
|
20
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_dqm1q_gg_",
|
|
21
|
+
"__SText": "___SText_dqm1q_gg_",
|
|
22
|
+
"_neighborLocation_left": "_neighborLocation_left_dqm1q_gg_",
|
|
23
|
+
"_neighborLocation_right": "_neighborLocation_right_dqm1q_gg_",
|
|
24
|
+
"_neighborLocation_both": "_neighborLocation_both_dqm1q_gg_"
|
|
24
25
|
})
|
|
25
26
|
);
|
|
26
27
|
class ButtonFHRoot extends Component {
|
|
@@ -3,17 +3,18 @@ import { sstyled, Component, assignProps, createComponent } from "@semcore/core"
|
|
|
3
3
|
import Checkbox from "@semcore/checkbox";
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
6
|
+
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
6
7
|
const style = (
|
|
7
8
|
/*__reshadow_css_start__*/
|
|
8
9
|
(sstyled.insert(
|
|
9
10
|
/*__inner_css_start__*/
|
|
10
|
-
'.
|
|
11
|
+
'.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name="Value.CheckMark"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name="Value.CheckMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}',
|
|
11
12
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
13
|
+
"7bobd_gg_"
|
|
13
14
|
), /*__reshadow_css_end__*/
|
|
14
15
|
{
|
|
15
|
-
"__SHighlightedCheckbox": "
|
|
16
|
-
"_state_invalid": "
|
|
16
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_7bobd_gg_",
|
|
17
|
+
"_state_invalid": "_state_invalid_7bobd_gg_"
|
|
17
18
|
})
|
|
18
19
|
);
|
|
19
20
|
class CheckboxFHRoot extends Component {
|
|
@@ -3,22 +3,23 @@ import { sstyled, Component, assignProps, createComponent } from "@semcore/core"
|
|
|
3
3
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
4
4
|
import Input from "@semcore/input";
|
|
5
5
|
import React from "react";
|
|
6
|
+
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
6
7
|
const style = (
|
|
7
8
|
/*__reshadow_css_start__*/
|
|
8
9
|
(sstyled.insert(
|
|
9
10
|
/*__inner_css_start__*/
|
|
10
|
-
'.
|
|
11
|
+
'.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{opacity:1}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_left_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_right_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_both_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{display:none}}',
|
|
11
12
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
13
|
+
"1ozif_gg_"
|
|
13
14
|
), /*__reshadow_css_end__*/
|
|
14
15
|
{
|
|
15
|
-
"__SHighlightedInput": "
|
|
16
|
-
"_state_normal": "
|
|
17
|
-
"__SValue": "
|
|
18
|
-
"__SOutline": "
|
|
19
|
-
"_neighborLocation_left": "
|
|
20
|
-
"_neighborLocation_right": "
|
|
21
|
-
"_neighborLocation_both": "
|
|
16
|
+
"__SHighlightedInput": "___SHighlightedInput_1ozif_gg_",
|
|
17
|
+
"_state_normal": "_state_normal_1ozif_gg_",
|
|
18
|
+
"__SValue": "___SValue_1ozif_gg_",
|
|
19
|
+
"__SOutline": "___SOutline_1ozif_gg_",
|
|
20
|
+
"_neighborLocation_left": "_neighborLocation_left_1ozif_gg_",
|
|
21
|
+
"_neighborLocation_right": "_neighborLocation_right_1ozif_gg_",
|
|
22
|
+
"_neighborLocation_both": "_neighborLocation_both_1ozif_gg_"
|
|
22
23
|
})
|
|
23
24
|
);
|
|
24
25
|
class InputFHRoot extends Component {
|
|
@@ -4,20 +4,21 @@ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
|
4
4
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
5
5
|
import Notice from "@semcore/notice";
|
|
6
6
|
import React from "react";
|
|
7
|
+
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
7
8
|
const style = (
|
|
8
9
|
/*__reshadow_css_start__*/
|
|
9
10
|
(sstyled.insert(
|
|
10
11
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
+
'.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1rypr);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SLabel_1rypr_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
|
|
12
13
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
14
|
+
"1rypr_gg_"
|
|
14
15
|
), /*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SHighlightedNotice": "
|
|
17
|
-
"_beforeVisibility": "
|
|
18
|
-
"--beforeVisibility": "--
|
|
19
|
-
"__SLabel": "
|
|
20
|
-
"__SCloseIcon": "
|
|
17
|
+
"__SHighlightedNotice": "___SHighlightedNotice_1rypr_gg_",
|
|
18
|
+
"_beforeVisibility": "__beforeVisibility_1rypr_gg_",
|
|
19
|
+
"--beforeVisibility": "--beforeVisibility_1rypr",
|
|
20
|
+
"__SLabel": "___SLabel_1rypr_gg_",
|
|
21
|
+
"__SCloseIcon": "___SCloseIcon_1rypr_gg_"
|
|
21
22
|
})
|
|
22
23
|
);
|
|
23
24
|
class NoticeFHRoot extends Component {
|
|
@@ -4,21 +4,22 @@ import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
|
4
4
|
import Pills from "@semcore/pills";
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
7
|
+
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
7
8
|
const style = (
|
|
8
9
|
/*__reshadow_css_start__*/
|
|
9
10
|
(sstyled.insert(
|
|
10
11
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
+
'.___SHighlightedPill_mfzk8_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_mfzk8_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedPill_mfzk8_gg_._neighborLocation_left_mfzk8_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_right_mfzk8_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_both_mfzk8_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_mfzk8_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_mfzk8_gg_.__selected_mfzk8_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_mfzk8_gg_:focus-visible::before{display:none}}',
|
|
12
13
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
14
|
+
"mfzk8_gg_"
|
|
14
15
|
), /*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SHighlightedPill": "
|
|
17
|
-
"_neighborLocation_left": "
|
|
18
|
-
"_neighborLocation_right": "
|
|
19
|
-
"_neighborLocation_both": "
|
|
20
|
-
"_selected": "
|
|
21
|
-
"__SPills": "
|
|
17
|
+
"__SHighlightedPill": "___SHighlightedPill_mfzk8_gg_",
|
|
18
|
+
"_neighborLocation_left": "_neighborLocation_left_mfzk8_gg_",
|
|
19
|
+
"_neighborLocation_right": "_neighborLocation_right_mfzk8_gg_",
|
|
20
|
+
"_neighborLocation_both": "_neighborLocation_both_mfzk8_gg_",
|
|
21
|
+
"_selected": "__selected_mfzk8_gg_",
|
|
22
|
+
"__SPills": "___SPills_mfzk8_gg_"
|
|
22
23
|
})
|
|
23
24
|
);
|
|
24
25
|
class PillsFHRoot extends Component {
|
|
@@ -3,17 +3,18 @@ import { sstyled, Component, assignProps, CONTEXT_COMPONENT, createComponent } f
|
|
|
3
3
|
import Radio, { RadioGroup } from "@semcore/radio";
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
6
|
+
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
6
7
|
const style = (
|
|
7
8
|
/*__reshadow_css_start__*/
|
|
8
9
|
(sstyled.insert(
|
|
9
10
|
/*__inner_css_start__*/
|
|
10
|
-
'.
|
|
11
|
+
'.___SHighlightedRadio_ww9ev_gg_{position:relative}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
|
|
11
12
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
13
|
+
"ww9ev_gg_"
|
|
13
14
|
), /*__reshadow_css_end__*/
|
|
14
15
|
{
|
|
15
|
-
"__SHighlightedRadio": "
|
|
16
|
-
"_state_invalid": "
|
|
16
|
+
"__SHighlightedRadio": "___SHighlightedRadio_ww9ev_gg_",
|
|
17
|
+
"_state_invalid": "_state_invalid_ww9ev_gg_"
|
|
17
18
|
})
|
|
18
19
|
);
|
|
19
20
|
class RadioFHRoot extends Component {
|