@semcore/feature-highlight 16.0.4 → 16.1.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 +11 -0
- package/lib/cjs/components/badge/Badge.js +2 -2
- package/lib/cjs/components/badge/badge.shadow.css +1 -10
- package/lib/cjs/components/button/Button.js +10 -11
- package/lib/cjs/components/button/Button.js.map +1 -1
- package/lib/cjs/components/button/button.shadow.css +34 -9
- package/lib/cjs/components/checkbox/Checkbox.js +3 -3
- package/lib/cjs/components/input/Input.js +8 -8
- package/lib/cjs/components/input/input.shadow.css +1 -1
- package/lib/cjs/components/notice/Notice.js +4 -3
- package/lib/cjs/components/notice/Notice.js.map +1 -1
- package/lib/cjs/components/notice/notice.shadow.css +4 -0
- package/lib/cjs/components/pills/Pills.js +6 -6
- package/lib/cjs/components/pills/pills.shadow.css +1 -2
- package/lib/cjs/components/radio/Radio.js +3 -3
- package/lib/cjs/components/radio/radio.shadow.css +1 -2
- 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/button-trigger/buttonTrigger.shadow.css +2 -2
- package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/es6/components/badge/Badge.js +2 -2
- package/lib/es6/components/badge/badge.shadow.css +1 -10
- package/lib/es6/components/button/Button.js +10 -11
- package/lib/es6/components/button/Button.js.map +1 -1
- package/lib/es6/components/button/button.shadow.css +34 -9
- package/lib/es6/components/checkbox/Checkbox.js +3 -3
- package/lib/es6/components/input/Input.js +8 -8
- package/lib/es6/components/input/input.shadow.css +1 -1
- package/lib/es6/components/notice/Notice.js +4 -3
- package/lib/es6/components/notice/Notice.js.map +1 -1
- package/lib/es6/components/notice/notice.shadow.css +4 -0
- package/lib/es6/components/pills/Pills.js +6 -6
- package/lib/es6/components/pills/pills.shadow.css +1 -2
- package/lib/es6/components/radio/Radio.js +3 -3
- package/lib/es6/components/radio/radio.shadow.css +1 -2
- 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/button-trigger/buttonTrigger.shadow.css +2 -2
- package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/esm/components/badge/Badge.mjs +3 -3
- package/lib/esm/components/badge/badge.shadow.css +1 -10
- package/lib/esm/components/button/Button.mjs +11 -12
- package/lib/esm/components/button/button.shadow.css +34 -9
- package/lib/esm/components/checkbox/Checkbox.mjs +4 -4
- package/lib/esm/components/input/Input.mjs +9 -9
- package/lib/esm/components/input/input.shadow.css +1 -1
- package/lib/esm/components/notice/Notice.mjs +5 -4
- package/lib/esm/components/notice/notice.shadow.css +4 -0
- package/lib/esm/components/pills/Pills.mjs +7 -7
- package/lib/esm/components/pills/pills.shadow.css +1 -2
- package/lib/esm/components/radio/Radio.mjs +4 -4
- package/lib/esm/components/radio/radio.shadow.css +1 -2
- 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/button-trigger/buttonTrigger.shadow.css +2 -2
- package/lib/esm/inner-components/sparkle/Sparkle.mjs +14 -14
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.1.0] - 2025-09-03
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Secondary button styles: now secondary button has gradient background, border, and text.
|
|
10
|
+
- Notice styles: `Notice.Label` now has `icon-primary-feature-highlight` color by default.
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- Styles: replaced some hardcoded color values with variables.
|
|
15
|
+
|
|
5
16
|
## [16.0.4] - 2025-08-29
|
|
6
17
|
|
|
7
18
|
### Fixed
|
|
@@ -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_1yq0f_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1yq0f_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SHighlightedBadge": "
|
|
24
|
+
"__SHighlightedBadge": "___SHighlightedBadge_1yq0f_gg_"
|
|
25
25
|
});
|
|
26
26
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function BadgeFHRoot() {
|
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
SHighlightedBadge {
|
|
2
2
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
3
3
|
|
|
4
|
-
background-image: linear-gradient(
|
|
5
|
-
90deg,
|
|
6
|
-
var(--intergalactic-violet-500, #8649e1),
|
|
7
|
-
var(--intergalactic-blue-500, #006dca),
|
|
8
|
-
var(--intergalactic-violet-400, #ab6cfe),
|
|
9
|
-
var(--intergalactic-blue-400, #008ff8)
|
|
10
|
-
);
|
|
11
|
-
background-position-x: 99%;
|
|
12
|
-
background-size: 300%;
|
|
13
|
-
transition: background-position-x 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
|
|
4
|
+
background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8));
|
|
14
5
|
}
|
|
@@ -20,16 +20,17 @@ 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_1uou6_gg_._theme_primary-highlighted_1uou6_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_1uou6_gg_._theme_primary-highlighted_1uou6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_1uou6_gg_._theme_primary-highlighted_1uou6_gg_.__active_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_primary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_ .___SText_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_:hover .___SText_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_.__active_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_secondary-highlighted_1uou6_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_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_.__active_1uou6_gg_ .___SText_1uou6_gg_,.___SHighlightedButton_1uou6_gg_._theme_secondary-highlighted_1uou6_gg_:active .___SText_1uou6_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_1uou6_gg_:focus-visible{outline:0;position:relative}.___SHighlightedButton_1uou6_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_1uou6_gg_._neighborLocation_left_1uou6_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1uou6_gg_._neighborLocation_right_1uou6_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1uou6_gg_._neighborLocation_both_1uou6_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"1uou6_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
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
26
|
+
"__SHighlightedButton": "___SHighlightedButton_1uou6_gg_",
|
|
27
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_1uou6_gg_",
|
|
28
|
+
"_active": "__active_1uou6_gg_",
|
|
29
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_1uou6_gg_",
|
|
30
|
+
"__SText": "___SText_1uou6_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_1uou6_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_1uou6_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_1uou6_gg_"
|
|
33
34
|
});
|
|
34
35
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
35
36
|
function ButtonFHRoot() {
|
|
@@ -93,9 +94,7 @@ function HighlightAddon(props) {
|
|
|
93
94
|
animatedSparkleCount = props.animatedSparkleCount,
|
|
94
95
|
Children = props.Children,
|
|
95
96
|
hasChildren = props.children;
|
|
96
|
-
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("SummaryAI", {
|
|
97
|
-
"color": '--intergalactic-icon-primary-feature-highlight'
|
|
98
|
-
})), /*#__PURE__*/_react["default"].createElement(_AnimatedSparkles.AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
|
|
97
|
+
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("SummaryAI", {})), /*#__PURE__*/_react["default"].createElement(_AnimatedSparkles.AnimatedSparkles, _ref4.cn("AnimatedSparkles", {
|
|
99
98
|
"show": clicked,
|
|
100
99
|
"count": animatedSparkleCount
|
|
101
100
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","ButtonFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","clicked","_inherits2","_createClass2","key","value","handleClick","_this2","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","Button","createElement","cn","_objectSpread2","assignProps","bind","Component","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","hasChildren","children","Fragment","AnimatedSparkles","ButtonFH","exports","createComponent","Text"],"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport type { IRootNodeProps } from '@semcore/core/src/core-types/Component';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { HighLightedButtonAddonProps, HighlightedButtonComponent } from './Button.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass ButtonFHRoot extends Component {\n static displayName = 'ButtonFH';\n static style = style;\n\n static defaultProps = {\n theme: 'highlighted',\n };\n\n state = {\n clicked: false,\n };\n\n handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n const { onClick } = this.asProps;\n\n onClick?.(e);\n this.setState({ clicked: false });\n setTimeout(() => {\n this.setState({ clicked: true });\n });\n }\n\n getAddonProps() {\n return {\n clicked: this.state.clicked,\n };\n }\n\n render() {\n const { styles } = this.asProps;\n const SHighlightedButton = Root;\n return sstyled(styles)(\n <SHighlightedButton render={Button} use:onClick={this.handleClick.bind(this)} />,\n );\n }\n}\n\nfunction HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean } & IRootNodeProps) {\n const SAddon = Root;\n const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n return sstyled(props.styles)(\n <SAddon render={Button.Addon}>\n {hasChildren\n ? (<Children />)\n : (\n <>\n <SummaryAI
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","ButtonFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","clicked","_inherits2","_createClass2","key","value","handleClick","_this2","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","Button","createElement","cn","_objectSpread2","assignProps","bind","Component","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","hasChildren","children","Fragment","AnimatedSparkles","ButtonFH","exports","createComponent","Text"],"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport type { IRootNodeProps } from '@semcore/core/src/core-types/Component';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { HighLightedButtonAddonProps, HighlightedButtonComponent } from './Button.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass ButtonFHRoot extends Component {\n static displayName = 'ButtonFH';\n static style = style;\n\n static defaultProps = {\n theme: 'highlighted',\n };\n\n state = {\n clicked: false,\n };\n\n handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n const { onClick } = this.asProps;\n\n onClick?.(e);\n this.setState({ clicked: false });\n setTimeout(() => {\n this.setState({ clicked: true });\n });\n }\n\n getAddonProps() {\n return {\n clicked: this.state.clicked,\n };\n }\n\n render() {\n const { styles } = this.asProps;\n const SHighlightedButton = Root;\n return sstyled(styles)(\n <SHighlightedButton render={Button} use:onClick={this.handleClick.bind(this)} />,\n );\n }\n}\n\nfunction HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean } & IRootNodeProps) {\n const SAddon = Root;\n const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n return sstyled(props.styles)(\n <SAddon render={Button.Addon}>\n {hasChildren\n ? (<Children />)\n : (\n <>\n <SummaryAI />\n <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n </>\n )}\n </SAddon>,\n );\n}\n\nexport const ButtonFH = createComponent(ButtonFHRoot, {\n Addon: HighlightAddon,\n Text: Button.Text,\n}) as HighlightedButtonComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,21 +25,46 @@ SHighlightedButton[theme='primary-highlighted'] {
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
SHighlightedButton[theme='secondary-highlighted'] {
|
|
28
|
-
color: var(--intergalactic-
|
|
29
|
-
|
|
30
|
-
background
|
|
28
|
+
color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
|
|
29
|
+
|
|
30
|
+
background:
|
|
31
|
+
var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
|
|
32
|
+
var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
|
|
33
|
+
background-origin: border-box;
|
|
34
|
+
background-clip: padding-box, border-box;
|
|
35
|
+
|
|
36
|
+
& SText {
|
|
37
|
+
background-color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
|
|
38
|
+
background-image: var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));
|
|
39
|
+
background-clip: text;
|
|
40
|
+
-webkit-text-fill-color: transparent;
|
|
41
|
+
}
|
|
31
42
|
|
|
32
43
|
&:hover {
|
|
33
|
-
background
|
|
34
|
-
|
|
35
|
-
|
|
44
|
+
background:
|
|
45
|
+
var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,
|
|
46
|
+
var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
|
|
47
|
+
|
|
48
|
+
color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
|
|
49
|
+
|
|
50
|
+
& SText {
|
|
51
|
+
background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
|
|
52
|
+
background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
|
|
53
|
+
}
|
|
36
54
|
}
|
|
37
55
|
|
|
38
56
|
&:active,
|
|
39
57
|
&[active] {
|
|
40
|
-
background
|
|
41
|
-
|
|
42
|
-
|
|
58
|
+
background:
|
|
59
|
+
var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,
|
|
60
|
+
var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;
|
|
61
|
+
|
|
62
|
+
color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
|
|
63
|
+
|
|
64
|
+
& SText {
|
|
65
|
+
background-color: var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);
|
|
66
|
+
background-image: var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f));
|
|
67
|
+
}
|
|
43
68
|
}
|
|
44
69
|
}
|
|
45
70
|
|
|
@@ -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_1e82x_gg_:not(._state_invalid_1e82x_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_1e82x_gg_:not(._state_invalid_1e82x_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_1e82x_gg_:not(._state_invalid_1e82x_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_1e82x_gg_:not(._state_invalid_1e82x_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__*/"1e82x_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedCheckbox": "
|
|
26
|
-
"_state_invalid": "
|
|
25
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1e82x_gg_",
|
|
26
|
+
"_state_invalid": "_state_invalid_1e82x_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_wfmcz_gg_._state_normal_wfmcz_gg_ .___SOutline_wfmcz_gg_{background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_wfmcz_gg_._state_normal_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_{box-shadow:none;border-color:transparent}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_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_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_left_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_right_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_wfmcz_gg_._state_normal_wfmcz_gg_._neighborLocation_both_wfmcz_gg_:has(.___SValue_wfmcz_gg_:focus-visible) .___SOutline_wfmcz_gg_::before{border-radius:0}", /*__inner_css_end__*/"wfmcz_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_wfmcz_gg_",
|
|
26
|
+
"_state_normal": "_state_normal_wfmcz_gg_",
|
|
27
|
+
"__SOutline": "___SOutline_wfmcz_gg_",
|
|
28
|
+
"__SValue": "___SValue_wfmcz_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_wfmcz_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_wfmcz_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_wfmcz_gg_"
|
|
32
32
|
});
|
|
33
33
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
function InputFHRoot() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
SHighlightedInput[state='normal'] {
|
|
2
2
|
& SOutline {
|
|
3
3
|
background:
|
|
4
|
-
linear-gradient(
|
|
4
|
+
linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
|
|
5
5
|
var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;
|
|
6
6
|
background-origin: border-box;
|
|
7
7
|
background-clip: padding-box, border-box;
|
|
@@ -19,11 +19,12 @@ 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_16ngo_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_16ngo_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_16ngo_gg_ .___SLabel_16ngo_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_16ngo_gg_ .___SCloseIcon_16ngo_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_16ngo_gg_ .___SCloseIcon_16ngo_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"16ngo_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHighlightedNotice": "
|
|
26
|
-
"
|
|
25
|
+
"__SHighlightedNotice": "___SHighlightedNotice_16ngo_gg_",
|
|
26
|
+
"__SLabel": "___SLabel_16ngo_gg_",
|
|
27
|
+
"__SCloseIcon": "___SCloseIcon_16ngo_gg_"
|
|
27
28
|
});
|
|
28
29
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
29
30
|
function NoticeFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["_core","require","_isNode","_interopRequireDefault","_notice","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","isNode","Text","render","_ref","_ref2","SHighlightedNotice","Notice","_this$asProps2","styles","actions","onClose","cn","_objectSpread2","assignProps","undefined","Label","Content","Title","Actions","Close","onClick","Component","_defineProperty2","NoticeFH","exports","createComponent"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\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';\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 render() {\n const SHighlightedNotice = Root;\n const { label, title, styles, actions, closable, onClose } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedNotice render={Notice} __excludeProps={['title']} use:theme={undefined}>\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 </SHighlightedNotice>,\n );\n }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Notice.js","names":["_core","require","_isNode","_interopRequireDefault","_notice","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","isNode","Text","render","_ref","_ref2","SHighlightedNotice","Notice","_this$asProps2","styles","actions","onClose","cn","_objectSpread2","assignProps","undefined","Label","Content","Title","Actions","Close","onClick","Component","_defineProperty2","NoticeFH","exports","createComponent"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\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';\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 render() {\n const SHighlightedNotice = Root;\n const { label, title, styles, actions, closable, onClose } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedNotice render={Notice} __excludeProps={['title']} use:theme={undefined}>\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 </SHighlightedNotice>,\n );\n }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,6 +16,10 @@ SHighlightedNotice {
|
|
|
16
16
|
) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
& SLabel {
|
|
20
|
+
color: var(--intergalactic-icon-primary-feature-highlight, #8649e1);
|
|
21
|
+
}
|
|
22
|
+
|
|
19
23
|
& SCloseIcon {
|
|
20
24
|
color: var(--intergalactic-icon-primary-neutral, #6c6e79);
|
|
21
25
|
|
|
@@ -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_f01ib_gg_{border:1px solid transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_f01ib_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_f01ib_gg_.__selected_f01ib_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_f01ib_gg_:focus-visible{outline:0;position:relative}.___SHighlightedPill_f01ib_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_f01ib_gg_._neighborLocation_left_f01ib_gg_:focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_f01ib_gg_._neighborLocation_right_f01ib_gg_:focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_f01ib_gg_._neighborLocation_both_f01ib_gg_:focus-visible::before{border-radius:0}", /*__inner_css_end__*/"f01ib_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedPill": "
|
|
27
|
-
"_selected": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
26
|
+
"__SHighlightedPill": "___SHighlightedPill_f01ib_gg_",
|
|
27
|
+
"_selected": "__selected_f01ib_gg_",
|
|
28
|
+
"_neighborLocation_left": "_neighborLocation_left_f01ib_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_f01ib_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_f01ib_gg_"
|
|
31
31
|
});
|
|
32
32
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
function PillsFHRoot() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
SHighlightedPill {
|
|
2
2
|
border: 1px solid transparent;
|
|
3
3
|
background:
|
|
4
|
-
linear-gradient(
|
|
4
|
+
linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
|
|
5
5
|
var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
|
|
6
6
|
) border-box;
|
|
7
7
|
background-origin: border-box;
|
|
@@ -26,7 +26,6 @@ SHighlightedPill {
|
|
|
26
26
|
SHighlightedPill:focus-visible {
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
/*isolation: isolate;*/
|
|
30
29
|
|
|
31
30
|
&::before {
|
|
32
31
|
content: "";
|
|
@@ -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_17a2y_gg_{position:relative}.___SHighlightedRadio_17a2y_gg_:not(._state_invalid_17a2y_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_17a2y_gg_:not(._state_invalid_17a2y_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_17a2y_gg_:not(._state_invalid_17a2y_gg_) input[data-ui-name=\"RadioFH.Value\"]+[data-ui-name=\"Value.RadioMark\"]::before{border-color:transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_17a2y_gg_:not(._state_invalid_17a2y_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__*/"17a2y_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedRadio": "
|
|
27
|
-
"_state_invalid": "
|
|
26
|
+
"__SHighlightedRadio": "___SHighlightedRadio_17a2y_gg_",
|
|
27
|
+
"_state_invalid": "_state_invalid_17a2y_gg_"
|
|
28
28
|
});
|
|
29
29
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
function RadioFHRoot() {
|
|
@@ -26,9 +26,8 @@ SHighlightedRadio:not([state="invalid"]) {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
input[data-ui-name="RadioFH.Value"] + [data-ui-name="Value.RadioMark"]::before {
|
|
29
|
-
/*SValue[state='normal']::before {*/
|
|
30
29
|
border-color: transparent;
|
|
31
|
-
background: linear-gradient(
|
|
30
|
+
background: linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
|
|
32
31
|
var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
|
|
33
32
|
) border-box;
|
|
34
33
|
background-origin: border-box;
|
|
@@ -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_15mmv_gg_.__checked_15mmv_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_15mmv_gg_:has(.___SInput_15mmv_gg_:focus-visible){box-shadow:none}.___SToggle_15mmv_gg_:has(.___SInput_15mmv_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__*/"15mmv_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SToggle": "
|
|
26
|
-
"_checked": "
|
|
27
|
-
"__SInput": "
|
|
25
|
+
"__SToggle": "___SToggle_15mmv_gg_",
|
|
26
|
+
"_checked": "__checked_15mmv_gg_",
|
|
27
|
+
"__SInput": "___SInput_15mmv_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_8bf6g_gg_::after,.___SHighlightedItem_8bf6g_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_8bf6g_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_8bf6g_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_8bf6g_gg_.__selected_8bf6g_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_8bf6g_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_8bf6g_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"8bf6g_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHighlightedCaret": "
|
|
27
|
-
"__SHighlightedItem": "
|
|
28
|
-
"_selected": "
|
|
26
|
+
"__SHighlightedCaret": "___SHighlightedCaret_8bf6g_gg_",
|
|
27
|
+
"__SHighlightedItem": "___SHighlightedItem_8bf6g_gg_",
|
|
28
|
+
"_selected": "__selected_8bf6g_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_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_){border:1px solid transparent;background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_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_1xrap_gg_.__active_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_),.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):active{background:linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff),var(--intergalactic-bg-primary-neutral, #ffffff)) 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_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_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_1xrap_gg_._neighborLocation_left_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1xrap_gg_._neighborLocation_right_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1xrap_gg_._neighborLocation_both_1xrap_gg_:not(._state_invalid_1xrap_gg_):not(._state_valid_1xrap_gg_):focus-visible::before{border-radius:0}", /*__inner_css_end__*/"1xrap_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_1xrap_gg_",
|
|
26
|
+
"_state_invalid": "_state_invalid_1xrap_gg_",
|
|
27
|
+
"_state_valid": "_state_valid_1xrap_gg_",
|
|
28
|
+
"_active": "__active_1xrap_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_1xrap_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_1xrap_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_1xrap_gg_"
|
|
32
32
|
});
|
|
33
33
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
function ButtonTriggerFHRoot() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
|
|
2
2
|
border: 1px solid transparent;
|
|
3
3
|
background:
|
|
4
|
-
linear-gradient(
|
|
4
|
+
linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
|
|
5
5
|
var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
|
|
6
6
|
) border-box; /* border */
|
|
7
7
|
background-origin: border-box;
|
|
@@ -16,7 +16,7 @@ SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
|
|
|
16
16
|
&:active,
|
|
17
17
|
&[active] {
|
|
18
18
|
background:
|
|
19
|
-
linear-gradient(
|
|
19
|
+
linear-gradient(var(--intergalactic-bg-primary-neutral, #ffffff), var(--intergalactic-bg-primary-neutral, #ffffff)) padding-box,
|
|
20
20
|
var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;
|
|
21
21
|
background-origin: border-box;
|
|
22
22
|
background-clip: padding-box, border-box;
|
|
@@ -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_equly{50%{transform:rotate(calc(1deg*var(--angle_equly))) translateY(200%) scale(var(--scale_equly))}to{transform:rotate(calc(1deg*var(--angle_equly))) translateY(200%) scale(0)}}.___SSparkle_equly_gg_{position:absolute}.___SSparkle_equly_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_equly_gg_.__angle_equly_gg_.__scale_equly_gg_.__duration_equly_gg_{transform:rotate(calc(1deg*var(--angle_equly))) scale(var(--scale_equly));animation-name:sparkles_equly;animation-fill-mode:forwards;animation-duration:var(--duration_equly)}.___SSparkle_equly_gg_.__left_equly_gg_{left:var(--left_equly)}.___SSparkle_equly_gg_.__top_equly_gg_{top:var(--top_equly)}", /*__inner_css_end__*/"equly_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_equly_gg_",
|
|
16
|
+
"_angle": "__angle_equly_gg_",
|
|
17
|
+
"_scale": "__scale_equly_gg_",
|
|
18
|
+
"_duration": "__duration_equly_gg_",
|
|
19
|
+
"--angle": "--angle_equly",
|
|
20
|
+
"--scale": "--scale_equly",
|
|
21
|
+
"--duration": "--duration_equly",
|
|
22
|
+
"@sparkles": "sparkles_equly",
|
|
23
|
+
"_left": "__left_equly_gg_",
|
|
24
|
+
"--left": "--left_equly",
|
|
25
|
+
"_top": "__top_equly_gg_",
|
|
26
|
+
"--top": "--top_equly"
|
|
27
27
|
});
|
|
28
28
|
function SvgSparkle(props, ref) {
|
|
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_1yq0f_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1yq0f_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHighlightedBadge": "
|
|
19
|
+
"__SHighlightedBadge": "___SHighlightedBadge_1yq0f_gg_"
|
|
20
20
|
});
|
|
21
21
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
22
22
|
function BadgeFHRoot() {
|