@semcore/feature-highlight 16.4.0-prerelease.0 → 16.4.0-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/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/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/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/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/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 +10 -10
- package/lib/esm/components/checkbox/Checkbox.mjs +4 -4
- 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/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 +16 -16
|
@@ -14,17 +14,17 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedPill_msqto_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_msqto_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_msqto_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_msqto_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_msqto_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_msqto_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_msqto_gg_._neighborLocation_left_msqto_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_msqto_gg_._neighborLocation_right_msqto_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_msqto_gg_._neighborLocation_both_msqto_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_msqto_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_msqto_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_msqto_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_msqto_gg_.__selected_msqto_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_msqto_gg_.__selected_msqto_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_msqto_gg_.__selected_msqto_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_msqto_gg_ .___SHighlightedPill_msqto_gg_:focus-visible{outline:0}.___SPills_msqto_gg_ .___SHighlightedPill_msqto_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_msqto_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_msqto_gg_:focus-visible::before{display:none}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"msqto_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedPill": "
|
|
23
|
-
"_neighborLocation_left": "
|
|
24
|
-
"_neighborLocation_right": "
|
|
25
|
-
"_neighborLocation_both": "
|
|
26
|
-
"_selected": "
|
|
27
|
-
"__SPills": "
|
|
22
|
+
"__SHighlightedPill": "___SHighlightedPill_msqto_gg_",
|
|
23
|
+
"_neighborLocation_left": "_neighborLocation_left_msqto_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_msqto_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_msqto_gg_",
|
|
26
|
+
"_selected": "__selected_msqto_gg_",
|
|
27
|
+
"__SPills": "___SPills_msqto_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var PillsFHRoot = /* @__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
|
+
'.___SHighlightedRadio_vjp34_gg_{position:relative}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"vjp34_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedRadio": "
|
|
22
|
-
"_state_invalid": "
|
|
21
|
+
"__SHighlightedRadio": "___SHighlightedRadio_vjp34_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_vjp34_gg_"
|
|
23
23
|
})
|
|
24
24
|
);
|
|
25
25
|
var RadioFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -13,14 +13,14 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SToggle_e087p_gg_{position:relative}.___SToggle_e087p_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_e087p_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_e087p_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_e087p_gg_.__checked_e087p_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_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible)::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"e087p_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SToggle": "
|
|
22
|
-
"_checked": "
|
|
23
|
-
"__SInput": "
|
|
21
|
+
"__SToggle": "___SToggle_e087p_gg_",
|
|
22
|
+
"_checked": "__checked_e087p_gg_",
|
|
23
|
+
"__SInput": "___SInput_e087p_gg_"
|
|
24
24
|
})
|
|
25
25
|
);
|
|
26
26
|
var SwitchFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -14,14 +14,14 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedItem_1d5go_gg_:focus-visible{outline:0}.___SHighlightedItem_1d5go_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1d5go_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1d5go_gg_.__selected_1d5go_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_1d5go_gg_.__selected_1d5go_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_1d5go_gg_.__selected_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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_1d5go_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)))}}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"1d5go_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCaret": "
|
|
23
|
-
"__SHighlightedItem": "
|
|
24
|
-
"_selected": "
|
|
22
|
+
"__SHighlightedCaret": "___SHighlightedCaret_1d5go_gg_",
|
|
23
|
+
"__SHighlightedItem": "___SHighlightedItem_1d5go_gg_",
|
|
24
|
+
"_selected": "__selected_1d5go_gg_"
|
|
25
25
|
})
|
|
26
26
|
);
|
|
27
27
|
var TabLineFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -13,18 +13,18 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_.__active_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_),.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_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_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_left_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_right_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_both_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"113sj_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedButtonTrigger": "
|
|
22
|
-
"_state_invalid": "
|
|
23
|
-
"_state_valid": "
|
|
24
|
-
"_active": "
|
|
25
|
-
"_neighborLocation_left": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_113sj_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_113sj_gg_",
|
|
23
|
+
"_state_valid": "_state_valid_113sj_gg_",
|
|
24
|
+
"_active": "__active_113sj_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_113sj_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_113sj_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_113sj_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var ButtonTriggerFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -6,23 +6,23 @@ var styles = (
|
|
|
6
6
|
/*__reshadow_css_start__*/
|
|
7
7
|
(sstyled.insert(
|
|
8
8
|
/*__inner_css_start__*/
|
|
9
|
-
"@keyframes
|
|
9
|
+
"@keyframes sparkles_1qirw{50%{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(var(--scale_1qirw))}to{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(0)}}.___SSparkle_1qirw_gg_{position:absolute}.___SSparkle_1qirw_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_1qirw_gg_.__angle_1qirw_gg_.__scale_1qirw_gg_.__duration_1qirw_gg_{transform:rotate(calc(1deg*var(--angle_1qirw))) scale(var(--scale_1qirw));animation-name:sparkles_1qirw;animation-fill-mode:forwards;animation-duration:var(--duration_1qirw)}.___SSparkle_1qirw_gg_.__left_1qirw_gg_{left:var(--left_1qirw)}.___SSparkle_1qirw_gg_.__top_1qirw_gg_{top:var(--top_1qirw)}",
|
|
10
10
|
/*__inner_css_end__*/
|
|
11
|
-
"
|
|
11
|
+
"1qirw_gg_"
|
|
12
12
|
), /*__reshadow_css_end__*/
|
|
13
13
|
{
|
|
14
|
-
"__SSparkle": "
|
|
15
|
-
"_angle": "
|
|
16
|
-
"_scale": "
|
|
17
|
-
"_duration": "
|
|
18
|
-
"--angle": "--
|
|
19
|
-
"--scale": "--
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"@sparkles": "
|
|
22
|
-
"_left": "
|
|
23
|
-
"--left": "--
|
|
24
|
-
"_top": "
|
|
25
|
-
"--top": "--
|
|
14
|
+
"__SSparkle": "___SSparkle_1qirw_gg_",
|
|
15
|
+
"_angle": "__angle_1qirw_gg_",
|
|
16
|
+
"_scale": "__scale_1qirw_gg_",
|
|
17
|
+
"_duration": "__duration_1qirw_gg_",
|
|
18
|
+
"--angle": "--angle_1qirw",
|
|
19
|
+
"--scale": "--scale_1qirw",
|
|
20
|
+
"--duration": "--duration_1qirw",
|
|
21
|
+
"@sparkles": "sparkles_1qirw",
|
|
22
|
+
"_left": "__left_1qirw_gg_",
|
|
23
|
+
"--left": "--left_1qirw",
|
|
24
|
+
"_top": "__top_1qirw_gg_",
|
|
25
|
+
"--top": "--top_1qirw"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
function SvgSparkle(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/feature-highlight",
|
|
3
3
|
"description": "Semrush toolkit for accent features",
|
|
4
|
-
"version": "16.4.0-prerelease.
|
|
4
|
+
"version": "16.4.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/esm/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -16,21 +16,21 @@
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@semcore/badge": "^16.1.0-prerelease.
|
|
20
|
-
"@semcore/base-trigger": "^16.5.0-prerelease.
|
|
21
|
-
"@semcore/button": "^16.1.0-prerelease.
|
|
22
|
-
"@semcore/checkbox": "^16.3.0-prerelease.
|
|
23
|
-
"@semcore/input": "^16.2.0-prerelease.
|
|
24
|
-
"@semcore/notice": "^16.2.0-prerelease.
|
|
25
|
-
"@semcore/pills": "^16.1.0-prerelease.
|
|
26
|
-
"@semcore/radio": "^16.2.0-prerelease.
|
|
27
|
-
"@semcore/select": "^16.2.0-prerelease.
|
|
28
|
-
"@semcore/switch": "^16.2.0-prerelease.
|
|
29
|
-
"@semcore/tab-line": "^16.1.0-prerelease.
|
|
30
|
-
"@semcore/typography": "^16.4.0-prerelease.
|
|
19
|
+
"@semcore/badge": "^16.1.0-prerelease.1",
|
|
20
|
+
"@semcore/base-trigger": "^16.5.0-prerelease.1",
|
|
21
|
+
"@semcore/button": "^16.1.0-prerelease.1",
|
|
22
|
+
"@semcore/checkbox": "^16.3.0-prerelease.1",
|
|
23
|
+
"@semcore/input": "^16.2.0-prerelease.1",
|
|
24
|
+
"@semcore/notice": "^16.2.0-prerelease.1",
|
|
25
|
+
"@semcore/pills": "^16.1.0-prerelease.1",
|
|
26
|
+
"@semcore/radio": "^16.2.0-prerelease.1",
|
|
27
|
+
"@semcore/select": "^16.2.0-prerelease.1",
|
|
28
|
+
"@semcore/switch": "^16.2.0-prerelease.1",
|
|
29
|
+
"@semcore/tab-line": "^16.1.0-prerelease.1",
|
|
30
|
+
"@semcore/typography": "^16.4.0-prerelease.1"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
|
-
"@semcore/base-components": "^16.6.0-prerelease.
|
|
33
|
+
"@semcore/base-components": "^16.6.0-prerelease.1"
|
|
34
34
|
},
|
|
35
35
|
"repository": {
|
|
36
36
|
"type": "git",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"directory": "semcore/feature-highlight"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@semcore/
|
|
42
|
-
"@semcore/
|
|
41
|
+
"@semcore/base-components": "16.6.0-prerelease.1",
|
|
42
|
+
"@semcore/testing-utils": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm semcore-builder && pnpm vite build"
|