@semcore/feature-highlight 16.2.2 → 16.3.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +4 -4
- 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 +42 -14
- package/lib/cjs/components/notice/Notice.js.map +1 -1
- package/lib/cjs/components/notice/Notice.type.js.map +1 -1
- package/lib/cjs/components/notice/notice.shadow.css +3 -2
- 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 +42 -14
- package/lib/es6/components/notice/Notice.js.map +1 -1
- package/lib/es6/components/notice/Notice.type.js.map +1 -1
- package/lib/es6/components/notice/notice.shadow.css +3 -2
- 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 +36 -10
- package/lib/esm/components/notice/notice.shadow.css +3 -2
- 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/lib/types/components/notice/Notice.type.d.ts +3 -3
- package/package.json +2 -2
|
@@ -13,18 +13,18 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{opacity:1}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_left_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_right_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_._neighborLocation_both_1ddq4_gg_ .___SOutline_1ddq4_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ddq4_gg_._state_normal_1ddq4_gg_:has(.___SValue_1ddq4_gg_:focus-visible) .___SOutline_1ddq4_gg_::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1ddq4_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_1ddq4_gg_",
|
|
22
|
+
"_state_normal": "_state_normal_1ddq4_gg_",
|
|
23
|
+
"__SValue": "___SValue_1ddq4_gg_",
|
|
24
|
+
"__SOutline": "___SOutline_1ddq4_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_1ddq4_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_1ddq4_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_1ddq4_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var InputFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -5,6 +5,7 @@ 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
7
|
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
8
|
+
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
8
9
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
9
10
|
import Notice from "@semcore/notice";
|
|
10
11
|
import React from "react";
|
|
@@ -13,14 +14,16 @@ var style = (
|
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
17
|
+
'.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_wzdzl);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SLabel_wzdzl_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_wzdzl_gg_.__beforeVisibility_wzdzl_gg_ .___SCloseIcon_wzdzl_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
|
|
17
18
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
19
|
+
"wzdzl_gg_"
|
|
19
20
|
), /*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SHighlightedNotice": "
|
|
22
|
-
"
|
|
23
|
-
"
|
|
22
|
+
"__SHighlightedNotice": "___SHighlightedNotice_wzdzl_gg_",
|
|
23
|
+
"_beforeVisibility": "__beforeVisibility_wzdzl_gg_",
|
|
24
|
+
"--beforeVisibility": "--beforeVisibility_wzdzl",
|
|
25
|
+
"__SLabel": "___SLabel_wzdzl_gg_",
|
|
26
|
+
"__SCloseIcon": "___SCloseIcon_wzdzl_gg_"
|
|
24
27
|
})
|
|
25
28
|
);
|
|
26
29
|
var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -39,24 +42,47 @@ var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
39
42
|
}
|
|
40
43
|
return textContent;
|
|
41
44
|
}
|
|
45
|
+
}, {
|
|
46
|
+
key: "renderSmartMode",
|
|
47
|
+
value: function renderSmartMode() {
|
|
48
|
+
var _this$asProps2 = this.asProps, label = _this$asProps2.label, title = _this$asProps2.title, actions = _this$asProps2.actions, closable = _this$asProps2.closable, onClose = _this$asProps2.onClose;
|
|
49
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, isNode(label) && /* @__PURE__ */ React.createElement(Notice.Label, null, label), /* @__PURE__ */ React.createElement(Notice.Content, null, isNode(title) && /* @__PURE__ */ React.createElement(Notice.Title, null, title), this.renderContent(), isNode(actions) && /* @__PURE__ */ React.createElement(Notice.Actions, null, actions)), closable && /* @__PURE__ */ React.createElement(Notice.Close, {
|
|
50
|
+
onClick: onClose
|
|
51
|
+
}));
|
|
52
|
+
}
|
|
53
|
+
}, {
|
|
54
|
+
key: "renderAdvancedMode",
|
|
55
|
+
value: function renderAdvancedMode() {
|
|
56
|
+
var Children = this.asProps.Children;
|
|
57
|
+
return /* @__PURE__ */ React.createElement(Children, null);
|
|
58
|
+
}
|
|
42
59
|
}, {
|
|
43
60
|
key: "render",
|
|
44
61
|
value: function render() {
|
|
45
62
|
var _ref = this.asProps, _ref2;
|
|
46
63
|
var SHighlightedNotice = Notice;
|
|
47
|
-
var _this$
|
|
64
|
+
var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, visible = _this$asProps3.visible;
|
|
65
|
+
var advancedMode = isAdvanceMode(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
|
|
66
|
+
var beforeVisibility = visible === void 0 || visible ? "visible" : "hidden";
|
|
48
67
|
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", _objectSpread({}, assignProps({
|
|
68
|
+
"beforeVisibility": beforeVisibility,
|
|
49
69
|
"__excludeProps": ["title"],
|
|
50
70
|
"use:theme": void 0
|
|
51
|
-
}, _ref))),
|
|
52
|
-
onClick: onClose
|
|
53
|
-
}));
|
|
71
|
+
}, _ref))), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
|
|
54
72
|
}
|
|
55
73
|
}]);
|
|
56
74
|
})(Component);
|
|
57
75
|
_defineProperty(NoticeFHRoot, "displayName", "NoticeFH");
|
|
58
76
|
_defineProperty(NoticeFHRoot, "style", style);
|
|
59
|
-
var NoticeFH = createComponent(NoticeFHRoot
|
|
77
|
+
var NoticeFH = createComponent(NoticeFHRoot, {
|
|
78
|
+
Label: Notice.Label,
|
|
79
|
+
Actions: Notice.Actions,
|
|
80
|
+
Content: Notice.Content,
|
|
81
|
+
Title: Notice.Title,
|
|
82
|
+
Text: Notice.Text,
|
|
83
|
+
Close: Notice.Close,
|
|
84
|
+
CloseIcon: Notice.CloseIcon
|
|
85
|
+
});
|
|
60
86
|
export {
|
|
61
87
|
NoticeFH
|
|
62
88
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
SHighlightedNotice {
|
|
1
|
+
SHighlightedNotice[beforeVisibility] {
|
|
2
2
|
background-image: var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));
|
|
3
3
|
border-color: transparent;
|
|
4
4
|
background-clip: padding-box;
|
|
@@ -11,6 +11,7 @@ SHighlightedNotice {
|
|
|
11
11
|
z-index: -1;
|
|
12
12
|
margin: -1px;
|
|
13
13
|
border-radius: inherit;
|
|
14
|
+
visibility: var(--beforeVisibility);
|
|
14
15
|
|
|
15
16
|
background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
|
|
16
17
|
) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box;
|
|
@@ -27,4 +28,4 @@ SHighlightedNotice {
|
|
|
27
28
|
color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
|
-
}
|
|
31
|
+
}
|
|
@@ -14,17 +14,17 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedPill_f2r4b_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_f2r4b_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedPill_f2r4b_gg_._neighborLocation_left_f2r4b_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_right_f2r4b_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_f2r4b_gg_._neighborLocation_both_f2r4b_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_f2r4b_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_f2r4b_gg_.__selected_f2r4b_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0}.___SPills_f2r4b_gg_ .___SHighlightedPill_f2r4b_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_f2r4b_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_f2r4b_gg_:focus-visible::before{display:none}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"f2r4b_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_f2r4b_gg_",
|
|
23
|
+
"_neighborLocation_left": "_neighborLocation_left_f2r4b_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_f2r4b_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_f2r4b_gg_",
|
|
26
|
+
"_selected": "__selected_f2r4b_gg_",
|
|
27
|
+
"__SPills": "___SPills_f2r4b_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_is7ms_gg_{position:relative}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_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_is7ms_gg_:not(._state_invalid_is7ms_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_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_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
|
+
"is7ms_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedRadio": "
|
|
22
|
-
"_state_invalid": "
|
|
21
|
+
"__SHighlightedRadio": "___SHighlightedRadio_is7ms_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_is7ms_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_188ar_gg_{position:relative}.___SToggle_188ar_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SToggle_188ar_gg_.__checked_188ar_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"188ar_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SToggle": "
|
|
22
|
-
"_checked": "
|
|
23
|
-
"__SInput": "
|
|
21
|
+
"__SToggle": "___SToggle_188ar_gg_",
|
|
22
|
+
"_checked": "__checked_188ar_gg_",
|
|
23
|
+
"__SInput": "___SInput_188ar_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_7mtik_gg_:focus-visible{outline:0}.___SHighlightedItem_7mtik_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_7mtik_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_7mtik_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_7mtik_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_7mtik_gg_,.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"7mtik_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCaret": "
|
|
23
|
-
"__SHighlightedItem": "
|
|
24
|
-
"_selected": "
|
|
22
|
+
"__SHighlightedCaret": "___SHighlightedCaret_7mtik_gg_",
|
|
23
|
+
"__SHighlightedItem": "___SHighlightedItem_7mtik_gg_",
|
|
24
|
+
"_selected": "__selected_7mtik_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_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@media (hover:hover){.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1vitv_gg_.__active_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_),.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_left_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_right_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1vitv_gg_._neighborLocation_both_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1vitv_gg_:not(._state_invalid_1vitv_gg_):not(._state_valid_1vitv_gg_):focus-visible::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1vitv_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_1vitv_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_1vitv_gg_",
|
|
23
|
+
"_state_valid": "_state_valid_1vitv_gg_",
|
|
24
|
+
"_active": "__active_1vitv_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_1vitv_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_1vitv_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_1vitv_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_140ly{50%{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(var(--scale_140ly))}to{transform:rotate(calc(1deg*var(--angle_140ly))) translateY(200%) scale(0)}}.___SSparkle_140ly_gg_{position:absolute}.___SSparkle_140ly_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_140ly_gg_.__angle_140ly_gg_.__scale_140ly_gg_.__duration_140ly_gg_{transform:rotate(calc(1deg*var(--angle_140ly))) scale(var(--scale_140ly));animation-name:sparkles_140ly;animation-fill-mode:forwards;animation-duration:var(--duration_140ly)}.___SSparkle_140ly_gg_.__left_140ly_gg_{left:var(--left_140ly)}.___SSparkle_140ly_gg_.__top_140ly_gg_{top:var(--top_140ly)}",
|
|
10
10
|
/*__inner_css_end__*/
|
|
11
|
-
"
|
|
11
|
+
"140ly_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_140ly_gg_",
|
|
15
|
+
"_angle": "__angle_140ly_gg_",
|
|
16
|
+
"_scale": "__scale_140ly_gg_",
|
|
17
|
+
"_duration": "__duration_140ly_gg_",
|
|
18
|
+
"--angle": "--angle_140ly",
|
|
19
|
+
"--scale": "--scale_140ly",
|
|
20
|
+
"--duration": "--duration_140ly",
|
|
21
|
+
"@sparkles": "sparkles_140ly",
|
|
22
|
+
"_left": "__left_140ly_gg_",
|
|
23
|
+
"--left": "--left_140ly",
|
|
24
|
+
"_top": "__top_140ly_gg_",
|
|
25
|
+
"--top": "--top_140ly"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
function SvgSparkle(props, ref) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type
|
|
3
|
-
export type HighlightedNoticeComponent =
|
|
1
|
+
import type { NoticeSmart } from '@semcore/notice';
|
|
2
|
+
import type Notice from '@semcore/notice';
|
|
3
|
+
export type HighlightedNoticeComponent = typeof Notice & typeof NoticeSmart;
|
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
|
+
"version": "16.3.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/esm/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"directory": "semcore/feature-highlight"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@semcore/base-components": "16.4.
|
|
41
|
+
"@semcore/base-components": "16.4.2",
|
|
42
42
|
"@semcore/testing-utils": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|