@semcore/feature-highlight 16.4.0 → 16.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/lib/cjs/components/badge/Badge.js +4 -18
- package/lib/cjs/components/badge/Badge.js.map +1 -1
- package/lib/cjs/components/badge/badge.shadow.css +0 -6
- 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/input/Input.js +8 -8
- package/lib/cjs/components/notice/Notice.js +32 -18
- 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/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 +4 -18
- package/lib/es6/components/badge/Badge.js.map +1 -1
- package/lib/es6/components/badge/badge.shadow.css +0 -6
- 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/input/Input.js +8 -8
- package/lib/es6/components/notice/Notice.js +32 -18
- 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/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 +6 -17
- package/lib/esm/components/badge/badge.shadow.css +0 -6
- package/lib/esm/components/button/Button.mjs +11 -11
- package/lib/esm/components/checkbox/Checkbox.mjs +5 -5
- package/lib/esm/components/input/Input.mjs +10 -10
- package/lib/esm/components/notice/Notice.mjs +23 -12
- 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/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 +3 -11
- package/lib/types/components/checkbox/Checkbox.type.d.ts +4 -4
- package/lib/types/components/notice/Notice.type.d.ts +2 -10
- package/lib/types/components/radio/Radio.type.d.ts +3 -3
- package/lib/types/inner-components/sparkle/Sparkle.d.ts +2 -1
- package/package.json +1 -1
|
@@ -17,11 +17,11 @@ var _radio = _interopRequireWildcard(require("@semcore/radio"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./radio.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_webxj_gg_{position:relative}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_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_webxj_gg_:not(._state_invalid_webxj_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_webxj_gg_:not(._state_invalid_webxj_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"webxj_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedRadio": "
|
|
24
|
-
"_state_invalid": "
|
|
23
|
+
"__SHighlightedRadio": "___SHighlightedRadio_webxj_gg_",
|
|
24
|
+
"_state_invalid": "_state_invalid_webxj_gg_"
|
|
25
25
|
});
|
|
26
26
|
var RadioFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function RadioFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","require","_radio","_interopRequireWildcard","_react","_interopRequireDefault","_AnimatedSparkles","style","sstyled","insert","RadioFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","checked","setState","setTimeout","_this$inputRef$curren","inputRef","current","_inherits2","_createClass2","key","value","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","Radio","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread2","assignProps","Fragment","RadioFH","Value","Text","Component","RadioGroup","CONTEXT_COMPONENT","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type {
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","require","_radio","_interopRequireWildcard","_react","_interopRequireDefault","_AnimatedSparkles","style","sstyled","insert","RadioFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","checked","setState","setTimeout","_this$inputRef$curren","inputRef","current","_inherits2","_createClass2","key","value","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","Radio","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread2","assignProps","Fragment","RadioFH","Value","Text","Component","RadioGroup","CONTEXT_COMPONENT","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type { RadioProps } from '@semcore/radio';\nimport Radio, { RadioGroup } from '@semcore/radio';\nimport React from 'react';\n\nimport style from './radio.shadow.css';\nimport type { HighlightedRadioComponent } from './Radio.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass RadioFHRoot extends Component<RadioProps> {\n static displayName = 'RadioFH';\n static style = style;\n // @ts-ignore\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n inputRef = React.createRef<HTMLInputElement>();\n\n state = {\n checked: false,\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n onChange: this.setChecked, // for click by label / programmatically changed\n onClick: this.setChecked, // for click by radio\n };\n }\n\n getAnimatedSparklesProps() {\n // @ts-ignore\n const { size } = this.context;\n const checked = this.state.checked;\n\n return {\n show: checked,\n top: size === 'l' ? '7px' : '5px',\n left: size === 'l' ? '5px' : '3px',\n };\n }\n\n setChecked = () => {\n this.setState({ checked: false });\n setTimeout(() => {\n this.setState({ checked: this.inputRef.current?.checked });\n });\n };\n\n render() {\n const SHighlightedRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SHighlightedRadio render={Radio}>\n {hasChildren\n ? <Children />\n : (\n <>\n <RadioFH.Value />\n <RadioFH.Text />\n </>\n )}\n </SHighlightedRadio>,\n );\n }\n}\n\nexport const RadioFH = createComponent(RadioFHRoot, {\n Text: Radio.Text,\n Value: Radio.Value,\n AnimatedSparkles,\n}) as HighlightedRadioComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type {
|
|
1
|
+
{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { RadioCtx, RadioProps, RadioValueProps } from '@semcore/radio';\nimport type { Text } from '@semcore/typography';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedRadioComponent = Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["_core","require","_select","_interopRequireDefault","_react","_ButtonTrigger","SelectFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","Select","assignProps","Component","_defineProperty2","Trigger","props","_ref2","arguments[0]","Children","hasChildren","children","ButtonTriggerFH","Fragment","SelectFH","Addon","Text","exports","createComponent","Popper","Menu","Option","List"],"sources":["../../../../src/components/select/Select.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component } from '@semcore/core';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { ButtonTriggerFH } from '../../inner-components/button-trigger/ButtonTrigger';\n\nclass SelectFHRoot extends Component {\n static displayName = 'SelectFH';\n\n render() {\n return (\n <Root render={Select} />\n );\n }\n}\n\nfunction Trigger(props: IRootComponentProps) {\n const { Children, children: hasChildren } = props;\n\n return (\n <Root render={Select.Trigger} tag={ButtonTriggerFH}>\n {hasChildren\n ? <Children />\n : (\n <>\n <SelectFH.Trigger.Addon />\n <SelectFH.Trigger.Text />\n </>\n )}\n </Root>\n );\n}\n\nexport const SelectFH = createComponent(SelectFHRoot, {\n Trigger: [Trigger, {\n Text: ButtonTriggerFH.Text,\n Addon: ButtonTriggerFH.Addon,\n }],\n Popper: Select.Popper,\n Menu: Select.Menu,\n Option: Select.Option,\n List: Select.List,\n}) as
|
|
1
|
+
{"version":3,"file":"Select.js","names":["_core","require","_select","_interopRequireDefault","_react","_ButtonTrigger","SelectFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","Select","assignProps","Component","_defineProperty2","Trigger","props","_ref2","arguments[0]","Children","hasChildren","children","ButtonTriggerFH","Fragment","SelectFH","Addon","Text","exports","createComponent","Popper","Menu","Option","List"],"sources":["../../../../src/components/select/Select.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component } from '@semcore/core';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { ButtonTriggerFH } from '../../inner-components/button-trigger/ButtonTrigger';\n\nclass SelectFHRoot extends Component {\n static displayName = 'SelectFH';\n\n render() {\n return (\n <Root render={Select} />\n );\n }\n}\n\nfunction Trigger(props: IRootComponentProps) {\n const { Children, children: hasChildren } = props;\n\n return (\n <Root render={Select.Trigger} tag={ButtonTriggerFH}>\n {hasChildren\n ? <Children />\n : (\n <>\n <SelectFH.Trigger.Addon />\n <SelectFH.Trigger.Text />\n </>\n )}\n </Root>\n );\n}\n\nexport const SelectFH = createComponent(SelectFHRoot, {\n Trigger: [Trigger, {\n Text: ButtonTriggerFH.Text,\n Addon: ButtonTriggerFH.Addon,\n }],\n Popper: Select.Popper,\n Menu: Select.Menu,\n Option: Select.Option,\n List: Select.List,\n}) as typeof Select;\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAAsF,IAEhFK,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,gBAAA,mBAAAF,YAAA;IAAA,WAAAG,WAAA,mBAAAH,YAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,YAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,YAAA;IAAAO,GAAA;IAAAC,KAAA,EAGhB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,oBACEb,MAAA,YAAAc,aAAA,CAAcC,kBAAM,MAAAnB,KAAA,CAAAoB,WAAA,MAAAJ,IAAA,CAAG,CAAC;IAE5B;EAAC;AAAA,EAPwBK,eAAS;AAAA,IAAAC,gBAAA,aAA9BhB,YAAY,iBACK,UAAU;AASjC,SAASiB,OAAOA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3C,IAAQC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;IAAYC,WAAW,GAAKJ,KAAK,CAA/BK,QAAQ;EAE1B,oBACEzB,MAAA,YAAAc,aAAA,CAAcC,kBAAM,CAACI,OAAO,MAAAvB,KAAA,CAAAoB,WAAA;IAAA,OAAOU;EAAe,GAAAL,KAAA,GAC/CG,WAAW,gBACRxB,MAAA,YAAAc,aAAA,CAACS,QAAQ,MAAE,CAAC,gBAEVvB,MAAA,YAAAc,aAAA,CAAAd,MAAA,YAAA2B,QAAA,qBACE3B,MAAA,YAAAc,aAAA,CAACc,QAAQ,CAACT,OAAO,CAACU,KAAK,MAAE,CAAC,eAC1B7B,MAAA,YAAAc,aAAA,CAACc,QAAQ,CAACT,OAAO,CAACW,IAAI,MAAE,CACxB,CAEJ,CAAC;AAEX;AAEO,IAAMF,QAAQ,GAAAG,OAAA,CAAAH,QAAA,GAAG,IAAAI,qBAAe,EAAC9B,YAAY,EAAE;EACpDiB,OAAO,EAAE,CAACA,OAAO,EAAE;IACjBW,IAAI,EAAEJ,8BAAe,CAACI,IAAI;IAC1BD,KAAK,EAAEH,8BAAe,CAACG;EACzB,CAAC,CAAC;EACFI,MAAM,EAAElB,kBAAM,CAACkB,MAAM;EACrBC,IAAI,EAAEnB,kBAAM,CAACmB,IAAI;EACjBC,MAAM,EAAEpB,kBAAM,CAACoB,MAAM;EACrBC,IAAI,EAAErB,kBAAM,CAACqB;AACf,CAAC,CAAkB","ignoreList":[]}
|
|
@@ -16,12 +16,12 @@ var _switch = _interopRequireDefault(require("@semcore/switch"));
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
18
18
|
/*!__reshadow-styles__:"./switch.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_1s0v4_gg_{position:relative;transform:translate(0)}.___SToggle_1s0v4_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_1s0v4_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_1s0v4_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_1s0v4_gg_.__checked_1s0v4_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_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_1s0v4_gg_:has(.___SInput_1s0v4_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"1s0v4_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SToggle": "
|
|
23
|
-
"_checked": "
|
|
24
|
-
"__SInput": "
|
|
22
|
+
"__SToggle": "___SToggle_1s0v4_gg_",
|
|
23
|
+
"_checked": "__checked_1s0v4_gg_",
|
|
24
|
+
"__SInput": "___SInput_1s0v4_gg_"
|
|
25
25
|
});
|
|
26
26
|
var SwitchFHRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function SwitchFHRoot() {
|
|
@@ -17,12 +17,12 @@ var _tabLine = _interopRequireDefault(require("@semcore/tab-line"));
|
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
|
|
19
19
|
/*!__reshadow-styles__:"./tabLine.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_2e2cr_gg_:focus-visible{outline:0}.___SHighlightedItem_2e2cr_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_2e2cr_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_2e2cr_gg_.__selected_2e2cr_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_2e2cr_gg_.__selected_2e2cr_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_2e2cr_gg_.__selected_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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_2e2cr_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)))}}}", /*__inner_css_end__*/"2e2cr_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SHighlightedCaret": "
|
|
24
|
-
"__SHighlightedItem": "
|
|
25
|
-
"_selected": "
|
|
23
|
+
"__SHighlightedCaret": "___SHighlightedCaret_2e2cr_gg_",
|
|
24
|
+
"__SHighlightedItem": "___SHighlightedItem_2e2cr_gg_",
|
|
25
|
+
"_selected": "__selected_2e2cr_gg_"
|
|
26
26
|
});
|
|
27
27
|
var TabLineFHRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
function TabLineFHRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabLine.js","names":["_core","require","_m","_interopRequireDefault","_tabLine","_react","_AnimatedSparkles","style","sstyled","insert","TabLineFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","TabLine","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_objectSpread2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","hasChildren","children","Addon","Fragment","color","AnimatedSparkles","show","count","TabLineFH","exports","createComponent","Text","HighlightedItem"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n static displayName = 'TabLineFH';\n static style = style;\n\n render() {\n return (<Root render={TabLine} />);\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 SHighlightedItem = Root;\n\n return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n return (\n <Root render={TabLine.Item.Addon}>\n {hasChildren\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 TabLineFH = createComponent(TabLineFHRoot, {\n Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n HighlightedItem: createComponent(HighlightedItemRoot, { Text: TabLine.Item.Text, Addon: HighlightedAddon }),\n}) as
|
|
1
|
+
{"version":3,"file":"TabLine.js","names":["_core","require","_m","_interopRequireDefault","_tabLine","_react","_AnimatedSparkles","style","sstyled","insert","TabLineFHRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","TabLine","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_objectSpread2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","hasChildren","children","Addon","Fragment","color","AnimatedSparkles","show","count","TabLineFH","exports","createComponent","Text","HighlightedItem"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n static displayName = 'TabLineFH';\n static style = style;\n\n render() {\n return (<Root render={TabLine} />);\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 SHighlightedItem = Root;\n\n return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n return (\n <Root render={TabLine.Item.Addon}>\n {hasChildren\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 TabLineFH = createComponent(TabLineFHRoot, {\n Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n HighlightedItem: createComponent(HighlightedItemRoot, { Text: TabLine.Item.Text, Addon: HighlightedAddon }),\n}) as HighlightedTabLineComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,16 +16,16 @@ var _baseTrigger = require("@semcore/base-trigger");
|
|
|
16
16
|
var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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}}}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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);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%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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%)){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_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}}}}.___SHighlightedButtonTrigger_11f2l_gg_.__active_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_),.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):active{background:linear-gradient(white,white) 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}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_left_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_right_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_11f2l_gg_._neighborLocation_both_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_11f2l_gg_:not(._state_invalid_11f2l_gg_):not(._state_valid_11f2l_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"11f2l_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHighlightedButtonTrigger": "
|
|
23
|
-
"_state_invalid": "
|
|
24
|
-
"_state_valid": "
|
|
25
|
-
"_active": "
|
|
26
|
-
"_neighborLocation_left": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"_neighborLocation_both": "
|
|
22
|
+
"__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_11f2l_gg_",
|
|
23
|
+
"_state_invalid": "_state_invalid_11f2l_gg_",
|
|
24
|
+
"_state_valid": "_state_valid_11f2l_gg_",
|
|
25
|
+
"_active": "__active_11f2l_gg_",
|
|
26
|
+
"_neighborLocation_left": "_neighborLocation_left_11f2l_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_11f2l_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_11f2l_gg_"
|
|
29
29
|
});
|
|
30
30
|
var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
function ButtonTriggerFHRoot() {
|
|
@@ -9,21 +9,21 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
/*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
|
|
12
|
-
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
12
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_18gww{50%{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(var(--scale_18gww))}to{transform:rotate(calc(1deg*var(--angle_18gww))) translateY(200%) scale(0)}}.___SSparkle_18gww_gg_{position:absolute}.___SSparkle_18gww_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_18gww_gg_.__angle_18gww_gg_.__scale_18gww_gg_.__duration_18gww_gg_{transform:rotate(calc(1deg*var(--angle_18gww))) scale(var(--scale_18gww));animation-name:sparkles_18gww;animation-fill-mode:forwards;animation-duration:var(--duration_18gww)}.___SSparkle_18gww_gg_.__left_18gww_gg_{left:var(--left_18gww)}.___SSparkle_18gww_gg_.__top_18gww_gg_{top:var(--top_18gww)}", /*__inner_css_end__*/"18gww_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SSparkle": "
|
|
16
|
-
"_angle": "
|
|
17
|
-
"_scale": "
|
|
18
|
-
"_duration": "
|
|
19
|
-
"--angle": "--
|
|
20
|
-
"--scale": "--
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"@sparkles": "
|
|
23
|
-
"_left": "
|
|
24
|
-
"--left": "--
|
|
25
|
-
"_top": "
|
|
26
|
-
"--top": "--
|
|
15
|
+
"__SSparkle": "___SSparkle_18gww_gg_",
|
|
16
|
+
"_angle": "__angle_18gww_gg_",
|
|
17
|
+
"_scale": "__scale_18gww_gg_",
|
|
18
|
+
"_duration": "__duration_18gww_gg_",
|
|
19
|
+
"--angle": "--angle_18gww",
|
|
20
|
+
"--scale": "--scale_18gww",
|
|
21
|
+
"--duration": "--duration_18gww",
|
|
22
|
+
"@sparkles": "sparkles_18gww",
|
|
23
|
+
"_left": "__left_18gww_gg_",
|
|
24
|
+
"--left": "--left_18gww",
|
|
25
|
+
"_top": "__top_18gww_gg_",
|
|
26
|
+
"--top": "--top_18gww"
|
|
27
27
|
});
|
|
28
28
|
function SvgSparkle(props, ref) {
|
|
29
29
|
var _ref = arguments[0],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkle.js","names":["_core","require","_react","_interopRequireDefault","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","_objectSpread2","assignProps","_default","exports","createBaseComponent"],"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<
|
|
1
|
+
{"version":3,"file":"Sparkle.js","names":["_core","require","_react","_interopRequireDefault","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","_objectSpread2","assignProps","_default","exports","createBaseComponent"],"sources":["../../../../src/inner-components/sparkle/Sparkle.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { 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<SVGElement>) {\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(SvgSparkle) as unknown as Intergalactic.Component<'svg', SparkleProps>;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAG,MAAA,8BAAAJ,KAAA,CAAAK,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAY1B,SAASC,UAAUA,CAACC,KAAmB,EAAEC,GAA6B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtE,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,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBF,MAAA,YAAA6B,aAAA,CAAClB,QAAQ,EAAAD,KAAA,CAAAoB,EAAA,iBAAAC,cAAA,qBAAAjC,KAAA,CAAAkC,WAAA;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,kBAElCR,MAAA,YAAA6B,aAAA,SAAAnB,KAAA,CAAAoB,EAAA;IAAA,KAAQ;EAAmR,EAAE,CACrR,CAAC;AAEf;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEc,IAAAC,yBAAmB,EAAC9B,UAAU,CAAC","ignoreList":[]}
|
|
@@ -8,16 +8,12 @@ import { sstyled as _sstyled } from "@semcore/core";
|
|
|
8
8
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
9
9
|
import Badge from '@semcore/badge';
|
|
10
10
|
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
11
|
-
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
12
11
|
import React from 'react';
|
|
13
12
|
/*!__reshadow-styles__:"./badge.shadow.css"*/
|
|
14
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_11b15_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}", /*__inner_css_end__*/"11b15_gg_"),
|
|
15
14
|
/*__reshadow_css_end__*/
|
|
16
15
|
{
|
|
17
|
-
"__SHighlightedBadge": "
|
|
18
|
-
"_use_accent": "_use_accent_f6f6o_gg_",
|
|
19
|
-
"_bg": "__bg_f6f6o_gg_",
|
|
20
|
-
"--bg": "--bg_f6f6o"
|
|
16
|
+
"__SHighlightedBadge": "___SHighlightedBadge_11b15_gg_"
|
|
21
17
|
});
|
|
22
18
|
var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
23
19
|
function BadgeFHRoot() {
|
|
@@ -31,22 +27,12 @@ var BadgeFHRoot = /*#__PURE__*/function (_Component) {
|
|
|
31
27
|
var _ref = this.asProps,
|
|
32
28
|
_ref2;
|
|
33
29
|
var SHighlightedBadge = Badge;
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
use = _this$asProps.use,
|
|
37
|
-
resolveColor = _this$asProps.resolveColor;
|
|
38
|
-
var bg = use === 'neutral' ? resolveColor('--violet-400') : undefined;
|
|
39
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", _objectSpread({}, _assignProps({
|
|
40
|
-
"use:bg": bg
|
|
41
|
-
}, _ref))));
|
|
30
|
+
var styles = this.asProps.styles;
|
|
31
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedBadge, _ref2.cn("SHighlightedBadge", _objectSpread({}, _assignProps({}, _ref))));
|
|
42
32
|
}
|
|
43
33
|
}]);
|
|
44
34
|
}(Component);
|
|
45
35
|
_defineProperty(BadgeFHRoot, "displayName", 'BadgeFH');
|
|
46
36
|
_defineProperty(BadgeFHRoot, "style", style);
|
|
47
|
-
_defineProperty(BadgeFHRoot, "enhance", [resolveColorEnhance()]);
|
|
48
|
-
_defineProperty(BadgeFHRoot, "defaultProps", {
|
|
49
|
-
use: 'accent'
|
|
50
|
-
});
|
|
51
37
|
export var BadgeFH = createComponent(BadgeFHRoot);
|
|
52
38
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["Badge","createComponent","Component","Root","sstyled","
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["Badge","createComponent","Component","Root","sstyled","React","style","_sstyled","insert","BadgeFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref2","SHighlightedBadge","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","BadgeFH"],"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 render={Badge} />,\n );\n }\n}\n\nexport const BadgeFH = createComponent(BadgeFHRoot);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,gBAAgB;AAClC,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAAA,IAIpBC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAAE,eAAA,OAAAF,WAAA;IAAA,OAAAG,UAAA,OAAAH,WAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,WAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAIf,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,iBAAiB,GAIMtB,KAAK;MAHlC,IAAQuB,MAAM,GAAK,IAAI,CAACH,OAAO,CAAvBG,MAAM;MAEd,OAAAF,KAAA,GAAOjB,OAAO,CAACmB,MAAM,CAAC,eACpBlB,KAAA,CAAAmB,aAAA,CAACF,iBAAiB,EAAAD,KAAA,CAAAI,EAAA,sBAAAC,aAAA,KAAAC,YAAA,KAAAR,IAAA,GAAiB,CAAC;IAExC;EAAC;AAAA,EAXuBjB,SAAS;AAAA0B,eAAA,CAA7BnB,WAAW,iBACM,SAAS;AAAAmB,eAAA,CAD1BnB,WAAW,WAEAH,KAAK;AAYtB,OAAO,IAAMuB,OAAO,GAAG5B,eAAe,CAACQ,WAAW,CAAC","ignoreList":[]}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
SHighlightedBadge {
|
|
2
2
|
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
3
|
-
}
|
|
4
3
|
|
|
5
|
-
SHighlightedBadge[use='accent'] {
|
|
6
4
|
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)));
|
|
7
5
|
}
|
|
8
|
-
|
|
9
|
-
SHighlightedBadge[bg] {
|
|
10
|
-
background-color: var(--bg);
|
|
11
|
-
}
|
|
@@ -12,17 +12,17 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
|
|
|
12
12
|
import SummaryAI from '@semcore/icon/SummaryAI/m';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_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_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-position-x:1%}}.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_primary-highlighted_h9b4k_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_h9b4k_gg_._theme_primary-highlighted_h9b4k_gg_:focus-visible{outline:0}.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_ .___SText_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:hover .___SText_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_.__active_h9b4k_gg_ .___SText_h9b4k_gg_,.___SHighlightedButton_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:active .___SText_h9b4k_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_h9b4k_gg_._theme_secondary-highlighted_h9b4k_gg_:focus-visible{outline:0}.___SHighlightedButton_h9b4k_gg_{position:relative}.___SHighlightedButton_h9b4k_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_h9b4k_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_h9b4k_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_h9b4k_gg_._neighborLocation_left_h9b4k_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_h9b4k_gg_._neighborLocation_right_h9b4k_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_h9b4k_gg_._neighborLocation_both_h9b4k_gg_::before{border-radius:0}.___SHighlightedButton_h9b4k_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_h9b4k_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_h9b4k_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"h9b4k_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SHighlightedButton": "
|
|
19
|
-
"_theme_primary-highlighted": "_theme_primary-
|
|
20
|
-
"_active": "
|
|
21
|
-
"_theme_secondary-highlighted": "_theme_secondary-
|
|
22
|
-
"__SText": "
|
|
23
|
-
"_neighborLocation_left": "
|
|
24
|
-
"_neighborLocation_right": "
|
|
25
|
-
"_neighborLocation_both": "
|
|
18
|
+
"__SHighlightedButton": "___SHighlightedButton_h9b4k_gg_",
|
|
19
|
+
"_theme_primary-highlighted": "_theme_primary-highlighted_h9b4k_gg_",
|
|
20
|
+
"_active": "__active_h9b4k_gg_",
|
|
21
|
+
"_theme_secondary-highlighted": "_theme_secondary-highlighted_h9b4k_gg_",
|
|
22
|
+
"__SText": "___SText_h9b4k_gg_",
|
|
23
|
+
"_neighborLocation_left": "_neighborLocation_left_h9b4k_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_h9b4k_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_h9b4k_gg_"
|
|
26
26
|
});
|
|
27
27
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
28
28
|
var ButtonFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["Button","createComponent","Root","sstyled","Component","SummaryAI","React","style","_sstyled","insert","AnimatedSparkles","ButtonFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","clicked","_inherits","_createClass","key","value","handleClick","e","_this2","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","createElement","cn","_objectSpread","_assignProps","bind","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","hasChildren","children","_assignProps2","Fragment","ButtonFH","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":["Button","createComponent","Root","sstyled","Component","SummaryAI","React","style","_sstyled","insert","AnimatedSparkles","ButtonFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","clicked","_inherits","_createClass","key","value","handleClick","e","_this2","onClick","asProps","setState","setTimeout","getAddonProps","state","render","_ref","_ref3","styles","SHighlightedButton","createElement","cn","_objectSpread","_assignProps","bind","theme","HighlightAddon","props","_ref2","arguments[0]","_ref4","SAddon","Addon","animatedSparkleCount","Children","hasChildren","children","_assignProps2","Fragment","ButtonFH","Text"],"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport type { IRootNodeProps } from '@semcore/core/src/core-types/Component';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { HighLightedButtonAddonProps, HighlightedButtonComponent } from './Button.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass ButtonFHRoot extends Component {\n static displayName = 'ButtonFH';\n static style = style;\n\n static defaultProps = {\n theme: 'highlighted',\n };\n\n state = {\n clicked: false,\n };\n\n handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n const { onClick } = this.asProps;\n\n onClick?.(e);\n this.setState({ clicked: false });\n setTimeout(() => {\n this.setState({ clicked: true });\n });\n }\n\n getAddonProps() {\n return {\n clicked: this.state.clicked,\n };\n }\n\n render() {\n const { styles } = this.asProps;\n const SHighlightedButton = Root;\n return sstyled(styles)(\n <SHighlightedButton render={Button} use:onClick={this.handleClick.bind(this)} />,\n );\n }\n}\n\nfunction HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean } & IRootNodeProps) {\n const SAddon = Root;\n const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n return sstyled(props.styles)(\n <SAddon render={Button.Addon}>\n {hasChildren\n ? (<Children />)\n : (\n <>\n <SummaryAI />\n <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n </>\n )}\n </SAddon>,\n );\n}\n\nexport const ButtonFH = createComponent(ButtonFHRoot, {\n Addon: HighlightAddon,\n Text: Button.Text,\n}) as HighlightedButtonComponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,11 +10,11 @@ import Checkbox from '@semcore/checkbox';
|
|
|
10
10
|
import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
11
11
|
import React from 'react';
|
|
12
12
|
/*!__reshadow-styles__:"./checkbox.shadow.css"*/
|
|
13
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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_1ih0t_gg_:not(._state_invalid_1ih0t_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__*/"1ih0t_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SHighlightedCheckbox": "
|
|
17
|
-
"_state_invalid": "
|
|
16
|
+
"__SHighlightedCheckbox": "___SHighlightedCheckbox_1ih0t_gg_",
|
|
17
|
+
"_state_invalid": "_state_invalid_1ih0t_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
|
|
20
20
|
var CheckboxFHRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread","_assignProps","Fragment","CheckboxFH","Value","Text"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread","_assignProps","Fragment","CheckboxFH","Value","Text"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } 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<CheckboxProps> {\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 {\n CheckboxContext,\n CheckboxProps,\n CheckboxTextProps,\n CheckboxValueProps,\n} 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', CheckboxProps, CheckboxContext> & {\n Text: Intergalactic.Component<'span', CheckboxTextProps>;\n Value: Intergalactic.Component<'input', CheckboxValueProps>;\n AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
|