@semcore/feature-highlight 16.4.0-prerelease.1 → 16.4.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/lib/cjs/components/badge/Badge.js +18 -4
- package/lib/cjs/components/badge/Badge.js.map +1 -1
- package/lib/cjs/components/badge/badge.shadow.css +6 -0
- package/lib/cjs/components/button/Button.js +9 -9
- package/lib/cjs/components/button/Button.js.map +1 -1
- package/lib/cjs/components/checkbox/Checkbox.js +3 -3
- package/lib/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/components/checkbox/Checkbox.type.js.map +1 -1
- package/lib/cjs/components/checkbox/checkbox.shadow.css +3 -0
- package/lib/cjs/components/input/Input.js +8 -8
- package/lib/cjs/components/notice/Notice.js +18 -32
- 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/pills/Pills.js +7 -7
- package/lib/cjs/components/pills/Pills.js.map +1 -1
- package/lib/cjs/components/radio/Radio.js +3 -3
- package/lib/cjs/components/radio/Radio.js.map +1 -1
- package/lib/cjs/components/radio/Radio.type.js.map +1 -1
- package/lib/cjs/components/select/Select.js.map +1 -1
- package/lib/cjs/components/switch/Switch.js +4 -4
- package/lib/cjs/components/switch/switch.shadow.css +1 -0
- package/lib/cjs/components/tab-line/TabLine.js +4 -4
- package/lib/cjs/components/tab-line/TabLine.js.map +1 -1
- package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js +8 -8
- package/lib/cjs/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/cjs/inner-components/sparkle/Sparkle.js.map +1 -1
- package/lib/es6/components/badge/Badge.js +18 -4
- package/lib/es6/components/badge/Badge.js.map +1 -1
- package/lib/es6/components/badge/badge.shadow.css +6 -0
- package/lib/es6/components/button/Button.js +9 -9
- package/lib/es6/components/button/Button.js.map +1 -1
- package/lib/es6/components/checkbox/Checkbox.js +3 -3
- package/lib/es6/components/checkbox/Checkbox.js.map +1 -1
- package/lib/es6/components/checkbox/Checkbox.type.js.map +1 -1
- package/lib/es6/components/checkbox/checkbox.shadow.css +3 -0
- package/lib/es6/components/input/Input.js +8 -8
- package/lib/es6/components/notice/Notice.js +18 -32
- 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/pills/Pills.js +7 -7
- package/lib/es6/components/pills/Pills.js.map +1 -1
- package/lib/es6/components/radio/Radio.js +3 -3
- package/lib/es6/components/radio/Radio.js.map +1 -1
- package/lib/es6/components/radio/Radio.type.js.map +1 -1
- package/lib/es6/components/select/Select.js.map +1 -1
- package/lib/es6/components/switch/Switch.js +4 -4
- package/lib/es6/components/switch/switch.shadow.css +1 -0
- package/lib/es6/components/tab-line/TabLine.js +4 -4
- package/lib/es6/components/tab-line/TabLine.js.map +1 -1
- package/lib/es6/inner-components/button-trigger/ButtonTrigger.js +8 -8
- package/lib/es6/inner-components/sparkle/Sparkle.js +13 -13
- package/lib/es6/inner-components/sparkle/Sparkle.js.map +1 -1
- package/lib/esm/components/badge/Badge.mjs +17 -6
- package/lib/esm/components/badge/badge.shadow.css +6 -0
- package/lib/esm/components/button/Button.mjs +11 -11
- package/lib/esm/components/checkbox/Checkbox.mjs +5 -5
- package/lib/esm/components/checkbox/checkbox.shadow.css +3 -0
- package/lib/esm/components/input/Input.mjs +10 -10
- package/lib/esm/components/notice/Notice.mjs +12 -23
- package/lib/esm/components/pills/Pills.mjs +9 -9
- package/lib/esm/components/radio/Radio.mjs +5 -5
- package/lib/esm/components/select/Select.mjs +1 -1
- package/lib/esm/components/switch/Switch.mjs +6 -6
- package/lib/esm/components/switch/switch.shadow.css +1 -0
- package/lib/esm/components/tab-line/TabLine.mjs +6 -6
- package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs +10 -10
- package/lib/esm/inner-components/sparkle/Sparkle.mjs +15 -15
- package/lib/types/components/badge/Badge.d.ts +11 -3
- package/lib/types/components/checkbox/Checkbox.type.d.ts +4 -4
- package/lib/types/components/notice/Notice.type.d.ts +10 -2
- package/lib/types/components/radio/Radio.type.d.ts +3 -3
- package/lib/types/inner-components/sparkle/Sparkle.d.ts +1 -2
- package/package.json +16 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkle.js","names":["createBaseComponent","Root","sstyled","React","styles","_sstyled","insert","SvgSparkle","props","ref","_ref","arguments[0]","_ref2","SSparkle","num","index","curve","left","rand","Math","floor","random","angle","sin","PI","x","trunc","odd","scale","animationDuration","concat","createElement","cn","_objectSpread","_assignProps"],"sources":["../../../../src/inner-components/sparkle/Sparkle.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Sparkle.js","names":["createBaseComponent","Root","sstyled","React","styles","_sstyled","insert","SvgSparkle","props","ref","_ref","arguments[0]","_ref2","SSparkle","num","index","curve","left","rand","Math","floor","random","angle","sin","PI","x","trunc","odd","scale","animationDuration","concat","createElement","cn","_objectSpread","_assignProps"],"sources":["../../../../src/inner-components/sparkle/Sparkle.tsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport type { ForwardedRef } from 'react';\nimport React from 'react';\n\nimport styles from './style/sparkle.shadow.css';\n\ntype SparkleProps = {\n index: number;\n num: number;\n curve?: number;\n top?: string;\n left?: string;\n};\n\nfunction SvgSparkle(props: SparkleProps, ref: ForwardedRef<SVGSVGElement>) {\n const SSparkle = Root;\n const { num, index, curve, left } = props;\n const rand = Math.floor(Math.random() * 50);\n const angle = (360 / num) * index + rand;\n const sin = Math.sin((Math.PI * angle) / 180);\n const x = curve ? Math.trunc(sin * -1 * curve) : 0;\n const odd = index % 2;\n const scale = 1 - odd * 0.3;\n const animationDuration = `${0.6 - odd * 0.2}s`;\n\n return sstyled(styles)(\n <SSparkle\n ref={ref}\n aria-hidden={true}\n render='svg'\n use:left={x ? `${x + 14}px` : left}\n scale={scale}\n duration={animationDuration}\n angle={angle}\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path d='M5.371.269a.39.39 0 0 0-.742 0L3.704 3.08a.977.977 0 0 1-.623.623L.27 4.629a.39.39 0 0 0 0 .742l2.812.925a.977.977 0 0 1 .623.623l.925 2.812a.39.39 0 0 0 .742 0l.925-2.812a.977.977 0 0 1 .623-.623l2.812-.925a.39.39 0 0 0 0-.742L6.92 3.704a.977.977 0 0 1-.623-.623L5.371.27Z' />\n </SSparkle>,\n );\n}\n\nexport default createBaseComponent<'svg', SparkleProps>(SvgSparkle);\n"],"mappings":";;;AAAA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAElE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAY1B,SAASC,UAAUA,CAACC,KAAmB,EAAEC,GAAgC,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzE,IAAMC,QAAQ,GAcH,KAAK;EAbhB,IAAQC,GAAG,GAAyBN,KAAK,CAAjCM,GAAG;IAAEC,KAAK,GAAkBP,KAAK,CAA5BO,KAAK;IAAEC,KAAK,GAAWR,KAAK,CAArBQ,KAAK;IAAEC,IAAI,GAAKT,KAAK,CAAdS,IAAI;EAC/B,IAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;EAC3C,IAAMC,KAAK,GAAI,GAAG,GAAGR,GAAG,GAAIC,KAAK,GAAGG,IAAI;EACxC,IAAMK,GAAG,GAAGJ,IAAI,CAACI,GAAG,CAAEJ,IAAI,CAACK,EAAE,GAAGF,KAAK,GAAI,GAAG,CAAC;EAC7C,IAAMG,CAAC,GAAGT,KAAK,GAAGG,IAAI,CAACO,KAAK,CAACH,GAAG,GAAG,CAAC,CAAC,GAAGP,KAAK,CAAC,GAAG,CAAC;EAClD,IAAMW,GAAG,GAAGZ,KAAK,GAAG,CAAC;EACrB,IAAMa,KAAK,GAAG,CAAC,GAAGD,GAAG,GAAG,GAAG;EAC3B,IAAME,iBAAiB,MAAAC,MAAA,CAAM,GAAG,GAAGH,GAAG,GAAG,GAAG,MAAG;EAE/C,OAAAf,KAAA,GAAOV,OAAO,CAACE,MAAM,CAAC,eACpBD,KAAA,CAAA4B,aAAA,CAAClB,QAAQ,EAAAD,KAAA,CAAAoB,EAAA,aAAAC,aAAA,KAAAC,YAAA;IAAA,OACFzB,GAAG;IAAA,eACK,IAAI;IAAA,YAEPgB,CAAC,MAAAK,MAAA,CAAML,CAAC,GAAG,EAAE,UAAOR,IAAI;IAAA,SAC3BW,KAAK;IAAA,YACFC,iBAAiB;IAAA,SACpBP,KAAK;IAAA,SACN,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,GAAAZ,IAAA,kBAElCP,KAAA,CAAA4B,aAAA,SAAAnB,KAAA,CAAAoB,EAAA;IAAA,KAAQ;EAAmR,EAAE,CACrR,CAAC;AAEf;AAEA,eAAehC,mBAAmB,CAAsBO,UAAU,CAAC","ignoreList":[]}
|
|
@@ -4,20 +4,24 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import Badge from "@semcore/badge";
|
|
9
|
+
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
9
10
|
import React from "react";
|
|
10
11
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
11
12
|
var style = (
|
|
12
13
|
/*__reshadow_css_start__*/
|
|
13
14
|
(sstyled.insert(
|
|
14
15
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
16
|
+
".___SHighlightedBadge_f6f6o_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SHighlightedBadge_f6f6o_gg_._use_accent_f6f6o_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SHighlightedBadge_f6f6o_gg_.__bg_f6f6o_gg_{background-color:var(--bg_f6f6o)}",
|
|
16
17
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
18
|
+
"f6f6o_gg_"
|
|
18
19
|
), /*__reshadow_css_end__*/
|
|
19
20
|
{
|
|
20
|
-
"__SHighlightedBadge": "
|
|
21
|
+
"__SHighlightedBadge": "___SHighlightedBadge_f6f6o_gg_",
|
|
22
|
+
"_use_accent": "_use_accent_f6f6o_gg_",
|
|
23
|
+
"_bg": "__bg_f6f6o_gg_",
|
|
24
|
+
"--bg": "--bg_f6f6o"
|
|
21
25
|
})
|
|
22
26
|
);
|
|
23
27
|
var BadgeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -31,13 +35,20 @@ var BadgeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
31
35
|
value: function render() {
|
|
32
36
|
var _ref = this.asProps, _ref2;
|
|
33
37
|
var SHighlightedBadge = Badge;
|
|
34
|
-
var
|
|
35
|
-
|
|
38
|
+
var _this$asProps = this.asProps, styles = _this$asProps.styles, use = _this$asProps.use, resolveColor = _this$asProps.resolveColor;
|
|
39
|
+
var bg = use === "neutral" ? resolveColor("--violet-400") : void 0;
|
|
40
|
+
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", _objectSpread({}, assignProps({
|
|
41
|
+
"use:bg": bg
|
|
42
|
+
}, _ref))));
|
|
36
43
|
}
|
|
37
44
|
}]);
|
|
38
45
|
})(Component);
|
|
39
46
|
_defineProperty(BadgeFHRoot, "displayName", "BadgeFH");
|
|
40
47
|
_defineProperty(BadgeFHRoot, "style", style);
|
|
48
|
+
_defineProperty(BadgeFHRoot, "enhance", [resolveColorEnhance()]);
|
|
49
|
+
_defineProperty(BadgeFHRoot, "defaultProps", {
|
|
50
|
+
use: "accent"
|
|
51
|
+
});
|
|
41
52
|
var BadgeFH = createComponent(BadgeFHRoot);
|
|
42
53
|
export {
|
|
43
54
|
BadgeFH
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
SHighlightedBadge {
|
|
2
2
|
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
3
|
+
}
|
|
3
4
|
|
|
5
|
+
SHighlightedBadge[use='accent'] {
|
|
4
6
|
background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, oklch(0.64 0.223 299.3), oklch(0.74 0.117 274.1)));
|
|
5
7
|
}
|
|
8
|
+
|
|
9
|
+
SHighlightedBadge[bg] {
|
|
10
|
+
background-color: var(--bg);
|
|
11
|
+
}
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import Button from "@semcore/button";
|
|
9
9
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
10
10
|
import React from "react";
|
|
@@ -14,19 +14,19 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedButton_1gu02_gg_._theme_primary-highlighted_1gu02_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:linear-gradient(90deg,var(--intergalactic-violet-500, rgb(128, 41, 236)),var(--intergalactic-blue-500, rgb(92, 92, 196)),var(--intergalactic-violet-400, rgb(162, 97, 253)),var(--intergalactic-blue-400, rgb(102, 107, 219)));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_1gu02_gg_._theme_primary-highlighted_1gu02_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-position-x:1%}}.___SHighlightedButton_1gu02_gg_._theme_primary-highlighted_1gu02_gg_.__active_1gu02_gg_,.___SHighlightedButton_1gu02_gg_._theme_primary-highlighted_1gu02_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(102, 107, 219)));background-size:100%}.___SHighlightedButton_1gu02_gg_._theme_primary-highlighted_1gu02_gg_:focus-visible{outline:0}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.94438 0.95907 0.99998))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_ .___SText_1gu02_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:hover .___SText_1gu02_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_.__active_1gu02_gg_,.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_.__active_1gu02_gg_,.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_.__active_1gu02_gg_,.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_.__active_1gu02_gg_ .___SText_1gu02_gg_,.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:active .___SText_1gu02_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}.___SHighlightedButton_1gu02_gg_._theme_secondary-highlighted_1gu02_gg_:focus-visible{outline:0}.___SHighlightedButton_1gu02_gg_{position:relative}.___SHighlightedButton_1gu02_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gu02_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButton_1gu02_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedButton_1gu02_gg_._neighborLocation_left_1gu02_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1gu02_gg_._neighborLocation_right_1gu02_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1gu02_gg_._neighborLocation_both_1gu02_gg_::before{border-radius:0}.___SHighlightedButton_1gu02_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_1gu02_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_1gu02_gg_:focus-visible::before{display:none}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"1gu02_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedButton": "
|
|
23
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
24
|
-
"_active": "
|
|
25
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
26
|
-
"__SText": "
|
|
27
|
-
"_neighborLocation_left": "
|
|
28
|
-
"_neighborLocation_right": "
|
|
29
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedButton": "___SHighlightedButton_1gu02_gg_",
|
|
23
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_1gu02_gg_",
|
|
24
|
+
"_active": "__active_1gu02_gg_",
|
|
25
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_1gu02_gg_",
|
|
26
|
+
"__SText": "___SText_1gu02_gg_",
|
|
27
|
+
"_neighborLocation_left": "_neighborLocation_left_1gu02_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1gu02_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1gu02_gg_"
|
|
30
30
|
})
|
|
31
31
|
);
|
|
32
32
|
var ButtonFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import Checkbox from "@semcore/checkbox";
|
|
9
9
|
import React from "react";
|
|
10
10
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
@@ -13,13 +13,13 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) [data-ui-name="Value.CheckMark"]{position:relative;transform:translate(0);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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_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 in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) 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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_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 in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_9am6e_gg_:not(._state_invalid_9am6e_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"9am6e_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedCheckbox": "
|
|
22
|
-
"_state_invalid": "
|
|
21
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_9am6e_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_9am6e_gg_"
|
|
23
23
|
})
|
|
24
24
|
);
|
|
25
25
|
var CheckboxFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
SHighlightedCheckbox:not([state="invalid"]) {
|
|
2
2
|
[data-ui-name="Value.CheckMark"] {
|
|
3
|
+
position: relative;
|
|
4
|
+
transform: translate(0);
|
|
5
|
+
|
|
3
6
|
border: 1px solid transparent;
|
|
4
7
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
5
8
|
background: linear-gradient(white, white) padding-box,
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
9
9
|
import Input from "@semcore/input";
|
|
10
10
|
import React from "react";
|
|
@@ -13,18 +13,18 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_{outline:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_::before{opacity:1}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_left_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_right_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_both_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"kbn9s_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedInput": "
|
|
22
|
-
"_state_normal": "
|
|
23
|
-
"__SValue": "
|
|
24
|
-
"__SOutline": "
|
|
25
|
-
"_neighborLocation_left": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
21
|
+
"__SHighlightedInput": "___SHighlightedInput_kbn9s_gg_",
|
|
22
|
+
"_state_normal": "_state_normal_kbn9s_gg_",
|
|
23
|
+
"__SValue": "___SValue_kbn9s_gg_",
|
|
24
|
+
"__SOutline": "___SOutline_kbn9s_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_kbn9s_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_kbn9s_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_kbn9s_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var InputFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
9
9
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
10
10
|
import Notice from "@semcore/notice";
|
|
@@ -14,16 +14,16 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1l0xz);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)) ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SLabel_1l0xz_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"1l0xz_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedNotice": "
|
|
23
|
-
"_beforeVisibility": "
|
|
24
|
-
"--beforeVisibility": "--
|
|
25
|
-
"__SLabel": "
|
|
26
|
-
"__SCloseIcon": "
|
|
22
|
+
"__SHighlightedNotice": "___SHighlightedNotice_1l0xz_gg_",
|
|
23
|
+
"_beforeVisibility": "__beforeVisibility_1l0xz_gg_",
|
|
24
|
+
"--beforeVisibility": "--beforeVisibility_1l0xz",
|
|
25
|
+
"__SLabel": "___SLabel_1l0xz_gg_",
|
|
26
|
+
"__SCloseIcon": "___SCloseIcon_1l0xz_gg_"
|
|
27
27
|
})
|
|
28
28
|
);
|
|
29
29
|
var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -33,20 +33,10 @@ var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
33
33
|
}
|
|
34
34
|
_inherits(NoticeFHRoot2, _Component);
|
|
35
35
|
return _createClass(NoticeFHRoot2, [{
|
|
36
|
-
key: "renderContent",
|
|
37
|
-
value: function renderContent() {
|
|
38
|
-
var _this$asProps = this.asProps, Children = _this$asProps.Children, label = _this$asProps.label, title = _this$asProps.title, closable = _this$asProps.closable;
|
|
39
|
-
var textContent = /* @__PURE__ */ React.createElement(Children, null);
|
|
40
|
-
if (typeof Children.origin === "string") {
|
|
41
|
-
textContent = isNode(title) || isNode(label) || closable ? /* @__PURE__ */ React.createElement(Notice.Text, null, /* @__PURE__ */ React.createElement(Children, null)) : /* @__PURE__ */ React.createElement(Children, null);
|
|
42
|
-
}
|
|
43
|
-
return textContent;
|
|
44
|
-
}
|
|
45
|
-
}, {
|
|
46
36
|
key: "renderSmartMode",
|
|
47
37
|
value: function renderSmartMode() {
|
|
48
|
-
var _this$
|
|
49
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, isNode(label) && /* @__PURE__ */ React.createElement(Notice.Label, null, label), /* @__PURE__ */ React.createElement(Notice.Content, null, isNode(title) && /* @__PURE__ */ React.createElement(Notice.Title, null, title),
|
|
38
|
+
var _this$asProps = this.asProps, label = _this$asProps.label, title = _this$asProps.title, text = _this$asProps.text, actions = _this$asProps.actions, closable = _this$asProps.closable, onClose = _this$asProps.onClose;
|
|
39
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, isNode(label) && /* @__PURE__ */ React.createElement(Notice.Label, null, label), /* @__PURE__ */ React.createElement(Notice.Content, null, isNode(title) && /* @__PURE__ */ React.createElement(Notice.Title, null, title), isNode(text) && /* @__PURE__ */ React.createElement(Notice.Text, null, text), isNode(actions) && /* @__PURE__ */ React.createElement(Notice.Actions, null, actions)), closable && /* @__PURE__ */ React.createElement(Notice.Close, {
|
|
50
40
|
onClick: onClose
|
|
51
41
|
}));
|
|
52
42
|
}
|
|
@@ -61,7 +51,7 @@ var NoticeFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
61
51
|
value: function render() {
|
|
62
52
|
var _ref = this.asProps, _ref2;
|
|
63
53
|
var SHighlightedNotice = Notice;
|
|
64
|
-
var _this$
|
|
54
|
+
var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, Children = _this$asProps2.Children, visible = _this$asProps2.visible;
|
|
65
55
|
var advancedMode = isAdvanceMode(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
|
|
66
56
|
var beforeVisibility = visible === void 0 || visible ? "visible" : "hidden";
|
|
67
57
|
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", _objectSpread({}, assignProps({
|
|
@@ -80,8 +70,7 @@ var NoticeFH = createComponent(NoticeFHRoot, {
|
|
|
80
70
|
Content: Notice.Content,
|
|
81
71
|
Title: Notice.Title,
|
|
82
72
|
Text: Notice.Text,
|
|
83
|
-
Close: Notice.Close
|
|
84
|
-
CloseIcon: Notice.CloseIcon
|
|
73
|
+
Close: Notice.Close
|
|
85
74
|
});
|
|
86
75
|
export {
|
|
87
76
|
NoticeFH
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
9
9
|
import Pills from "@semcore/pills";
|
|
10
10
|
import React from "react";
|
|
@@ -14,17 +14,17 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedPill_16tbd_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_16tbd_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_16tbd_gg_._neighborLocation_left_16tbd_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_16tbd_gg_._neighborLocation_right_16tbd_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_16tbd_gg_._neighborLocation_both_16tbd_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_16tbd_gg_ .___SHighlightedPill_16tbd_gg_:focus-visible{outline:0}.___SPills_16tbd_gg_ .___SHighlightedPill_16tbd_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_16tbd_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_16tbd_gg_:focus-visible::before{display:none}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"16tbd_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedPill": "
|
|
23
|
-
"_neighborLocation_left": "
|
|
24
|
-
"_neighborLocation_right": "
|
|
25
|
-
"_neighborLocation_both": "
|
|
26
|
-
"_selected": "
|
|
27
|
-
"__SPills": "
|
|
22
|
+
"__SHighlightedPill": "___SHighlightedPill_16tbd_gg_",
|
|
23
|
+
"_neighborLocation_left": "_neighborLocation_left_16tbd_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_16tbd_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_16tbd_gg_",
|
|
26
|
+
"_selected": "__selected_16tbd_gg_",
|
|
27
|
+
"__SPills": "___SPills_16tbd_gg_"
|
|
28
28
|
})
|
|
29
29
|
);
|
|
30
30
|
var PillsFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, CONTEXT_COMPONENT, createComponent } from "@semcore/core";
|
|
8
8
|
import Radio, { RadioGroup } from "@semcore/radio";
|
|
9
9
|
import React from "react";
|
|
10
10
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
@@ -13,13 +13,13 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SHighlightedRadio_1yx63_gg_{position:relative}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_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_1yx63_gg_:not(._state_invalid_1yx63_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_1yx63_gg_:not(._state_invalid_1yx63_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1yx63_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHighlightedRadio": "
|
|
22
|
-
"_state_invalid": "
|
|
21
|
+
"__SHighlightedRadio": "___SHighlightedRadio_1yx63_gg_",
|
|
22
|
+
"_state_invalid": "_state_invalid_1yx63_gg_"
|
|
23
23
|
})
|
|
24
24
|
);
|
|
25
25
|
var RadioFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
3
3
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
-
import {
|
|
6
|
+
import { assignProps, Component, createComponent } from "@semcore/core";
|
|
7
7
|
import Select from "@semcore/select";
|
|
8
8
|
import React from "react";
|
|
9
9
|
import { ButtonTriggerFH } from "../../inner-components/button-trigger/ButtonTrigger.mjs";
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import Switch from "@semcore/switch";
|
|
9
9
|
import React from "react";
|
|
10
10
|
import { AnimatedSparkles } from "../../inner-components/sparkle/AnimatedSparkles.mjs";
|
|
@@ -13,14 +13,14 @@ var style = (
|
|
|
13
13
|
/*__reshadow_css_start__*/
|
|
14
14
|
(sstyled.insert(
|
|
15
15
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
16
|
+
'.___SToggle_1q8gx_gg_{position:relative;transform:translate(0)}.___SToggle_1q8gx_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_1q8gx_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_1q8gx_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_1q8gx_gg_.__checked_1q8gx_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible)::before{display:none}}',
|
|
17
17
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
18
|
+
"1q8gx_gg_"
|
|
19
19
|
), /*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SToggle": "
|
|
22
|
-
"_checked": "
|
|
23
|
-
"__SInput": "
|
|
21
|
+
"__SToggle": "___SToggle_1q8gx_gg_",
|
|
22
|
+
"_checked": "__checked_1q8gx_gg_",
|
|
23
|
+
"__SInput": "___SInput_1q8gx_gg_"
|
|
24
24
|
})
|
|
25
25
|
);
|
|
26
26
|
var SwitchFHRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
8
|
import SummaryAI from "@semcore/icon/SummaryAI/m";
|
|
9
9
|
import TabLine from "@semcore/tab-line";
|
|
10
10
|
import React from "react";
|
|
@@ -14,14 +14,14 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
'.
|
|
17
|
+
'.___SHighlightedItem_1i9sf_gg_:focus-visible{outline:0}.___SHighlightedItem_1i9sf_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1i9sf_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_1i9sf_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}',
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"1i9sf_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCaret": "
|
|
23
|
-
"__SHighlightedItem": "
|
|
24
|
-
"_selected": "
|
|
22
|
+
"__SHighlightedCaret": "___SHighlightedCaret_1i9sf_gg_",
|
|
23
|
+
"__SHighlightedItem": "___SHighlightedItem_1i9sf_gg_",
|
|
24
|
+
"_selected": "__selected_1i9sf_gg_"
|
|
25
25
|
})
|
|
26
26
|
);
|
|
27
27
|
var TabLineFHRoot = /* @__PURE__ */ (function(_Component) {
|