@semcore/feature-highlight 16.2.2 → 16.3.0-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 +3 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/feature-highlight)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/feature-highlight)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -20,7 +20,7 @@ npm install @semcore/feature-highlight
|
|
|
20
20
|
|
|
21
21
|
## 👤 Author
|
|
22
22
|
|
|
23
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
23
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS)
|
|
24
24
|
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
25
25
|
|
|
26
26
|
## 🤝 Contributing
|
|
@@ -28,7 +28,7 @@ and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors
|
|
|
28
28
|
Contributions, issues and feature requests are welcome!
|
|
29
29
|
|
|
30
30
|
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
|
|
31
|
-
the [contributing guide](https://github.com/semrush/intergalactic/blob/
|
|
31
|
+
the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
|
|
32
32
|
|
|
33
33
|
## Show your support
|
|
34
34
|
|
|
@@ -36,4 +36,4 @@ Give a ⭐️ if this project helped you!
|
|
|
36
36
|
|
|
37
37
|
## 📝 License
|
|
38
38
|
|
|
39
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
39
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
|
@@ -15,10 +15,10 @@ var _core = require("@semcore/core");
|
|
|
15
15
|
var _badge = _interopRequireDefault(require("@semcore/badge"));
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1fduk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1fduk_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedBadge": "
|
|
21
|
+
"__SHighlightedBadge": "___SHighlightedBadge_1fduk_gg_"
|
|
22
22
|
});
|
|
23
23
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
24
24
|
function BadgeFHRoot() {
|
|
@@ -17,17 +17,17 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_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_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_.__active_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_primary-highlighted_9x4l6_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_9x4l6_gg_._theme_primary-highlighted_9x4l6_gg_:focus-visible{outline:0}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_ .___SText_9x4l6_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:hover .___SText_9x4l6_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_.__active_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_.__active_9x4l6_gg_ .___SText_9x4l6_gg_,.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:active .___SText_9x4l6_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_9x4l6_gg_._theme_secondary-highlighted_9x4l6_gg_:focus-visible{outline:0}.___SHighlightedButton_9x4l6_gg_{position:relative}.___SHighlightedButton_9x4l6_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedButton_9x4l6_gg_._neighborLocation_left_9x4l6_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_9x4l6_gg_._neighborLocation_right_9x4l6_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_9x4l6_gg_._neighborLocation_both_9x4l6_gg_::before{border-radius:0}.___SHighlightedButton_9x4l6_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_9x4l6_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_9x4l6_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"9x4l6_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedButton": "
|
|
24
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
25
|
-
"_active": "
|
|
26
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
27
|
-
"__SText": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
23
|
+
"__SHighlightedButton": "___SHighlightedButton_9x4l6_gg_",
|
|
24
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_9x4l6_gg_",
|
|
25
|
+
"_active": "__active_9x4l6_gg_",
|
|
26
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_9x4l6_gg_",
|
|
27
|
+
"__SText": "___SText_9x4l6_gg_",
|
|
28
|
+
"_neighborLocation_left": "_neighborLocation_left_9x4l6_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_9x4l6_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_9x4l6_gg_"
|
|
31
31
|
});
|
|
32
32
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
function ButtonFHRoot() {
|
|
@@ -16,11 +16,11 @@ var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
18
18
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_18hxr_gg_:not(._state_invalid_18hxr_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"18hxr_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCheckbox": "
|
|
23
|
-
"_state_invalid": "
|
|
22
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_18hxr_gg_",
|
|
23
|
+
"_state_invalid": "_state_invalid_18hxr_gg_"
|
|
24
24
|
});
|
|
25
25
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
function CheckboxFHRoot() {
|
|
@@ -16,16 +16,16 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
|
16
16
|
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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}}", /*__inner_css_end__*/"1ddq4_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedInput": "
|
|
23
|
-
"_state_normal": "
|
|
24
|
-
"__SValue": "
|
|
25
|
-
"__SOutline": "
|
|
26
|
-
"_neighborLocation_left": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedInput": "___SHighlightedInput_1ddq4_gg_",
|
|
23
|
+
"_state_normal": "_state_normal_1ddq4_gg_",
|
|
24
|
+
"__SValue": "___SValue_1ddq4_gg_",
|
|
25
|
+
"__SOutline": "___SOutline_1ddq4_gg_",
|
|
26
|
+
"_neighborLocation_left": "_neighborLocation_left_1ddq4_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_1ddq4_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_1ddq4_gg_"
|
|
29
29
|
});
|
|
30
30
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function InputFHRoot() {
|
|
@@ -12,16 +12,19 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _core = require("@semcore/core");
|
|
15
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
15
16
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
16
17
|
var _notice = _interopRequireDefault(require("@semcore/notice"));
|
|
17
18
|
var _react = _interopRequireDefault(require("react"));
|
|
18
19
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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)}}", /*__inner_css_end__*/"wzdzl_gg_"),
|
|
20
21
|
/*__reshadow_css_end__*/
|
|
21
22
|
{
|
|
22
|
-
"__SHighlightedNotice": "
|
|
23
|
-
"
|
|
24
|
-
"
|
|
23
|
+
"__SHighlightedNotice": "___SHighlightedNotice_wzdzl_gg_",
|
|
24
|
+
"_beforeVisibility": "__beforeVisibility_wzdzl_gg_",
|
|
25
|
+
"--beforeVisibility": "--beforeVisibility_wzdzl",
|
|
26
|
+
"__SLabel": "___SLabel_wzdzl_gg_",
|
|
27
|
+
"__SCloseIcon": "___SCloseIcon_wzdzl_gg_"
|
|
25
28
|
});
|
|
26
29
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
30
|
function NoticeFHRoot() {
|
|
@@ -44,28 +47,53 @@ var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
|
44
47
|
return textContent;
|
|
45
48
|
}
|
|
46
49
|
}, {
|
|
47
|
-
key: "
|
|
48
|
-
value: function
|
|
49
|
-
var _ref = this.asProps,
|
|
50
|
-
_ref2;
|
|
51
|
-
var SHighlightedNotice = _notice["default"];
|
|
50
|
+
key: "renderSmartMode",
|
|
51
|
+
value: function renderSmartMode() {
|
|
52
52
|
var _this$asProps2 = this.asProps,
|
|
53
53
|
label = _this$asProps2.label,
|
|
54
54
|
title = _this$asProps2.title,
|
|
55
|
-
styles = _this$asProps2.styles,
|
|
56
55
|
actions = _this$asProps2.actions,
|
|
57
56
|
closable = _this$asProps2.closable,
|
|
58
57
|
onClose = _this$asProps2.onClose;
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, (0, _isNode["default"])(title) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, title), this.renderContent(), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
|
|
59
|
+
onClick: onClose
|
|
60
|
+
}));
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
key: "renderAdvancedMode",
|
|
64
|
+
value: function renderAdvancedMode() {
|
|
65
|
+
var Children = this.asProps.Children;
|
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(Children, null);
|
|
67
|
+
}
|
|
68
|
+
}, {
|
|
69
|
+
key: "render",
|
|
70
|
+
value: function render() {
|
|
71
|
+
var _ref = this.asProps,
|
|
72
|
+
_ref2;
|
|
73
|
+
var SHighlightedNotice = _notice["default"];
|
|
74
|
+
var _this$asProps3 = this.asProps,
|
|
75
|
+
styles = _this$asProps3.styles,
|
|
76
|
+
Children = _this$asProps3.Children,
|
|
77
|
+
visible = _this$asProps3.visible;
|
|
78
|
+
var advancedMode = (0, _findComponent.isAdvanceMode)(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
|
|
79
|
+
var beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';
|
|
59
80
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
81
|
+
"beforeVisibility": beforeVisibility,
|
|
60
82
|
"__excludeProps": ['title'],
|
|
61
83
|
"use:theme": undefined
|
|
62
|
-
}, _ref))),
|
|
63
|
-
onClick: onClose
|
|
64
|
-
}));
|
|
84
|
+
}, _ref))), advancedMode ? this.renderAdvancedMode() : this.renderSmartMode());
|
|
65
85
|
}
|
|
66
86
|
}]);
|
|
67
87
|
}(_core.Component);
|
|
68
88
|
(0, _defineProperty2["default"])(NoticeFHRoot, "displayName", 'NoticeFH');
|
|
69
89
|
(0, _defineProperty2["default"])(NoticeFHRoot, "style", style);
|
|
70
|
-
var NoticeFH = exports.NoticeFH = (0, _core.createComponent)(NoticeFHRoot
|
|
90
|
+
var NoticeFH = exports.NoticeFH = (0, _core.createComponent)(NoticeFHRoot, {
|
|
91
|
+
Label: _notice["default"].Label,
|
|
92
|
+
Actions: _notice["default"].Actions,
|
|
93
|
+
Content: _notice["default"].Content,
|
|
94
|
+
Title: _notice["default"].Title,
|
|
95
|
+
Text: _notice["default"].Text,
|
|
96
|
+
Close: _notice["default"].Close,
|
|
97
|
+
CloseIcon: _notice["default"].CloseIcon
|
|
98
|
+
});
|
|
71
99
|
//# sourceMappingURL=Notice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["_core","require","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","isNode","Text","render","_ref","_ref2","SHighlightedNotice","Notice","_this$
|
|
1
|
+
{"version":3,"file":"Notice.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","isNode","Text","renderSmartMode","_this$asProps2","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","Notice","_this$asProps3","styles","visible","advancedMode","isAdvanceMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread2","assignProps","Component","_defineProperty2","exports","createComponent","CloseIcon"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n static displayName = 'NoticeFH';\n static style = style;\n\n renderContent() {\n const { Children, label, title, closable } = this.asProps;\n let textContent = <Children />;\n\n if (typeof Children.origin === 'string') {\n textContent =\n isNode(title) || isNode(label) || closable\n ? (\n <Notice.Text>\n <Children />\n </Notice.Text>\n )\n : (\n <Children />\n );\n }\n\n return textContent;\n }\n\n renderSmartMode() {\n const { label, title, actions, closable, onClose } = this.asProps;\n\n return (\n <>\n {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n <Notice.Content>\n {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n {this.renderContent()}\n {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n </Notice.Content>\n {closable && <Notice.Close onClick={onClose} />}\n </>\n );\n }\n\n renderAdvancedMode() {\n const { Children } = this.asProps;\n\n return <Children />;\n }\n\n render() {\n const SHighlightedNotice = Root;\n const { styles, Children, visible } = this.asProps;\n\n const advancedMode = isAdvanceMode(Children, [\n NoticeFH.Label.displayName,\n NoticeFH.Actions.displayName,\n NoticeFH.Content.displayName,\n NoticeFH.Title.displayName,\n NoticeFH.Text.displayName,\n NoticeFH.Close.displayName,\n ]);\n\n const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n return sstyled(styles)(\n <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n </SHighlightedNotice>,\n );\n }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n Label: Notice.Label,\n Actions: Notice.Actions,\n Content: Notice.Content,\n Title: Notice.Title,\n Text: Notice.Text,\n Close: Notice.Close,\n CloseIcon: Notice.CloseIcon,\n}) as HighlightedNoticeComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAF,sBAAA,CAAAH,OAAA;AAA0B;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,gBAAA,mBAAAF,YAAA;IAAA,WAAAG,WAAA,mBAAAH,YAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,YAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,YAAA;IAAAO,GAAA;IAAAC,KAAA,EAIhB,SAAAC,aAAaA,CAAA,EAAG;MACd,IAAAC,aAAA,GAA6C,IAAI,CAACC,OAAO;QAAjDC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;MACxC,IAAIC,WAAW,gBAAGpB,MAAA,YAAAqB,aAAA,CAACL,QAAQ,MAAE,CAAC;MAE9B,IAAI,OAAOA,QAAQ,CAACM,MAAM,KAAK,QAAQ,EAAE;QACvCF,WAAW,GACH,IAAAG,kBAAM,EAACL,KAAK,CAAC,IAAI,IAAAK,kBAAM,EAACN,KAAK,CAAC,IAAIE,QAAQ,gBAEpCnB,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAACyB,IAAI,qBACVxB,MAAA,YAAAqB,aAAA,CAACL,QAAQ,MAAE,CACA,CAAC,gBAGdhB,MAAA,YAAAqB,aAAA,CAACL,QAAQ,MAAE,CACZ;MACf;MAEA,OAAOI,WAAW;IACpB;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAa,eAAeA,CAAA,EAAG;MAChB,IAAAC,cAAA,GAAqD,IAAI,CAACX,OAAO;QAAzDE,KAAK,GAAAS,cAAA,CAALT,KAAK;QAAEC,KAAK,GAAAQ,cAAA,CAALR,KAAK;QAAES,OAAO,GAAAD,cAAA,CAAPC,OAAO;QAAER,QAAQ,GAAAO,cAAA,CAARP,QAAQ;QAAES,OAAO,GAAAF,cAAA,CAAPE,OAAO;MAEhD,oBACE5B,MAAA,YAAAqB,aAAA,CAAArB,MAAA,YAAA6B,QAAA,QACG,IAAAN,kBAAM,EAACN,KAAK,CAAC,iBAAIjB,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAAC+B,KAAK,QAAEb,KAAoB,CAAC,eACtDjB,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAACgC,OAAO,QACZ,IAAAR,kBAAM,EAACL,KAAK,CAAC,iBAAIlB,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAACiC,KAAK,QAAEd,KAAoB,CAAC,EACrD,IAAI,CAACL,aAAa,CAAC,CAAC,EACpB,IAAAU,kBAAM,EAACI,OAAO,CAAC,iBAAI3B,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAACkC,OAAO,QAAEN,OAAwB,CAC/C,CAAC,EAChBR,QAAQ,iBAAInB,MAAA,YAAAqB,aAAA,CAACtB,OAAA,WAAM,CAACmC,KAAK;QAACC,OAAO,EAAEP;MAAQ,CAAE,CAC9C,CAAC;IAEP;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAwB,kBAAkBA,CAAA,EAAG;MACnB,IAAQpB,QAAQ,GAAK,IAAI,CAACD,OAAO,CAAzBC,QAAQ;MAEhB,oBAAOhB,MAAA,YAAAqB,aAAA,CAACL,QAAQ,MAAE,CAAC;IACrB;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAyB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAvB,OAAA;QAAAwB,KAAA;MACP,IAAMC,kBAAkB,GAeMC,kBAAM;MAdpC,IAAAC,cAAA,GAAsC,IAAI,CAAC3B,OAAO;QAA1C4B,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE3B,QAAQ,GAAA0B,cAAA,CAAR1B,QAAQ;QAAE4B,OAAO,GAAAF,cAAA,CAAPE,OAAO;MAEjC,IAAMC,YAAY,GAAG,IAAAC,4BAAa,EAAC9B,QAAQ,EAAE,CAC3C+B,QAAQ,CAACjB,KAAK,CAACkB,WAAW,EAC1BD,QAAQ,CAACd,OAAO,CAACe,WAAW,EAC5BD,QAAQ,CAAChB,OAAO,CAACiB,WAAW,EAC5BD,QAAQ,CAACf,KAAK,CAACgB,WAAW,EAC1BD,QAAQ,CAACvB,IAAI,CAACwB,WAAW,EACzBD,QAAQ,CAACb,KAAK,CAACc,WAAW,CAC3B,CAAC;MAEF,IAAMC,gBAAgB,GAAGL,OAAO,KAAKM,SAAS,IAAIN,OAAO,GAAG,SAAS,GAAG,QAAQ;MAEhF,OAAAL,KAAA,GAAO,IAAArC,aAAO,EAACyC,MAAM,CAAC,eACpB3C,MAAA,YAAAqB,aAAA,CAACmB,kBAAkB,EAAAD,KAAA,CAAAY,EAAA,2BAAAC,cAAA,qBAAA1D,KAAA,CAAA2D,WAAA;QAAA,oBAAmCJ,gBAAgB;QAAA,kBAAkB,CAAC,OAAO,CAAC;QAAA,aAAaC;MAAS,GAAAZ,IAAA,KACpHO,YAAY,GAAG,IAAI,CAACT,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAACX,eAAe,CAAC,CAC/C,CAAC;IAEzB;EAAC;AAAA,EAlEwB6B,eAAS;AAAA,IAAAC,gBAAA,aAA9BnD,YAAY,iBACK,UAAU;AAAA,IAAAmD,gBAAA,aAD3BnD,YAAY,WAEDH,KAAK;AAmEf,IAAM8C,QAAQ,GAAAS,OAAA,CAAAT,QAAA,GAAG,IAAAU,qBAAe,EAACrD,YAAY,EAAE;EACpD0B,KAAK,EAAEW,kBAAM,CAACX,KAAK;EACnBG,OAAO,EAAEQ,kBAAM,CAACR,OAAO;EACvBF,OAAO,EAAEU,kBAAM,CAACV,OAAO;EACvBC,KAAK,EAAES,kBAAM,CAACT,KAAK;EACnBR,IAAI,EAAEiB,kBAAM,CAACjB,IAAI;EACjBU,KAAK,EAAEO,kBAAM,CAACP,KAAK;EACnBwB,SAAS,EAAEjB,kBAAM,CAACiB;AACpB,CAAC,CAA+B","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type { NoticeSmart } from '@semcore/notice';\nimport type Notice from '@semcore/notice';\n\nexport type HighlightedNoticeComponent = typeof Notice & typeof NoticeSmart;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -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
|
+
}
|
|
@@ -17,15 +17,15 @@ var _pills = _interopRequireDefault(require("@semcore/pills"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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}}", /*__inner_css_end__*/"f2r4b_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedPill": "
|
|
24
|
-
"_neighborLocation_left": "
|
|
25
|
-
"_neighborLocation_right": "
|
|
26
|
-
"_neighborLocation_both": "
|
|
27
|
-
"_selected": "
|
|
28
|
-
"__SPills": "
|
|
23
|
+
"__SHighlightedPill": "___SHighlightedPill_f2r4b_gg_",
|
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_f2r4b_gg_",
|
|
25
|
+
"_neighborLocation_right": "_neighborLocation_right_f2r4b_gg_",
|
|
26
|
+
"_neighborLocation_both": "_neighborLocation_both_f2r4b_gg_",
|
|
27
|
+
"_selected": "__selected_f2r4b_gg_",
|
|
28
|
+
"__SPills": "___SPills_f2r4b_gg_"
|
|
29
29
|
});
|
|
30
30
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function PillsFHRoot() {
|
|
@@ -17,11 +17,11 @@ var _radio = _interopRequireWildcard(require("@semcore/radio"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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}}", /*__inner_css_end__*/"is7ms_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedRadio": "
|
|
24
|
-
"_state_invalid": "
|
|
23
|
+
"__SHighlightedRadio": "___SHighlightedRadio_is7ms_gg_",
|
|
24
|
+
"_state_invalid": "_state_invalid_is7ms_gg_"
|
|
25
25
|
});
|
|
26
26
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function RadioFHRoot() {
|
|
@@ -16,12 +16,12 @@ var _switch = _interopRequireDefault(require("@semcore/switch"));
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
18
18
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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}}", /*__inner_css_end__*/"188ar_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SToggle": "
|
|
23
|
-
"_checked": "
|
|
24
|
-
"__SInput": "
|
|
22
|
+
"__SToggle": "___SToggle_188ar_gg_",
|
|
23
|
+
"_checked": "__checked_188ar_gg_",
|
|
24
|
+
"__SInput": "___SInput_188ar_gg_"
|
|
25
25
|
});
|
|
26
26
|
var SwitchFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function SwitchFHRoot() {
|
|
@@ -17,12 +17,12 @@ var _tabLine = _interopRequireDefault(require("@semcore/tab-line"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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))}", /*__inner_css_end__*/"7mtik_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedCaret": "
|
|
24
|
-
"__SHighlightedItem": "
|
|
25
|
-
"_selected": "
|
|
23
|
+
"__SHighlightedCaret": "___SHighlightedCaret_7mtik_gg_",
|
|
24
|
+
"__SHighlightedItem": "___SHighlightedItem_7mtik_gg_",
|
|
25
|
+
"_selected": "__selected_7mtik_gg_"
|
|
26
26
|
});
|
|
27
27
|
var TabLineFHRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
function TabLineFHRoot() {
|
|
@@ -16,16 +16,16 @@ var _baseTrigger = require("@semcore/base-trigger");
|
|
|
16
16
|
var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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}}", /*__inner_css_end__*/"1vitv_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedButtonTrigger": "
|
|
23
|
-
"_state_invalid": "
|
|
24
|
-
"_state_valid": "
|
|
25
|
-
"_active": "
|
|
26
|
-
"_neighborLocation_left": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1vitv_gg_",
|
|
23
|
+
"_state_invalid": "_state_invalid_1vitv_gg_",
|
|
24
|
+
"_state_valid": "_state_valid_1vitv_gg_",
|
|
25
|
+
"_active": "__active_1vitv_gg_",
|
|
26
|
+
"_neighborLocation_left": "_neighborLocation_left_1vitv_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_1vitv_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_1vitv_gg_"
|
|
29
29
|
});
|
|
30
30
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
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_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)}", /*__inner_css_end__*/"140ly_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_140ly_gg_",
|
|
16
|
+
"_angle": "__angle_140ly_gg_",
|
|
17
|
+
"_scale": "__scale_140ly_gg_",
|
|
18
|
+
"_duration": "__duration_140ly_gg_",
|
|
19
|
+
"--angle": "--angle_140ly",
|
|
20
|
+
"--scale": "--scale_140ly",
|
|
21
|
+
"--duration": "--duration_140ly",
|
|
22
|
+
"@sparkles": "sparkles_140ly",
|
|
23
|
+
"_left": "__left_140ly_gg_",
|
|
24
|
+
"--left": "--left_140ly",
|
|
25
|
+
"_top": "__top_140ly_gg_",
|
|
26
|
+
"--top": "--top_140ly"
|
|
27
27
|
});
|
|
28
28
|
function SvgSparkle(props, ref) {
|
|
29
29
|
var _ref = arguments[0],
|
|
@@ -10,10 +10,10 @@ import Badge from '@semcore/badge';
|
|
|
10
10
|
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
11
11
|
import React from 'react';
|
|
12
12
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
13
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1fduk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1fduk_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SHighlightedBadge": "
|
|
16
|
+
"__SHighlightedBadge": "___SHighlightedBadge_1fduk_gg_"
|
|
17
17
|
});
|
|
18
18
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
19
19
|
function BadgeFHRoot() {
|