@semcore/feature-highlight 16.4.0-prerelease.3 → 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 +15 -15
|
@@ -13,12 +13,16 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _core = require("@semcore/core");
|
|
15
15
|
var _badge = _interopRequireDefault(require("@semcore/badge"));
|
|
16
|
+
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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)}", /*__inner_css_end__*/"f6f6o_gg_"),
|
|
19
20
|
/*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SHighlightedBadge": "
|
|
22
|
+
"__SHighlightedBadge": "___SHighlightedBadge_f6f6o_gg_",
|
|
23
|
+
"_use_accent": "_use_accent_f6f6o_gg_",
|
|
24
|
+
"_bg": "__bg_f6f6o_gg_",
|
|
25
|
+
"--bg": "--bg_f6f6o"
|
|
22
26
|
});
|
|
23
27
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
24
28
|
function BadgeFHRoot() {
|
|
@@ -32,12 +36,22 @@ var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
|
32
36
|
var _ref = this.asProps,
|
|
33
37
|
_ref2;
|
|
34
38
|
var SHighlightedBadge = _badge["default"];
|
|
35
|
-
var
|
|
36
|
-
|
|
39
|
+
var _this$asProps = this.asProps,
|
|
40
|
+
styles = _this$asProps.styles,
|
|
41
|
+
use = _this$asProps.use,
|
|
42
|
+
resolveColor = _this$asProps.resolveColor;
|
|
43
|
+
var bg = use === 'neutral' ? resolveColor('--violet-400') : undefined;
|
|
44
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
45
|
+
"use:bg": bg
|
|
46
|
+
}, _ref))));
|
|
37
47
|
}
|
|
38
48
|
}]);
|
|
39
49
|
}(_core.Component);
|
|
40
50
|
(0, _defineProperty2["default"])(BadgeFHRoot, "displayName", 'BadgeFH');
|
|
41
51
|
(0, _defineProperty2["default"])(BadgeFHRoot, "style", style);
|
|
52
|
+
(0, _defineProperty2["default"])(BadgeFHRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
|
|
53
|
+
(0, _defineProperty2["default"])(BadgeFHRoot, "defaultProps", {
|
|
54
|
+
use: 'accent'
|
|
55
|
+
});
|
|
42
56
|
var BadgeFH = exports.BadgeFH = (0, _core.createComponent)(BadgeFHRoot);
|
|
43
57
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["_core","require","_badge","_interopRequireDefault","_react","style","sstyled","insert","BadgeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SHighlightedBadge","Badge","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","BadgeFH","exports","createComponent"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import Badge from '@semcore/badge';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './badge.shadow.css';\n\nclass BadgeFHRoot extends Component {\n static displayName = 'BadgeFH';\n static style = style;\n\n render() {\n const SHighlightedBadge = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedBadge
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["_core","require","_badge","_interopRequireDefault","_resolveColorEnhance","_react","style","sstyled","insert","BadgeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SHighlightedBadge","Badge","_this$asProps","styles","use","resolveColor","bg","undefined","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","BadgeFH","exports","createComponent"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import Badge, { type BadgeMargins } from '@semcore/badge';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './badge.shadow.css';\n\ntype BadgeFHUse = 'accent' | 'neutral';\n\ntype BadgeFHProps = BadgeMargins & {\n /**\n * Type of feature badge.\n * @default accent\n */\n use?: BadgeFHUse;\n};\n\ntype DefaultProps = {\n use: BadgeFHUse;\n};\n\nclass BadgeFHRoot extends Component<BadgeFHProps, typeof BadgeFHRoot.enhance, never, DefaultProps> {\n static displayName = 'BadgeFH';\n static style = style;\n static enhance = [resolveColorEnhance()] as const;\n static defaultProps: DefaultProps = {\n use: 'accent',\n };\n\n render() {\n const SHighlightedBadge = Root;\n const { styles, use, resolveColor } = this.asProps;\n\n const bg = use === 'neutral' ? resolveColor('--violet-400') : undefined;\n\n return sstyled(styles)(\n <SHighlightedBadge\n render={Badge}\n use:bg={bg}\n />,\n );\n }\n}\n\nexport const BadgeFH = createComponent<'span', BadgeFHProps>(BadgeFHRoot);\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAkBpBC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAA,IAAAE,gBAAA,mBAAAF,WAAA;IAAA,WAAAG,WAAA,mBAAAH,WAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,WAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAQf,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,iBAAiB,GAOXC,iBAAK;MANjB,IAAAC,aAAA,GAAsC,IAAI,CAACJ,OAAO;QAA1CK,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;MAEjC,IAAMC,EAAE,GAAGF,GAAG,KAAK,SAAS,GAAGC,YAAY,CAAC,cAAc,CAAC,GAAGE,SAAS;MAEvE,OAAAR,KAAA,GAAO,IAAAd,aAAO,EAACkB,MAAM,CAAC,eACpBpB,MAAA,YAAAyB,aAAA,CAACR,iBAAiB,EAAAD,KAAA,CAAAU,EAAA,0BAAAC,cAAA,qBAAAhC,KAAA,CAAAiC,WAAA;QAAA,UAERL;MAAE,GAAAT,IAAA,GACX,CAAC;IAEN;EAAC;AAAA,EApBuBe,eAAS;AAAA,IAAAC,gBAAA,aAA7B1B,WAAW,iBACM,SAAS;AAAA,IAAA0B,gBAAA,aAD1B1B,WAAW,WAEAH,KAAK;AAAA,IAAA6B,gBAAA,aAFhB1B,WAAW,aAGE,CAAC,IAAA2B,+BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,aAHpC1B,WAAW,kBAIqB;EAClCiB,GAAG,EAAE;AACP,CAAC;AAiBI,IAAMW,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,qBAAe,EAAuB9B,WAAW,CAAC","ignoreList":[]}
|
|
@@ -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
|
+
}
|
|
@@ -17,17 +17,17 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_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}}", /*__inner_css_end__*/"1gu02_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedButton": "
|
|
24
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
25
|
-
"_active": "
|
|
26
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
27
|
-
"__SText": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
23
|
+
"__SHighlightedButton": "___SHighlightedButton_1gu02_gg_",
|
|
24
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_1gu02_gg_",
|
|
25
|
+
"_active": "__active_1gu02_gg_",
|
|
26
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_1gu02_gg_",
|
|
27
|
+
"__SText": "___SText_1gu02_gg_",
|
|
28
|
+
"_neighborLocation_left": "_neighborLocation_left_1gu02_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_1gu02_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_1gu02_gg_"
|
|
31
31
|
});
|
|
32
32
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
function ButtonFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","style","sstyled","insert","ButtonFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","clicked","_inherits2","_createClass2","key","value","handleClick","e","_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
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","require","_button","_interopRequireDefault","_m","_react","_AnimatedSparkles","style","sstyled","insert","ButtonFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","clicked","_inherits2","_createClass2","key","value","handleClick","e","_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, type IRootNodeProps } from '@semcore/core';\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":[]}
|
|
@@ -16,11 +16,11 @@ var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
18
18
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_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}}}", /*__inner_css_end__*/"9am6e_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedCheckbox": "
|
|
23
|
-
"_state_invalid": "
|
|
22
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_9am6e_gg_",
|
|
23
|
+
"_state_invalid": "_state_invalid_9am6e_gg_"
|
|
24
24
|
});
|
|
25
25
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
function CheckboxFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread2","assignProps","Fragment","CheckboxFH","Value","Text","Component","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread2","assignProps","Fragment","CheckboxFH","Value","Text","Component","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<NSCheckbox.Props> {\n static displayName = 'CheckboxFH';\n static style = style;\n\n inputRef = React.createRef<HTMLInputElement>();\n\n getValueProps() {\n return {\n ref: this.inputRef,\n onChange: () => {\n setTimeout(() => {\n this.forceUpdate();\n });\n },\n };\n }\n\n getAnimatedSparklesProps() {\n const { size } = this.asProps;\n const checked = this.inputRef.current?.checked;\n\n return {\n show: checked,\n top: size === 'l' ? '7px' : '5px',\n left: size === 'l' ? '5px' : '3px',\n };\n }\n\n render() {\n const SHighlightedCheckbox = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedCheckbox render={Checkbox}>\n {hasChildren\n ? <Children />\n : (\n <>\n <CheckboxFH.Value />\n <CheckboxFH.Text />\n </>\n )}\n </SHighlightedCheckbox>,\n );\n }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n Text: Checkbox.Text,\n Value: Checkbox.Value,\n AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedCheckboxComponent = Intergalactic.Component<'label', NSCheckbox.Props, NSCheckbox.Ctx> & {\n Text: Intergalactic.Component<'span', NSCheckbox.Text.Props>;\n Value: Intergalactic.Component<'input', NSCheckbox.Value.Props>;\n AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -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,
|
|
@@ -16,16 +16,16 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
|
16
16
|
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
/*!__reshadow-styles__:"./input.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_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}}", /*__inner_css_end__*/"kbn9s_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedInput": "
|
|
23
|
-
"_state_normal": "
|
|
24
|
-
"__SValue": "
|
|
25
|
-
"__SOutline": "
|
|
26
|
-
"_neighborLocation_left": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedInput": "___SHighlightedInput_kbn9s_gg_",
|
|
23
|
+
"_state_normal": "_state_normal_kbn9s_gg_",
|
|
24
|
+
"__SValue": "___SValue_kbn9s_gg_",
|
|
25
|
+
"__SOutline": "___SOutline_kbn9s_gg_",
|
|
26
|
+
"_neighborLocation_left": "_neighborLocation_left_kbn9s_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_kbn9s_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_kbn9s_gg_"
|
|
29
29
|
});
|
|
30
30
|
var InputFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function InputFHRoot() {
|
|
@@ -17,14 +17,14 @@ var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
|
17
17
|
var _notice = _interopRequireDefault(require("@semcore/notice"));
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
/*!__reshadow-styles__:"./notice.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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))}}}}", /*__inner_css_end__*/"1l0xz_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedNotice": "
|
|
24
|
-
"_beforeVisibility": "
|
|
25
|
-
"--beforeVisibility": "--
|
|
26
|
-
"__SLabel": "
|
|
27
|
-
"__SCloseIcon": "
|
|
23
|
+
"__SHighlightedNotice": "___SHighlightedNotice_1l0xz_gg_",
|
|
24
|
+
"_beforeVisibility": "__beforeVisibility_1l0xz_gg_",
|
|
25
|
+
"--beforeVisibility": "--beforeVisibility_1l0xz",
|
|
26
|
+
"__SLabel": "___SLabel_1l0xz_gg_",
|
|
27
|
+
"__SCloseIcon": "___SCloseIcon_1l0xz_gg_"
|
|
28
28
|
});
|
|
29
29
|
var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
function NoticeFHRoot() {
|
|
@@ -33,29 +33,16 @@ var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
|
33
33
|
}
|
|
34
34
|
(0, _inherits2["default"])(NoticeFHRoot, _Component);
|
|
35
35
|
return (0, _createClass2["default"])(NoticeFHRoot, [{
|
|
36
|
-
key: "
|
|
37
|
-
value: function
|
|
36
|
+
key: "renderSmartMode",
|
|
37
|
+
value: function renderSmartMode() {
|
|
38
38
|
var _this$asProps = this.asProps,
|
|
39
|
-
Children = _this$asProps.Children,
|
|
40
39
|
label = _this$asProps.label,
|
|
41
40
|
title = _this$asProps.title,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
return textContent;
|
|
48
|
-
}
|
|
49
|
-
}, {
|
|
50
|
-
key: "renderSmartMode",
|
|
51
|
-
value: function renderSmartMode() {
|
|
52
|
-
var _this$asProps2 = this.asProps,
|
|
53
|
-
label = _this$asProps2.label,
|
|
54
|
-
title = _this$asProps2.title,
|
|
55
|
-
actions = _this$asProps2.actions,
|
|
56
|
-
closable = _this$asProps2.closable,
|
|
57
|
-
onClose = _this$asProps2.onClose;
|
|
58
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, (0, _isNode["default"])(title) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, title), this.renderContent(), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
|
|
41
|
+
text = _this$asProps.text,
|
|
42
|
+
actions = _this$asProps.actions,
|
|
43
|
+
closable = _this$asProps.closable,
|
|
44
|
+
onClose = _this$asProps.onClose;
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_notice["default"].Content, null, (0, _isNode["default"])(title) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Title, null, title), (0, _isNode["default"])(text) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Text, null, text), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_notice["default"].Close, {
|
|
59
46
|
onClick: onClose
|
|
60
47
|
}));
|
|
61
48
|
}
|
|
@@ -71,10 +58,10 @@ var NoticeFHRoot = /*#__PURE__*/function (_Component) {
|
|
|
71
58
|
var _ref = this.asProps,
|
|
72
59
|
_ref2;
|
|
73
60
|
var SHighlightedNotice = _notice["default"];
|
|
74
|
-
var _this$
|
|
75
|
-
styles = _this$
|
|
76
|
-
Children = _this$
|
|
77
|
-
visible = _this$
|
|
61
|
+
var _this$asProps2 = this.asProps,
|
|
62
|
+
styles = _this$asProps2.styles,
|
|
63
|
+
Children = _this$asProps2.Children,
|
|
64
|
+
visible = _this$asProps2.visible;
|
|
78
65
|
var advancedMode = (0, _findComponent.isAdvanceMode)(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
|
|
79
66
|
var beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';
|
|
80
67
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -93,7 +80,6 @@ var NoticeFH = exports.NoticeFH = (0, _core.createComponent)(NoticeFHRoot, {
|
|
|
93
80
|
Content: _notice["default"].Content,
|
|
94
81
|
Title: _notice["default"].Title,
|
|
95
82
|
Text: _notice["default"].Text,
|
|
96
|
-
Close: _notice["default"].Close
|
|
97
|
-
CloseIcon: _notice["default"].CloseIcon
|
|
83
|
+
Close: _notice["default"].Close
|
|
98
84
|
});
|
|
99
85
|
//# sourceMappingURL=Notice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","
|
|
1
|
+
{"version":3,"file":"Notice.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_notice","_react","style","sstyled","insert","NoticeFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","renderSmartMode","_this$asProps","asProps","label","title","text","actions","closable","onClose","createElement","Fragment","isNode","Label","Content","Title","Text","Actions","Close","onClick","renderAdvancedMode","Children","render","_ref","_ref2","SHighlightedNotice","Notice","_this$asProps2","styles","visible","advancedMode","isAdvanceMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread2","assignProps","Component","_defineProperty2","exports","createComponent"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n static displayName = 'NoticeFH';\n static style = style;\n\n renderSmartMode() {\n const { label, title, text, actions, closable, onClose } = this.asProps;\n\n return (\n <>\n {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n <Notice.Content>\n {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n {isNode(text) && <Notice.Text>{text}</Notice.Text>}\n {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n </Notice.Content>\n {closable && <Notice.Close onClick={onClose} />}\n </>\n );\n }\n\n renderAdvancedMode() {\n const { Children } = this.asProps;\n\n return <Children />;\n }\n\n render() {\n const SHighlightedNotice = Root;\n const { styles, Children, visible } = this.asProps;\n\n const advancedMode = isAdvanceMode(Children, [\n NoticeFH.Label.displayName,\n NoticeFH.Actions.displayName,\n NoticeFH.Content.displayName,\n NoticeFH.Title.displayName,\n NoticeFH.Text.displayName,\n NoticeFH.Close.displayName,\n ]);\n\n const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n return sstyled(styles)(\n <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n </SHighlightedNotice>,\n );\n }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n Label: Notice.Label,\n Actions: Notice.Actions,\n Content: Notice.Content,\n Title: Notice.Title,\n Text: Notice.Text,\n Close: Notice.Close,\n}) as HighlightedNoticeComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport type Notice from '@semcore/notice';\n\nexport type HighlightedNoticeComponent = Intergalactic.Component<'div', NoticeSmartProps> & {\n Label: typeof Notice['Label'];\n Actions: typeof Notice['Actions'];\n Content: typeof Notice['Content'];\n Title: typeof Notice['Title'];\n Text: typeof Notice['Text'];\n Close: typeof Notice['Close'];\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -17,15 +17,15 @@ var _pills = _interopRequireDefault(require("@semcore/pills"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./pills.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_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}}", /*__inner_css_end__*/"16tbd_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedPill": "
|
|
24
|
-
"_neighborLocation_left": "
|
|
25
|
-
"_neighborLocation_right": "
|
|
26
|
-
"_neighborLocation_both": "
|
|
27
|
-
"_selected": "
|
|
28
|
-
"__SPills": "
|
|
23
|
+
"__SHighlightedPill": "___SHighlightedPill_16tbd_gg_",
|
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_16tbd_gg_",
|
|
25
|
+
"_neighborLocation_right": "_neighborLocation_right_16tbd_gg_",
|
|
26
|
+
"_neighborLocation_both": "_neighborLocation_both_16tbd_gg_",
|
|
27
|
+
"_selected": "__selected_16tbd_gg_",
|
|
28
|
+
"__SPills": "___SPills_16tbd_gg_"
|
|
29
29
|
});
|
|
30
30
|
var PillsFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function PillsFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pills.js","names":["_core","require","_m","_interopRequireDefault","_pills","_react","_AnimatedSparkles","style","sstyled","insert","PillsFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","Pills","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","undefined","Fragment","color","AnimatedSparkles","show","count","PillsFH","exports","createComponent","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n static displayName = 'PillsFH';\n static style = style;\n\n render() {\n return (<Root render={Pills} />);\n }\n}\n\nclass HighlightedItemRoot extends Component {\n static displayName = 'HighlightedItem';\n static style = style;\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 SHighlightedPill = Root;\n\n return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n const { clicked, animatedSparkleCount, Children, children } = props;\n return (\n <Root render={Pills.Item.Addon}>\n {children !== undefined\n ? (<Children />)\n : (\n <>\n <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n </>\n )}\n </Root>\n );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n Item: Pills.Item,\n HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as HighlightedPillComponent;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Pills.js","names":["_core","require","_m","_interopRequireDefault","_pills","_react","_AnimatedSparkles","style","sstyled","insert","PillsFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","Pills","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","undefined","Fragment","color","AnimatedSparkles","show","count","PillsFH","exports","createComponent","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n static displayName = 'PillsFH';\n static style = style;\n\n render() {\n return (<Root render={Pills} />);\n }\n}\n\nclass HighlightedItemRoot extends Component {\n static displayName = 'HighlightedItem';\n static style = style;\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 SHighlightedPill = Root;\n\n return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n const { clicked, animatedSparkleCount, Children, children } = props;\n return (\n <Root render={Pills.Item.Addon}>\n {children !== undefined\n ? (<Children />)\n : (\n <>\n <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n </>\n )}\n </Root>\n );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n Item: Pills.Item,\n HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as unknown as HighlightedPillComponent;\n"],"mappings":"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","ignoreList":[]}
|