@semcore/feature-highlight 16.4.0-prerelease.3 → 16.4.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 +1 -1
- package/lib/cjs/components/badge/Badge.js +2 -2
- package/lib/cjs/components/button/Button.js +9 -9
- package/lib/cjs/components/checkbox/Checkbox.js +3 -3
- package/lib/cjs/components/checkbox/checkbox.shadow.css +3 -0
- 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/switch/Switch.js +4 -4
- package/lib/cjs/components/switch/switch.shadow.css +1 -0
- 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 +2 -2
- package/lib/es6/components/button/Button.js +9 -9
- package/lib/es6/components/checkbox/Checkbox.js +3 -3
- package/lib/es6/components/checkbox/checkbox.shadow.css +3 -0
- 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/switch/Switch.js +4 -4
- package/lib/es6/components/switch/switch.shadow.css +1 -0
- 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 +3 -3
- package/lib/esm/components/button/Button.mjs +11 -11
- package/lib/esm/components/checkbox/Checkbox.mjs +4 -4
- package/lib/esm/components/checkbox/checkbox.shadow.css +3 -0
- package/lib/esm/components/input/Input.mjs +9 -9
- package/lib/esm/components/notice/Notice.mjs +7 -7
- package/lib/esm/components/pills/Pills.mjs +8 -8
- package/lib/esm/components/radio/Radio.mjs +4 -4
- package/lib/esm/components/switch/Switch.mjs +5 -5
- package/lib/esm/components/switch/switch.shadow.css +1 -0
- package/lib/esm/components/tab-line/TabLine.mjs +5 -5
- package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +9 -9
- package/lib/esm/inner-components/sparkle/Sparkle.mjs +14 -14
- package/package.json +15 -15
|
@@ -10,11 +10,11 @@ import Checkbox from '@semcore/checkbox';
|
|
|
10
10
|
import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
11
11
|
import React from 'react';
|
|
12
12
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
13
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name=\"Value.CheckMark\"]{position:relative;transform:translate(0);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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name=\"Value.CheckMark\"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name=\"Value.CheckMark\"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) 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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name=\"Value.CheckMark\"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name=\"Value.CheckMark\"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}", /*__inner_css_end__*/"1ih0t_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SHighlightedCheckbox": "
|
|
17
|
-
"_state_invalid": "
|
|
16
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1ih0t_gg_",
|
|
17
|
+
"_state_invalid": "_state_invalid_1ih0t_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
20
20
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
SHighlightedCheckbox:not([state="invalid"]) {
|
|
2
2
|
[data-ui-name="Value.CheckMark"] {
|
|
3
|
+
position: relative;
|
|
4
|
+
transform: translate(0);
|
|
5
|
+
|
|
3
6
|
border: 1px solid transparent;
|
|
4
7
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
5
8
|
background: linear-gradient(white, white) padding-box,
|
|
@@ -12,16 +12,16 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
12
12
|
import Input from '@semcore/input';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
15
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_{outline:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_::before{opacity:1}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_left_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_right_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_both_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_::before{display:none}}", /*__inner_css_end__*/"1k2xm_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SHighlightedInput": "
|
|
19
|
-
"_state_normal": "
|
|
20
|
-
"__SValue": "
|
|
21
|
-
"__SOutline": "
|
|
22
|
-
"_neighborLocation_left": "
|
|
23
|
-
"_neighborLocation_right": "
|
|
24
|
-
"_neighborLocation_both": "
|
|
18
|
+
"__SHighlightedInput": "___SHighlightedInput_1k2xm_gg_",
|
|
19
|
+
"_state_normal": "_state_normal_1k2xm_gg_",
|
|
20
|
+
"__SValue": "___SValue_1k2xm_gg_",
|
|
21
|
+
"__SOutline": "___SOutline_1k2xm_gg_",
|
|
22
|
+
"_neighborLocation_left": "_neighborLocation_left_1k2xm_gg_",
|
|
23
|
+
"_neighborLocation_right": "_neighborLocation_right_1k2xm_gg_",
|
|
24
|
+
"_neighborLocation_both": "_neighborLocation_both_1k2xm_gg_"
|
|
25
25
|
});
|
|
26
26
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function InputFHRoot() {
|
|
@@ -12,14 +12,14 @@ import isNode from '@semcore/core/lib/utils/isNode';
|
|
|
12
12
|
import Notice from '@semcore/notice';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
15
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_ip5g1);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_ .___SLabel_ip5g1_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_ .___SCloseIcon_ip5g1_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_ .___SCloseIcon_ip5g1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_ .___SCloseIcon_ip5g1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_ip5g1_gg_.__beforeVisibility_ip5g1_gg_ .___SCloseIcon_ip5g1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}", /*__inner_css_end__*/"ip5g1_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SHighlightedNotice": "
|
|
19
|
-
"_beforeVisibility": "
|
|
20
|
-
"--beforeVisibility": "--
|
|
21
|
-
"__SLabel": "
|
|
22
|
-
"__SCloseIcon": "
|
|
18
|
+
"__SHighlightedNotice": "___SHighlightedNotice_ip5g1_gg_",
|
|
19
|
+
"_beforeVisibility": "__beforeVisibility_ip5g1_gg_",
|
|
20
|
+
"--beforeVisibility": "--beforeVisibility_ip5g1",
|
|
21
|
+
"__SLabel": "___SLabel_ip5g1_gg_",
|
|
22
|
+
"__SCloseIcon": "___SCloseIcon_ip5g1_gg_"
|
|
23
23
|
});
|
|
24
24
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
function NoticeFHRoot() {
|
|
@@ -13,15 +13,15 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
13
13
|
import Pills from '@semcore/pills';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_5oryn_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_5oryn_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_5oryn_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_5oryn_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_5oryn_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_5oryn_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_5oryn_gg_._neighborLocation_left_5oryn_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_5oryn_gg_._neighborLocation_right_5oryn_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_5oryn_gg_._neighborLocation_both_5oryn_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_5oryn_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_5oryn_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_5oryn_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_5oryn_gg_.__selected_5oryn_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_5oryn_gg_.__selected_5oryn_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_5oryn_gg_.__selected_5oryn_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_5oryn_gg_ .___SHighlightedPill_5oryn_gg_:focus-visible{outline:0}.___SPills_5oryn_gg_ .___SHighlightedPill_5oryn_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_5oryn_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_5oryn_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"5oryn_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedPill": "
|
|
20
|
-
"_neighborLocation_left": "
|
|
21
|
-
"_neighborLocation_right": "
|
|
22
|
-
"_neighborLocation_both": "
|
|
23
|
-
"_selected": "
|
|
24
|
-
"__SPills": "
|
|
19
|
+
"__SHighlightedPill": "___SHighlightedPill_5oryn_gg_",
|
|
20
|
+
"_neighborLocation_left": "_neighborLocation_left_5oryn_gg_",
|
|
21
|
+
"_neighborLocation_right": "_neighborLocation_right_5oryn_gg_",
|
|
22
|
+
"_neighborLocation_both": "_neighborLocation_both_5oryn_gg_",
|
|
23
|
+
"_selected": "__selected_5oryn_gg_",
|
|
24
|
+
"__SPills": "___SPills_5oryn_gg_"
|
|
25
25
|
});
|
|
26
26
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
27
27
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -10,11 +10,11 @@ import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@s
|
|
|
10
10
|
import Radio, { RadioGroup } from '@semcore/radio';
|
|
11
11
|
import React from 'react';
|
|
12
12
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
13
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_webxj_gg_{position:relative}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"webxj_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SHighlightedRadio": "
|
|
17
|
-
"_state_invalid": "
|
|
16
|
+
"__SHighlightedRadio": "___SHighlightedRadio_webxj_gg_",
|
|
17
|
+
"_state_invalid": "_state_invalid_webxj_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
20
20
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -11,12 +11,12 @@ import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
|
11
11
|
import Switch from '@semcore/switch';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
14
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_1s0v4_gg_{position:relative;transform:translate(0)}.___SToggle_1s0v4_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_1s0v4_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_1s0v4_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_1s0v4_gg_.__checked_1s0v4_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"1s0v4_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SToggle": "
|
|
18
|
-
"_checked": "
|
|
19
|
-
"__SInput": "
|
|
17
|
+
"__SToggle": "___SToggle_1s0v4_gg_",
|
|
18
|
+
"_checked": "__checked_1s0v4_gg_",
|
|
19
|
+
"__SInput": "___SInput_1s0v4_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
22
22
|
var SwitchFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -13,12 +13,12 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
13
13
|
import TabLine from '@semcore/tab-line';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_2e2cr_gg_:focus-visible{outline:0}.___SHighlightedItem_2e2cr_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_2e2cr_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_2e2cr_gg_.__selected_2e2cr_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_2e2cr_gg_.__selected_2e2cr_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_2e2cr_gg_.__selected_2e2cr_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_2e2cr_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_2e2cr_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_2e2cr_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_2e2cr_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_2e2cr_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_2e2cr_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_2e2cr_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_2e2cr_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_2e2cr_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}", /*__inner_css_end__*/"2e2cr_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedCaret": "
|
|
20
|
-
"__SHighlightedItem": "
|
|
21
|
-
"_selected": "
|
|
19
|
+
"__SHighlightedCaret": "___SHighlightedCaret_2e2cr_gg_",
|
|
20
|
+
"__SHighlightedItem": "___SHighlightedItem_2e2cr_gg_",
|
|
21
|
+
"_selected": "__selected_2e2cr_gg_"
|
|
22
22
|
});
|
|
23
23
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
24
24
|
var TabLineFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -12,16 +12,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
|
|
|
12
12
|
import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
15
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_11f2l_gg_.__active_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_),.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_left_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_right_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_both_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"11f2l_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SHighlightedButtonTrigger": "
|
|
19
|
-
"_state_invalid": "
|
|
20
|
-
"_state_valid": "
|
|
21
|
-
"_active": "
|
|
22
|
-
"_neighborLocation_left": "
|
|
23
|
-
"_neighborLocation_right": "
|
|
24
|
-
"_neighborLocation_both": "
|
|
18
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_11f2l_gg_",
|
|
19
|
+
"_state_invalid": "_state_invalid_11f2l_gg_",
|
|
20
|
+
"_state_valid": "_state_valid_11f2l_gg_",
|
|
21
|
+
"_active": "__active_11f2l_gg_",
|
|
22
|
+
"_neighborLocation_left": "_neighborLocation_left_11f2l_gg_",
|
|
23
|
+
"_neighborLocation_right": "_neighborLocation_right_11f2l_gg_",
|
|
24
|
+
"_neighborLocation_both": "_neighborLocation_both_11f2l_gg_"
|
|
25
25
|
});
|
|
26
26
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function ButtonTriggerFHRoot() {
|
|
@@ -4,21 +4,21 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
5
5
|
import React from 'react';
|
|
6
6
|
/*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
|
|
7
|
-
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
7
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_18gww{50%{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(var(--scale_18gww))}to{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(0)}}.___SSparkle_18gww_gg_{position:absolute}.___SSparkle_18gww_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_18gww_gg_.__angle_18gww_gg_.__scale_18gww_gg_.__duration_18gww_gg_{transform:rotate(calc(1deg*var(--angle_18gww))) scale(var(--scale_18gww));animation-name:sparkles_18gww;animation-fill-mode:forwards;animation-duration:var(--duration_18gww)}.___SSparkle_18gww_gg_.__left_18gww_gg_{left:var(--left_18gww)}.___SSparkle_18gww_gg_.__top_18gww_gg_{top:var(--top_18gww)}", /*__inner_css_end__*/"18gww_gg_"),
|
|
8
8
|
/*__reshadow_css_end__*/
|
|
9
9
|
{
|
|
10
|
-
"__SSparkle": "
|
|
11
|
-
"_angle": "
|
|
12
|
-
"_scale": "
|
|
13
|
-
"_duration": "
|
|
14
|
-
"--angle": "--
|
|
15
|
-
"--scale": "--
|
|
16
|
-
"--duration": "--
|
|
17
|
-
"@sparkles": "
|
|
18
|
-
"_left": "
|
|
19
|
-
"--left": "--
|
|
20
|
-
"_top": "
|
|
21
|
-
"--top": "--
|
|
10
|
+
"__SSparkle": "___SSparkle_18gww_gg_",
|
|
11
|
+
"_angle": "__angle_18gww_gg_",
|
|
12
|
+
"_scale": "__scale_18gww_gg_",
|
|
13
|
+
"_duration": "__duration_18gww_gg_",
|
|
14
|
+
"--angle": "--angle_18gww",
|
|
15
|
+
"--scale": "--scale_18gww",
|
|
16
|
+
"--duration": "--duration_18gww",
|
|
17
|
+
"@sparkles": "sparkles_18gww",
|
|
18
|
+
"_left": "__left_18gww_gg_",
|
|
19
|
+
"--left": "--left_18gww",
|
|
20
|
+
"_top": "__top_18gww_gg_",
|
|
21
|
+
"--top": "--top_18gww"
|
|
22
22
|
});
|
|
23
23
|
function SvgSparkle(props, ref) {
|
|
24
24
|
var _ref = arguments[0],
|
|
@@ -12,12 +12,12 @@ var style = (
|
|
|
12
12
|
/*__reshadow_css_start__*/
|
|
13
13
|
(sstyled.insert(
|
|
14
14
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
15
|
+
".___SHighlightedBadge_11b15_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}",
|
|
16
16
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
17
|
+
"11b15_gg_"
|
|
18
18
|
), /*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SHighlightedBadge": "
|
|
20
|
+
"__SHighlightedBadge": "___SHighlightedBadge_11b15_gg_"
|
|
21
21
|
})
|
|
22
22
|
);
|
|
23
23
|
var BadgeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
|
|
8
8
|
import Button from "@semcore/button";
|
|
9
9
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
10
10
|
import React from "react";
|
|
@@ -14,19 +14,19 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:linear-gradient(90deg,var(--intergalactic-violet-500, rgb(128, 41, 236)),var(--intergalactic-blue-500, rgb(92, 92, 196)),var(--intergalactic-violet-400, rgb(162, 97, 253)),var(--intergalactic-blue-400, rgb(102, 107, 219)));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-position-x:1%}}.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(102, 107, 219)));background-size:100%}.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_:focus-visible{outline:0}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.94438 0.95907 0.99998))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_ .___SText_h9b4k_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:hover .___SText_h9b4k_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_ .___SText_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:active .___SText_h9b4k_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:focus-visible{outline:0}.___SHighlightedButton_h9b4k_gg_{position:relative}.___SHighlightedButton_h9b4k_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_h9b4k_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButton_h9b4k_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedButton_h9b4k_gg_._neighborLocation_left_h9b4k_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_h9b4k_gg_._neighborLocation_right_h9b4k_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_h9b4k_gg_._neighborLocation_both_h9b4k_gg_::before{border-radius:0}.___SHighlightedButton_h9b4k_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_h9b4k_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_h9b4k_gg_:focus-visible::before{display:none}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"h9b4k_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedButton": "
|
|
23
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
24
|
-
"_active": "
|
|
25
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
26
|
-
"__SText": "
|
|
27
|
-
"_neighborLocation_left": "
|
|
28
|
-
"_neighborLocation_right": "
|
|
29
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedButton": "___SHighlightedButton_h9b4k_gg_",
|
|
23
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_h9b4k_gg_",
|
|
24
|
+
"_active": "__active_h9b4k_gg_",
|
|
25
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_h9b4k_gg_",
|
|
26
|
+
"__SText": "___SText_h9b4k_gg_",
|
|
27
|
+
"_neighborLocation_left": "_neighborLocation_left_h9b4k_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_h9b4k_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_h9b4k_gg_"
|
|
30
30
|
})
|
|
31
31
|
);
|
|
32
32
|
var ButtonFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -13,13 +13,13 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name="Value.CheckMark"]{position:relative;transform:translate(0);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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) 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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1ih0t_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedCheckbox": "
|
|
22
|
-
"_state_invalid": "
|
|
21
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1ih0t_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_1ih0t_gg_"
|
|
23
23
|
})
|
|
24
24
|
);
|
|
25
25
|
var CheckboxFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
SHighlightedCheckbox:not([state="invalid"]) {
|
|
2
2
|
[data-ui-name="Value.CheckMark"] {
|
|
3
|
+
position: relative;
|
|
4
|
+
transform: translate(0);
|
|
5
|
+
|
|
3
6
|
border: 1px solid transparent;
|
|
4
7
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
5
8
|
background: linear-gradient(white, white) padding-box,
|
|
@@ -13,18 +13,18 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_{outline:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_::before{opacity:1}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_left_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_right_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_._neighborLocation_both_1k2xm_gg_ .___SOutline_1k2xm_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1k2xm_gg_._state_normal_1k2xm_gg_:has(.___SValue_1k2xm_gg_:focus-visible) .___SOutline_1k2xm_gg_::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1k2xm_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedInput": "
|
|
22
|
-
"_state_normal": "
|
|
23
|
-
"__SValue": "
|
|
24
|
-
"__SOutline": "
|
|
25
|
-
"_neighborLocation_left": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedInput": "___SHighlightedInput_1k2xm_gg_",
|
|
22
|
+
"_state_normal": "_state_normal_1k2xm_gg_",
|
|
23
|
+
"__SValue": "___SValue_1k2xm_gg_",
|
|
24
|
+
"__SOutline": "___SOutline_1k2xm_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_1k2xm_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_1k2xm_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_1k2xm_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var InputFHRoot = /* @__PURE__ */ (function(_Component) {
|