@semcore/feature-highlight 16.0.1 → 16.0.2-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/components/badge/Badge.js +2 -2
- package/lib/cjs/components/button/Button.js +8 -8
- 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 +3 -3
- package/lib/cjs/components/pills/Pills.js +6 -6
- 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 +8 -8
- 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 +3 -3
- package/lib/es6/components/pills/Pills.js +6 -6
- 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 +9 -9
- 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 +4 -4
- package/lib/esm/components/pills/Pills.mjs +7 -7
- 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 +15 -15
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.0.2] - 2025-07-22
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-trigger` [16.2.3 ~> 16.2.4], `@semcore/button` [16.0.4 ~> 16.0.5], `@semcore/checkbox` [16.0.4 ~> 16.0.5], `@semcore/input` [16.0.4 ~> 16.0.5], `@semcore/base-components` [16.1.1 ~> 16.1.2]).
|
|
10
|
+
|
|
5
11
|
## [16.0.1] - 2025-07-04
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -18,10 +18,10 @@ var _badge = _interopRequireDefault(require("@semcore/badge"));
|
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
20
20
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_xln7y_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}", /*__inner_css_end__*/"xln7y_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SHighlightedBadge": "
|
|
24
|
+
"__SHighlightedBadge": "___SHighlightedBadge_xln7y_gg_"
|
|
25
25
|
});
|
|
26
26
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function BadgeFHRoot() {
|
|
@@ -20,16 +20,16 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
20
20
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
21
21
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
22
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SHighlightedButton_3bkg8_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_3bkg8_gg_:focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButton_3bkg8_gg_._neighborLocation_left_3bkg8_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_right_3bkg8_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_both_3bkg8_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"3bkg8_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedButton": "
|
|
27
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
28
|
-
"_active": "
|
|
29
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
26
|
+
"__SHighlightedButton": "___SHighlightedButton_3bkg8_gg_",
|
|
27
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_3bkg8_gg_",
|
|
28
|
+
"_active": "__active_3bkg8_gg_",
|
|
29
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_3bkg8_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_3bkg8_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_3bkg8_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_3bkg8_gg_"
|
|
33
33
|
});
|
|
34
34
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
function ButtonFHRoot() {
|
|
@@ -19,11 +19,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
19
19
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{box-shadow:none;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) [data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked~[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"1xurj_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedCheckbox": "
|
|
26
|
-
"_state_invalid": "
|
|
25
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1xurj_gg_",
|
|
26
|
+
"_state_invalid": "_state_invalid_1xurj_gg_"
|
|
27
27
|
});
|
|
28
28
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
function CheckboxFHRoot() {
|
|
@@ -19,16 +19,16 @@ var _input = _interopRequireDefault(require("@semcore/input"));
|
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_ .___SOutline_gzirr_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_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_left_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_right_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_both_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-radius:0}", /*__inner_css_end__*/"gzirr_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedInput": "
|
|
26
|
-
"_state_normal": "
|
|
27
|
-
"__SOutline": "
|
|
28
|
-
"__SValue": "
|
|
29
|
-
"_neighborLocation_left": "
|
|
30
|
-
"_neighborLocation_right": "
|
|
31
|
-
"_neighborLocation_both": "
|
|
25
|
+
"__SHighlightedInput": "___SHighlightedInput_gzirr_gg_",
|
|
26
|
+
"_state_normal": "_state_normal_gzirr_gg_",
|
|
27
|
+
"__SOutline": "___SOutline_gzirr_gg_",
|
|
28
|
+
"__SValue": "___SValue_gzirr_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_gzirr_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_gzirr_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_gzirr_gg_"
|
|
32
32
|
});
|
|
33
33
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
function InputFHRoot() {
|
|
@@ -19,11 +19,11 @@ var _notice = _interopRequireDefault(require("@semcore/notice"));
|
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_m2ycp_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_m2ycp_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;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_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"m2ycp_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedNotice": "
|
|
26
|
-
"__SCloseIcon": "
|
|
25
|
+
"__SHighlightedNotice": "___SHighlightedNotice_m2ycp_gg_",
|
|
26
|
+
"__SCloseIcon": "___SCloseIcon_m2ycp_gg_"
|
|
27
27
|
});
|
|
28
28
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
function NoticeFHRoot() {
|
|
@@ -20,14 +20,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
20
20
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
21
21
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
22
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_qanp5_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1}@media (hover:hover){.___SHighlightedPill_qanp5_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)\n ) border-box}}.___SHighlightedPill_qanp5_gg_.__selected_qanp5_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}.___SHighlightedPill_qanp5_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_qanp5_gg_:focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedPill_qanp5_gg_._neighborLocation_left_qanp5_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_right_qanp5_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_both_qanp5_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"qanp5_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedPill": "
|
|
27
|
-
"_selected": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
26
|
+
"__SHighlightedPill": "___SHighlightedPill_qanp5_gg_",
|
|
27
|
+
"_selected": "__selected_qanp5_gg_",
|
|
28
|
+
"_neighborLocation_left": "_neighborLocation_left_qanp5_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_qanp5_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_qanp5_gg_"
|
|
31
31
|
});
|
|
32
32
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
function PillsFHRoot() {
|
|
@@ -20,11 +20,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
20
20
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
21
21
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
22
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_eu8rp_gg_{position:relative}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{box-shadow:none;border-color:transparent;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]+[data-ui-name=\"Value.RadioMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.RadioMark\"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"eu8rp_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedRadio": "
|
|
27
|
-
"_state_invalid": "
|
|
26
|
+
"__SHighlightedRadio": "___SHighlightedRadio_eu8rp_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_eu8rp_gg_"
|
|
28
28
|
});
|
|
29
29
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
function RadioFHRoot() {
|
|
@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
19
19
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_1nv4m_gg_.__checked_1nv4m_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible){box-shadow:none}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}", /*__inner_css_end__*/"1nv4m_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SToggle": "
|
|
26
|
-
"_checked": "
|
|
27
|
-
"__SInput": "
|
|
25
|
+
"__SToggle": "___SToggle_1nv4m_gg_",
|
|
26
|
+
"_checked": "__checked_1nv4m_gg_",
|
|
27
|
+
"__SInput": "___SInput_1nv4m_gg_"
|
|
28
28
|
});
|
|
29
29
|
var SwitchFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
function SwitchFHRoot() {
|
|
@@ -20,12 +20,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
20
20
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
21
21
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
22
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_opphz_gg_::after,.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_opphz_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_opphz_gg_.__selected_opphz_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_opphz_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_opphz_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"opphz_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedCaret": "
|
|
27
|
-
"__SHighlightedItem": "
|
|
28
|
-
"_selected": "
|
|
26
|
+
"__SHighlightedCaret": "___SHighlightedCaret_opphz_gg_",
|
|
27
|
+
"__SHighlightedItem": "___SHighlightedItem_opphz_gg_",
|
|
28
|
+
"_selected": "__selected_opphz_gg_"
|
|
29
29
|
});
|
|
30
30
|
var TabLineFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function TabLineFHRoot() {
|
|
@@ -19,16 +19,16 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
21
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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)\n ) border-box}}.___SHighlightedButtonTrigger_f8pzv_gg_.__active_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_),.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_left_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_right_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_both_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-radius:0}", /*__inner_css_end__*/"f8pzv_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedButtonTrigger": "
|
|
26
|
-
"_state_invalid": "
|
|
27
|
-
"_state_valid": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"_neighborLocation_left": "
|
|
30
|
-
"_neighborLocation_right": "
|
|
31
|
-
"_neighborLocation_both": "
|
|
25
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_f8pzv_gg_",
|
|
26
|
+
"_state_invalid": "_state_invalid_f8pzv_gg_",
|
|
27
|
+
"_state_valid": "_state_valid_f8pzv_gg_",
|
|
28
|
+
"_active": "__active_f8pzv_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_f8pzv_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_f8pzv_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_f8pzv_gg_"
|
|
32
32
|
});
|
|
33
33
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
function ButtonTriggerFHRoot() {
|
|
@@ -9,21 +9,21 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
/*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
|
|
12
|
-
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
12
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_szdzs{50%{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(var(--scale_szdzs))}to{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(0)}}.___SSparkle_szdzs_gg_{position:absolute}.___SSparkle_szdzs_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_szdzs_gg_.__angle_szdzs_gg_.__scale_szdzs_gg_.__duration_szdzs_gg_{transform:rotate(calc(1deg*var(--angle_szdzs))) scale(var(--scale_szdzs));animation-name:sparkles_szdzs;animation-fill-mode:forwards;animation-duration:var(--duration_szdzs)}.___SSparkle_szdzs_gg_.__left_szdzs_gg_{left:var(--left_szdzs)}.___SSparkle_szdzs_gg_.__top_szdzs_gg_{top:var(--top_szdzs)}", /*__inner_css_end__*/"szdzs_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SSparkle": "
|
|
16
|
-
"_angle": "
|
|
17
|
-
"_scale": "
|
|
18
|
-
"_duration": "
|
|
19
|
-
"--angle": "--
|
|
20
|
-
"--scale": "--
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"@sparkles": "
|
|
23
|
-
"_left": "
|
|
24
|
-
"--left": "--
|
|
25
|
-
"_top": "
|
|
26
|
-
"--top": "--
|
|
15
|
+
"__SSparkle": "___SSparkle_szdzs_gg_",
|
|
16
|
+
"_angle": "__angle_szdzs_gg_",
|
|
17
|
+
"_scale": "__scale_szdzs_gg_",
|
|
18
|
+
"_duration": "__duration_szdzs_gg_",
|
|
19
|
+
"--angle": "--angle_szdzs",
|
|
20
|
+
"--scale": "--scale_szdzs",
|
|
21
|
+
"--duration": "--duration_szdzs",
|
|
22
|
+
"@sparkles": "sparkles_szdzs",
|
|
23
|
+
"_left": "__left_szdzs_gg_",
|
|
24
|
+
"--left": "--left_szdzs",
|
|
25
|
+
"_top": "__top_szdzs_gg_",
|
|
26
|
+
"--top": "--top_szdzs"
|
|
27
27
|
});
|
|
28
28
|
function SvgSparkle(props) {
|
|
29
29
|
var _ref = arguments[0],
|
|
@@ -13,10 +13,10 @@ import Badge from '@semcore/badge';
|
|
|
13
13
|
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_xln7y_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}", /*__inner_css_end__*/"xln7y_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedBadge": "
|
|
19
|
+
"__SHighlightedBadge": "___SHighlightedBadge_xln7y_gg_"
|
|
20
20
|
});
|
|
21
21
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
22
22
|
function BadgeFHRoot() {
|
|
@@ -15,16 +15,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
|
|
|
15
15
|
import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
16
16
|
import React from 'react';
|
|
17
17
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SHighlightedButton_3bkg8_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_3bkg8_gg_:focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButton_3bkg8_gg_._neighborLocation_left_3bkg8_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_right_3bkg8_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_both_3bkg8_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"3bkg8_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedButton": "
|
|
22
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
23
|
-
"_active": "
|
|
24
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
25
|
-
"_neighborLocation_left": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedButton": "___SHighlightedButton_3bkg8_gg_",
|
|
22
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_3bkg8_gg_",
|
|
23
|
+
"_active": "__active_3bkg8_gg_",
|
|
24
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_3bkg8_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_3bkg8_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_3bkg8_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_3bkg8_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
30
30
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -13,11 +13,11 @@ import Checkbox from '@semcore/checkbox';
|
|
|
13
13
|
import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{box-shadow:none;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) [data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked~[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"1xurj_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedCheckbox": "
|
|
20
|
-
"_state_invalid": "
|
|
19
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1xurj_gg_",
|
|
20
|
+
"_state_invalid": "_state_invalid_1xurj_gg_"
|
|
21
21
|
});
|
|
22
22
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
23
23
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -15,16 +15,16 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
15
15
|
import Input from '@semcore/input';
|
|
16
16
|
import React from 'react';
|
|
17
17
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_ .___SOutline_gzirr_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_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_left_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_right_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_both_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-radius:0}", /*__inner_css_end__*/"gzirr_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedInput": "
|
|
22
|
-
"_state_normal": "
|
|
23
|
-
"__SOutline": "
|
|
24
|
-
"__SValue": "
|
|
25
|
-
"_neighborLocation_left": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedInput": "___SHighlightedInput_gzirr_gg_",
|
|
22
|
+
"_state_normal": "_state_normal_gzirr_gg_",
|
|
23
|
+
"__SOutline": "___SOutline_gzirr_gg_",
|
|
24
|
+
"__SValue": "___SValue_gzirr_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_gzirr_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_gzirr_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_gzirr_gg_"
|
|
28
28
|
});
|
|
29
29
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
function InputFHRoot() {
|
|
@@ -14,11 +14,11 @@ import isNode from '@semcore/core/lib/utils/isNode';
|
|
|
14
14
|
import Notice from '@semcore/notice';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
17
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_m2ycp_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_m2ycp_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;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_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"m2ycp_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SHighlightedNotice": "
|
|
21
|
-
"__SCloseIcon": "
|
|
20
|
+
"__SHighlightedNotice": "___SHighlightedNotice_m2ycp_gg_",
|
|
21
|
+
"__SCloseIcon": "___SCloseIcon_m2ycp_gg_"
|
|
22
22
|
});
|
|
23
23
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
24
24
|
function NoticeFHRoot() {
|
|
@@ -15,14 +15,14 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
15
15
|
import Pills from '@semcore/pills';
|
|
16
16
|
import React from 'react';
|
|
17
17
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_qanp5_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1}@media (hover:hover){.___SHighlightedPill_qanp5_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)\n ) border-box}}.___SHighlightedPill_qanp5_gg_.__selected_qanp5_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}.___SHighlightedPill_qanp5_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_qanp5_gg_:focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedPill_qanp5_gg_._neighborLocation_left_qanp5_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_right_qanp5_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_both_qanp5_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"qanp5_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedPill": "
|
|
22
|
-
"_selected": "
|
|
23
|
-
"_neighborLocation_left": "
|
|
24
|
-
"_neighborLocation_right": "
|
|
25
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedPill": "___SHighlightedPill_qanp5_gg_",
|
|
22
|
+
"_selected": "__selected_qanp5_gg_",
|
|
23
|
+
"_neighborLocation_left": "_neighborLocation_left_qanp5_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_qanp5_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_qanp5_gg_"
|
|
26
26
|
});
|
|
27
27
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
28
28
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -13,11 +13,11 @@ import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@s
|
|
|
13
13
|
import Radio, { RadioGroup } from '@semcore/radio';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_eu8rp_gg_{position:relative}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{box-shadow:none;border-color:transparent;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]+[data-ui-name=\"Value.RadioMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.RadioMark\"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"eu8rp_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedRadio": "
|
|
20
|
-
"_state_invalid": "
|
|
19
|
+
"__SHighlightedRadio": "___SHighlightedRadio_eu8rp_gg_",
|
|
20
|
+
"_state_invalid": "_state_invalid_eu8rp_gg_"
|
|
21
21
|
});
|
|
22
22
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
23
23
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -14,12 +14,12 @@ import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
|
14
14
|
import Switch from '@semcore/switch';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
17
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_1nv4m_gg_.__checked_1nv4m_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible){box-shadow:none}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}", /*__inner_css_end__*/"1nv4m_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SToggle": "
|
|
21
|
-
"_checked": "
|
|
22
|
-
"__SInput": "
|
|
20
|
+
"__SToggle": "___SToggle_1nv4m_gg_",
|
|
21
|
+
"_checked": "__checked_1nv4m_gg_",
|
|
22
|
+
"__SInput": "___SInput_1nv4m_gg_"
|
|
23
23
|
});
|
|
24
24
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
25
25
|
var SwitchFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -16,12 +16,12 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
|
16
16
|
import TabLine from '@semcore/tab-line';
|
|
17
17
|
import React from 'react';
|
|
18
18
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_opphz_gg_::after,.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_opphz_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_opphz_gg_.__selected_opphz_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_opphz_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_opphz_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"opphz_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCaret": "
|
|
23
|
-
"__SHighlightedItem": "
|
|
24
|
-
"_selected": "
|
|
22
|
+
"__SHighlightedCaret": "___SHighlightedCaret_opphz_gg_",
|
|
23
|
+
"__SHighlightedItem": "___SHighlightedItem_opphz_gg_",
|
|
24
|
+
"_selected": "__selected_opphz_gg_"
|
|
25
25
|
});
|
|
26
26
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
27
27
|
var TabLineFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -15,16 +15,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
|
|
|
15
15
|
import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
16
16
|
import React from 'react';
|
|
17
17
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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)\n ) border-box}}.___SHighlightedButtonTrigger_f8pzv_gg_.__active_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_),.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_left_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_right_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_both_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-radius:0}", /*__inner_css_end__*/"f8pzv_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_f8pzv_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_f8pzv_gg_",
|
|
23
|
+
"_state_valid": "_state_valid_f8pzv_gg_",
|
|
24
|
+
"_active": "__active_f8pzv_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_f8pzv_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_f8pzv_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_f8pzv_gg_"
|
|
28
28
|
});
|
|
29
29
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
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_szdzs{50%{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(var(--scale_szdzs))}to{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(0)}}.___SSparkle_szdzs_gg_{position:absolute}.___SSparkle_szdzs_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_szdzs_gg_.__angle_szdzs_gg_.__scale_szdzs_gg_.__duration_szdzs_gg_{transform:rotate(calc(1deg*var(--angle_szdzs))) scale(var(--scale_szdzs));animation-name:sparkles_szdzs;animation-fill-mode:forwards;animation-duration:var(--duration_szdzs)}.___SSparkle_szdzs_gg_.__left_szdzs_gg_{left:var(--left_szdzs)}.___SSparkle_szdzs_gg_.__top_szdzs_gg_{top:var(--top_szdzs)}", /*__inner_css_end__*/"szdzs_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_szdzs_gg_",
|
|
11
|
+
"_angle": "__angle_szdzs_gg_",
|
|
12
|
+
"_scale": "__scale_szdzs_gg_",
|
|
13
|
+
"_duration": "__duration_szdzs_gg_",
|
|
14
|
+
"--angle": "--angle_szdzs",
|
|
15
|
+
"--scale": "--scale_szdzs",
|
|
16
|
+
"--duration": "--duration_szdzs",
|
|
17
|
+
"@sparkles": "sparkles_szdzs",
|
|
18
|
+
"_left": "__left_szdzs_gg_",
|
|
19
|
+
"--left": "--left_szdzs",
|
|
20
|
+
"_top": "__top_szdzs_gg_",
|
|
21
|
+
"--top": "--top_szdzs"
|
|
22
22
|
});
|
|
23
23
|
function SvgSparkle(props) {
|
|
24
24
|
var _ref = arguments[0],
|
|
@@ -17,12 +17,12 @@ var style = (
|
|
|
17
17
|
/*__reshadow_css_start__*/
|
|
18
18
|
(sstyled.insert(
|
|
19
19
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
20
|
+
".___SHighlightedBadge_xln7y_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}",
|
|
21
21
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
22
|
+
"xln7y_gg_"
|
|
23
23
|
), /*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedBadge": "
|
|
25
|
+
"__SHighlightedBadge": "___SHighlightedBadge_xln7y_gg_"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
var BadgeFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -19,18 +19,18 @@ var style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
'.
|
|
22
|
+
'.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_primary-highlighted_3bkg8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_.__active_3bkg8_gg_,.___SHighlightedButton_3bkg8_gg_._theme_secondary-highlighted_3bkg8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SHighlightedButton_3bkg8_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_3bkg8_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButton_3bkg8_gg_._neighborLocation_left_3bkg8_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_right_3bkg8_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_3bkg8_gg_._neighborLocation_both_3bkg8_gg_:focus-visible::before{border-radius:0}',
|
|
23
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"3bkg8_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SHighlightedButton": "
|
|
28
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
29
|
-
"_active": "
|
|
30
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"_neighborLocation_both": "
|
|
27
|
+
"__SHighlightedButton": "___SHighlightedButton_3bkg8_gg_",
|
|
28
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_3bkg8_gg_",
|
|
29
|
+
"_active": "__active_3bkg8_gg_",
|
|
30
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_3bkg8_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_3bkg8_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_3bkg8_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_3bkg8_gg_"
|
|
34
34
|
})
|
|
35
35
|
);
|
|
36
36
|
var ButtonFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,13 +18,13 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{box-shadow:none;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) [data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_1xurj_gg_:not(._state_invalid_1xurj_gg_) input[data-ui-name="CheckboxFH.Value"]:checked~[data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"1xurj_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedCheckbox": "
|
|
27
|
-
"_state_invalid": "
|
|
26
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1xurj_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_1xurj_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var CheckboxFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,18 +18,18 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_ .___SOutline_gzirr_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_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_left_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_right_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_gzirr_gg_._state_normal_gzirr_gg_._neighborLocation_both_gzirr_gg_:has(.___SValue_gzirr_gg_:focus-visible) .___SOutline_gzirr_gg_::before{border-radius:0}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"gzirr_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedInput": "
|
|
27
|
-
"_state_normal": "
|
|
28
|
-
"__SOutline": "
|
|
29
|
-
"__SValue": "
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
26
|
+
"__SHighlightedInput": "___SHighlightedInput_gzirr_gg_",
|
|
27
|
+
"_state_normal": "_state_normal_gzirr_gg_",
|
|
28
|
+
"__SOutline": "___SOutline_gzirr_gg_",
|
|
29
|
+
"__SValue": "___SValue_gzirr_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_gzirr_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_gzirr_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_gzirr_gg_"
|
|
33
33
|
})
|
|
34
34
|
);
|
|
35
35
|
var InputFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,13 +18,13 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SHighlightedNotice_m2ycp_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_m2ycp_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;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_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_m2ycp_gg_ .___SCloseIcon_m2ycp_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"m2ycp_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedNotice": "
|
|
27
|
-
"__SCloseIcon": "
|
|
26
|
+
"__SHighlightedNotice": "___SHighlightedNotice_m2ycp_gg_",
|
|
27
|
+
"__SCloseIcon": "___SCloseIcon_m2ycp_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var NoticeFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -19,16 +19,16 @@ var style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
'.
|
|
22
|
+
'.___SHighlightedPill_qanp5_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1}@media (hover:hover){.___SHighlightedPill_qanp5_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)\n ) border-box}}.___SHighlightedPill_qanp5_gg_.__selected_qanp5_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}.___SHighlightedPill_qanp5_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_qanp5_gg_:focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedPill_qanp5_gg_._neighborLocation_left_qanp5_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_right_qanp5_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_qanp5_gg_._neighborLocation_both_qanp5_gg_:focus-visible::before{border-radius:0}',
|
|
23
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"qanp5_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SHighlightedPill": "
|
|
28
|
-
"_selected": "
|
|
29
|
-
"_neighborLocation_left": "
|
|
30
|
-
"_neighborLocation_right": "
|
|
31
|
-
"_neighborLocation_both": "
|
|
27
|
+
"__SHighlightedPill": "___SHighlightedPill_qanp5_gg_",
|
|
28
|
+
"_selected": "__selected_qanp5_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_qanp5_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_qanp5_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_qanp5_gg_"
|
|
32
32
|
})
|
|
33
33
|
);
|
|
34
34
|
var PillsFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,13 +18,13 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SHighlightedRadio_eu8rp_gg_{position:relative}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{box-shadow:none;border-color:transparent;content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:1px;opacity:1;border-width:3px;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) 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}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{-webkit-mask:none;mask:none;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5))) border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name="RadioFH.Value"]+[data-ui-name="Value.RadioMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedRadio_eu8rp_gg_:not(._state_invalid_eu8rp_gg_) input[data-ui-name="RadioFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.RadioMark"]::before{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"eu8rp_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedRadio": "
|
|
27
|
-
"_state_invalid": "
|
|
26
|
+
"__SHighlightedRadio": "___SHighlightedRadio_eu8rp_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_eu8rp_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var RadioFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,14 +18,14 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SToggle_1nv4m_gg_.__checked_1nv4m_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible){box-shadow:none}.___SToggle_1nv4m_gg_:has(.___SInput_1nv4m_gg_:focus-visible)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"1nv4m_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SToggle": "
|
|
27
|
-
"_checked": "
|
|
28
|
-
"__SInput": "
|
|
26
|
+
"__SToggle": "___SToggle_1nv4m_gg_",
|
|
27
|
+
"_checked": "__checked_1nv4m_gg_",
|
|
28
|
+
"__SInput": "___SInput_1nv4m_gg_"
|
|
29
29
|
})
|
|
30
30
|
);
|
|
31
31
|
var SwitchFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -19,14 +19,14 @@ var style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
22
|
+
".___SHighlightedItem_opphz_gg_::after,.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_opphz_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_opphz_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_opphz_gg_.__selected_opphz_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_opphz_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_opphz_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}",
|
|
23
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"opphz_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SHighlightedCaret": "
|
|
28
|
-
"__SHighlightedItem": "
|
|
29
|
-
"_selected": "
|
|
27
|
+
"__SHighlightedCaret": "___SHighlightedCaret_opphz_gg_",
|
|
28
|
+
"__SHighlightedItem": "___SHighlightedItem_opphz_gg_",
|
|
29
|
+
"_selected": "__selected_opphz_gg_"
|
|
30
30
|
})
|
|
31
31
|
);
|
|
32
32
|
var TabLineFHRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -18,18 +18,18 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
'.
|
|
21
|
+
'.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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)\n ) border-box}}.___SHighlightedButtonTrigger_f8pzv_gg_.__active_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_),.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_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_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_left_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_right_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_f8pzv_gg_._neighborLocation_both_f8pzv_gg_:not(._state_invalid_f8pzv_gg_):not(._state_valid_f8pzv_gg_):focus-visible::before{border-radius:0}',
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"f8pzv_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedButtonTrigger": "
|
|
27
|
-
"_state_invalid": "
|
|
28
|
-
"_state_valid": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
26
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_f8pzv_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_f8pzv_gg_",
|
|
28
|
+
"_state_valid": "_state_valid_f8pzv_gg_",
|
|
29
|
+
"_active": "__active_f8pzv_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_f8pzv_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_f8pzv_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_f8pzv_gg_"
|
|
33
33
|
})
|
|
34
34
|
);
|
|
35
35
|
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_szdzs{50%{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(var(--scale_szdzs))}to{transform:rotate(calc(1deg*var(--angle_szdzs))) translateY(200%) scale(0)}}.___SSparkle_szdzs_gg_{position:absolute}.___SSparkle_szdzs_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_szdzs_gg_.__angle_szdzs_gg_.__scale_szdzs_gg_.__duration_szdzs_gg_{transform:rotate(calc(1deg*var(--angle_szdzs))) scale(var(--scale_szdzs));animation-name:sparkles_szdzs;animation-fill-mode:forwards;animation-duration:var(--duration_szdzs)}.___SSparkle_szdzs_gg_.__left_szdzs_gg_{left:var(--left_szdzs)}.___SSparkle_szdzs_gg_.__top_szdzs_gg_{top:var(--top_szdzs)}",
|
|
10
10
|
/*__inner_css_end__*/
|
|
11
|
-
"
|
|
11
|
+
"szdzs_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_szdzs_gg_",
|
|
15
|
+
"_angle": "__angle_szdzs_gg_",
|
|
16
|
+
"_scale": "__scale_szdzs_gg_",
|
|
17
|
+
"_duration": "__duration_szdzs_gg_",
|
|
18
|
+
"--angle": "--angle_szdzs",
|
|
19
|
+
"--scale": "--scale_szdzs",
|
|
20
|
+
"--duration": "--duration_szdzs",
|
|
21
|
+
"@sparkles": "sparkles_szdzs",
|
|
22
|
+
"_left": "__left_szdzs_gg_",
|
|
23
|
+
"--left": "--left_szdzs",
|
|
24
|
+
"_top": "__top_szdzs_gg_",
|
|
25
|
+
"--top": "--top_szdzs"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
function SvgSparkle(props) {
|
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.0.
|
|
4
|
+
"version": "16.0.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/esm/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -17,20 +17,20 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@semcore/badge": "^16.0.0",
|
|
20
|
-
"@semcore/base-trigger": "^16.
|
|
21
|
-
"@semcore/button": "^16.0.0",
|
|
22
|
-
"@semcore/checkbox": "^16.0.0",
|
|
23
|
-
"@semcore/input": "^16.0.0",
|
|
24
|
-
"@semcore/notice": "^16.
|
|
25
|
-
"@semcore/pills": "^16.0.0",
|
|
26
|
-
"@semcore/radio": "^16.0.0",
|
|
27
|
-
"@semcore/select": "^16.
|
|
28
|
-
"@semcore/switch": "^16.0.0",
|
|
29
|
-
"@semcore/tab-line": "^16.0.0",
|
|
30
|
-
"@semcore/typography": "^16.
|
|
20
|
+
"@semcore/base-trigger": "^16.2.4-prerelease.0",
|
|
21
|
+
"@semcore/button": "^16.0.5-prerelease.0",
|
|
22
|
+
"@semcore/checkbox": "^16.0.5-prerelease.0",
|
|
23
|
+
"@semcore/input": "^16.0.5-prerelease.0",
|
|
24
|
+
"@semcore/notice": "^16.1.5-prerelease.0",
|
|
25
|
+
"@semcore/pills": "^16.0.5-prerelease.0",
|
|
26
|
+
"@semcore/radio": "^16.0.5-prerelease.0",
|
|
27
|
+
"@semcore/select": "^16.1.5-prerelease.0",
|
|
28
|
+
"@semcore/switch": "^16.0.5-prerelease.0",
|
|
29
|
+
"@semcore/tab-line": "^16.0.5-prerelease.0",
|
|
30
|
+
"@semcore/typography": "^16.1.5-prerelease.0"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
|
-
"@semcore/base-components": "^16.
|
|
33
|
+
"@semcore/base-components": "^16.1.2-prerelease.0"
|
|
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.1.2-prerelease.0",
|
|
42
|
+
"@semcore/testing-utils": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm semcore-builder && pnpm vite build"
|