intergalactic 15.54.1-prerelease-e7cab722 → 15.55.0-prerelease-1d0e900d
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 +44 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- package/base-trigger/lib/cjs/BaseTrigger.js +1 -2
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/BaseTrigger.js +2 -3
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/carousel/lib/cjs/Carousel.js +22 -18
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/cjs/style/carousel.shadow.css +5 -0
- package/carousel/lib/es6/Carousel.js +22 -18
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/carousel/lib/es6/style/carousel.shadow.css +5 -0
- package/checkbox/lib/cjs/Checkbox.js +25 -20
- package/checkbox/lib/cjs/Checkbox.js.map +1 -1
- package/checkbox/lib/cjs/style/checkbox.shadow.css +21 -14
- package/checkbox/lib/es6/Checkbox.js +26 -21
- package/checkbox/lib/es6/Checkbox.js.map +1 -1
- package/checkbox/lib/es6/style/checkbox.shadow.css +21 -14
- package/components.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +13 -3
- package/feedback-form/lib/cjs/FeedbackForm.js.map +1 -1
- package/feedback-form/lib/es6/FeedbackForm.js +13 -3
- package/feedback-form/lib/es6/FeedbackForm.js.map +1 -1
- package/flex-box/index.d.ts +1 -0
- package/flex-box/invalid-state-box/InvalidStateBox.d.ts +4 -0
- package/flex-box/lib/cjs/index.js +9 -1
- package/flex-box/lib/cjs/index.js.map +1 -1
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +27 -0
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js.map +1 -0
- package/flex-box/lib/cjs/invalid-state-box/invalidStateBox.shadow.css +10 -0
- package/flex-box/lib/es6/index.js +1 -0
- package/flex-box/lib/es6/index.js.map +1 -1
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +19 -0
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js.map +1 -0
- package/flex-box/lib/es6/invalid-state-box/invalidStateBox.shadow.css +10 -0
- package/flex-box/lib/types/index.d.ts +1 -0
- package/flex-box/lib/types/invalid-state-box/InvalidStateBox.d.ts +4 -0
- package/inline-input/lib/cjs/InlineInput.js +1 -2
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +2 -3
- package/inline-input/lib/es6/InlineInput.js.map +1 -1
- package/input/lib/cjs/Input.js +1 -2
- package/input/lib/cjs/Input.js.map +1 -1
- package/input/lib/es6/Input.js +2 -3
- package/input/lib/es6/Input.js.map +1 -1
- package/modal/lib/cjs/Modal.js +15 -9
- package/modal/lib/cjs/Modal.js.map +1 -1
- package/modal/lib/cjs/style/modal.shadow.css +5 -1
- package/modal/lib/es6/Modal.js +15 -9
- package/modal/lib/es6/Modal.js.map +1 -1
- package/modal/lib/es6/style/modal.shadow.css +5 -1
- package/package.json +1 -1
- package/radio/lib/cjs/Radio.js +23 -18
- package/radio/lib/cjs/Radio.js.map +1 -1
- package/radio/lib/cjs/style/radio.shadow.css +10 -5
- package/radio/lib/es6/Radio.js +24 -19
- package/radio/lib/es6/Radio.js.map +1 -1
- package/radio/lib/es6/style/radio.shadow.css +10 -5
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.d.ts +6 -0
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +6 -0
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js.map +1 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +6 -0
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map +1 -1
package/modal/lib/es6/Modal.js
CHANGED
@@ -23,13 +23,15 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
|
|
23
23
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
24
24
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SWindow": "
|
28
|
-
"_ghost": "
|
29
|
-
"__SClose": "
|
30
|
-
"_keyboardFocused": "
|
31
|
-
"__SOverlay": "
|
32
|
-
"__STitle": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_rf8eo_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_rf8eo_gg_:focus{outline:0}.___SWindow_rf8eo_gg_ .___STitle_rf8eo_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SWindow_rf8eo_gg_ .___STitle_rf8eo_gg_.__color_rf8eo_gg_{color:var(--color_rf8eo)}.___SWindow_rf8eo_gg_.__ghost_rf8eo_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_rf8eo_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_rf8eo_gg_ .___SOverlay_rf8eo_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_rf8eo_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_rf8eo_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_rf8eo_gg_.__ghost_rf8eo_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_rf8eo_gg_.__ghost_rf8eo_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_rf8eo_gg_.__keyboardFocused_rf8eo_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_rf8eo_gg_{min-width:60%}.___SOverlay_rf8eo_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "rf8eo_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SWindow": "___SWindow_rf8eo_gg_",
|
28
|
+
"_ghost": "__ghost_rf8eo_gg_",
|
29
|
+
"__SClose": "___SClose_rf8eo_gg_",
|
30
|
+
"_keyboardFocused": "__keyboardFocused_rf8eo_gg_",
|
31
|
+
"__SOverlay": "___SOverlay_rf8eo_gg_",
|
32
|
+
"__STitle": "___STitle_rf8eo_gg_",
|
33
|
+
"_color": "__color_rf8eo_gg_",
|
34
|
+
"--color": "--color_rf8eo"
|
33
35
|
});
|
34
36
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
35
37
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
@@ -38,6 +40,7 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
|
38
40
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
39
41
|
import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
|
40
42
|
import { useContextTheme } from 'intergalactic/utils/lib/ThemeProvider';
|
43
|
+
import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
|
41
44
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
42
45
|
_inherits(ModalRoot, _Component);
|
43
46
|
var _super = _createSuper(ModalRoot);
|
@@ -222,13 +225,16 @@ function Title(props) {
|
|
222
225
|
var _ref5 = arguments[0],
|
223
226
|
_ref9;
|
224
227
|
var setHasTitle = props.setHasTitle,
|
225
|
-
styles = props.styles
|
228
|
+
styles = props.styles,
|
229
|
+
color = props.color;
|
226
230
|
var STitle = Text;
|
231
|
+
var resolveColor = useColorResolver();
|
227
232
|
React.useEffect(function () {
|
228
233
|
return setHasTitle();
|
229
234
|
});
|
230
235
|
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, _assignProps5({
|
231
|
-
"tag": 'h2'
|
236
|
+
"tag": 'h2',
|
237
|
+
"use:color": resolveColor(color)
|
232
238
|
}, _ref5))));
|
233
239
|
}
|
234
240
|
var Modal = createComponent(ModalRoot, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Box","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","overlayRef","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","enhance","Title","_ref5","_ref9","STitle","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n onKeyDown: this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode ? (\n <Children />\n ) : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, true, 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n >\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayRef, visible);\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} ref={overlayRef}>\n <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n </SClose>,\n );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const { setHasTitle, styles } = props;\n const STitle = Root;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Box","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","useColorResolver","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","overlayRef","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","enhance","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n onKeyDown: this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode ? (\n <Children />\n ) : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, true, 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n >\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayRef, visible);\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} ref={overlayRef}>\n <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n </SClose>,\n );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const { setHasTitle, styles, color } = props;\n const STitle = Root;\n\n const resolveColor = useColorResolver();\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
|
@@ -19,6 +19,10 @@ SWindow {
|
|
19
19
|
font-weight: var(--intergalactic-semi-bold, 600);
|
20
20
|
margin-bottom: var(--intergalactic-spacing-2x, 8px);
|
21
21
|
}
|
22
|
+
|
23
|
+
STitle[color] {
|
24
|
+
color: var(--color)
|
25
|
+
}
|
22
26
|
}
|
23
27
|
|
24
28
|
SWindow[ghost] {
|
@@ -87,4 +91,4 @@ SClose[keyboardFocused] {
|
|
87
91
|
SOverlay {
|
88
92
|
padding: var(--intergalactic-spacing-3x, 12px);
|
89
93
|
}
|
90
|
-
}
|
94
|
+
}
|
package/package.json
CHANGED
package/radio/lib/cjs/Radio.js
CHANGED
@@ -29,26 +29,28 @@ var _assignProps8 = _interopRequireWildcard(require("intergalactic/utils/lib/ass
|
|
29
29
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
30
30
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
31
31
|
var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/inputProps"));
|
32
|
-
var
|
32
|
+
var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
|
33
33
|
var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
34
34
|
var _typography = require("intergalactic/typography");
|
35
35
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
36
36
|
_excluded2 = ["children", "Children"];
|
37
37
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
38
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
39
|
-
"__SRadio": "
|
40
|
-
"_disabled": "
|
41
|
-
"__SText": "
|
42
|
-
"_size_m": "
|
43
|
-
"_size_l": "
|
44
|
-
"__SValue": "
|
45
|
-
"_state_normal": "
|
46
|
-
"_state_invalid": "
|
47
|
-
"__SControl": "
|
48
|
-
"_keyboardFocused": "
|
49
|
-
"_theme": "
|
50
|
-
"--theme": "--
|
51
|
-
"__SInvalidPattern": "
|
38
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_a8se3_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_a8se3_gg_ .___SText_a8se3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_a8se3_gg_ .___SText_a8se3_gg_.__color_a8se3_gg_{color:var(--color_a8se3)}.___SRadio_a8se3_gg_.__disabled_a8se3_gg_{pointer-events:none}.___SText_a8se3_gg_._size_m_a8se3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_a8se3_gg_._size_l_a8se3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_a8se3_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_a8se3_gg_::after,.___SValue_a8se3_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_a8se3_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_a8se3_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_a8se3_gg_.__disabled_a8se3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_a8se3_gg_._size_m_a8se3_gg_{width:16px;height:16px}.___SValue_a8se3_gg_._size_l_a8se3_gg_{width:20px;height:20px}.___SValue_a8se3_gg_._state_normal_a8se3_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_a8se3_gg_._state_invalid_a8se3_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_a8se3_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_._size_m_a8se3_gg_::after{width:6px;height:6px}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_._size_l_a8se3_gg_::after{width:8px;height:8px}.___SValue_a8se3_gg_._state_normal_a8se3_gg_.__keyboardFocused_a8se3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_a8se3_gg_._state_invalid_a8se3_gg_.__keyboardFocused_a8se3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_.__theme_a8se3_gg_::before{border-color:var(--theme_a8se3);background-color:var(--theme_a8se3)}.___SValue_a8se3_gg_._state_normal_a8se3_gg_.__theme_a8se3_gg_::before{border-color:var(--theme_a8se3)}.___SInvalidPattern_a8se3_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "a8se3_gg_") /*__reshadow_css_end__*/, {
|
39
|
+
"__SRadio": "___SRadio_a8se3_gg_",
|
40
|
+
"_disabled": "__disabled_a8se3_gg_",
|
41
|
+
"__SText": "___SText_a8se3_gg_",
|
42
|
+
"_size_m": "_size_m_a8se3_gg_",
|
43
|
+
"_size_l": "_size_l_a8se3_gg_",
|
44
|
+
"__SValue": "___SValue_a8se3_gg_",
|
45
|
+
"_state_normal": "_state_normal_a8se3_gg_",
|
46
|
+
"_state_invalid": "_state_invalid_a8se3_gg_",
|
47
|
+
"__SControl": "___SControl_a8se3_gg_",
|
48
|
+
"_keyboardFocused": "__keyboardFocused_a8se3_gg_",
|
49
|
+
"_theme": "__theme_a8se3_gg_",
|
50
|
+
"--theme": "--theme_a8se3",
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_a8se3_gg_",
|
52
|
+
"_color": "__color_a8se3_gg_",
|
53
|
+
"--color": "--color_a8se3"
|
52
54
|
});
|
53
55
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
54
56
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
@@ -345,7 +347,7 @@ var RadioMark = function RadioMark(props) {
|
|
345
347
|
var _ref4 = arguments[0],
|
346
348
|
_ref10;
|
347
349
|
var SValue = _flexBox.Box;
|
348
|
-
var SInvalidPattern =
|
350
|
+
var SInvalidPattern = _flexBox.InvalidStateBox;
|
349
351
|
var theme = props.theme,
|
350
352
|
styles = props.styles,
|
351
353
|
resolveColor = props.resolveColor,
|
@@ -361,14 +363,17 @@ var Text = function Text(props) {
|
|
361
363
|
var _ref5 = arguments[0],
|
362
364
|
_ref11;
|
363
365
|
var SText = _typography.Text;
|
364
|
-
var styles = props.styles
|
366
|
+
var styles = props.styles,
|
367
|
+
color = props.color;
|
365
368
|
_react["default"].useEffect(function () {
|
366
369
|
if (props.rootDisabled !== props.disabled) {
|
367
370
|
props.hoistDisabled(props.disabled);
|
368
371
|
}
|
369
372
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
373
|
+
var resolveColor = (0, _useColorResolver.useColorResolver)();
|
370
374
|
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref11.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
371
|
-
"tag": 'span'
|
375
|
+
"tag": 'span',
|
376
|
+
"use:color": resolveColor(color)
|
372
377
|
}, _ref5))));
|
373
378
|
};
|
374
379
|
Text.displayName = 'Text';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_InvalidStatePattern","_logger","_typography","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","keyboardFocusEnhance","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","SInvalidPattern","InvalidPattern","_ref5","_ref11","SText","TypographyText","React","useEffect","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/utils/lib/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidPattern;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n\n return sstyled(styles)(<SText render={TypographyText} tag='span' />);\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_useColorResolver","_logger","_typography","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","keyboardFocusEnhance","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref11","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/utils/lib/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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"}
|
@@ -7,7 +7,12 @@ SRadio {
|
|
7
7
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
8
8
|
color: var(--intergalactic-text-primary, #191b23);
|
9
9
|
}
|
10
|
+
|
11
|
+
SText[color] {
|
12
|
+
color: var(--color);
|
13
|
+
}
|
10
14
|
}
|
15
|
+
|
11
16
|
SRadio[disabled] {
|
12
17
|
pointer-events: none;
|
13
18
|
}
|
@@ -89,17 +94,17 @@ SControl {
|
|
89
94
|
clip: rect(1px, 1px, 1px, 1px);
|
90
95
|
}
|
91
96
|
|
92
|
-
SControl:checked
|
97
|
+
SControl:checked~SValue::before {
|
93
98
|
border-color: var(--intergalactic-control-primary-info, #008ff8);
|
94
99
|
background-color: var(--intergalactic-control-primary-info, #008ff8);
|
95
100
|
}
|
96
101
|
|
97
|
-
SControl:checked
|
102
|
+
SControl:checked~SValue[size='m']::after {
|
98
103
|
width: 6px;
|
99
104
|
height: 6px;
|
100
105
|
}
|
101
106
|
|
102
|
-
SControl:checked
|
107
|
+
SControl:checked~SValue[size='l']::after {
|
103
108
|
width: 8px;
|
104
109
|
height: 8px;
|
105
110
|
}
|
@@ -113,7 +118,7 @@ SValue[state='invalid'][keyboardFocused]::before {
|
|
113
118
|
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
114
119
|
}
|
115
120
|
|
116
|
-
SControl:checked
|
121
|
+
SControl:checked~SValue[theme]::before {
|
117
122
|
border-color: var(--theme);
|
118
123
|
background-color: var(--theme);
|
119
124
|
}
|
@@ -127,4 +132,4 @@ SInvalidPattern {
|
|
127
132
|
margin: 1px 0 1px 1px;
|
128
133
|
border-bottom-left-radius: var(--intergalactic-rounded-large, 12px);
|
129
134
|
border-top-left-radius: var(--intergalactic-rounded-large, 12px);
|
130
|
-
}
|
135
|
+
}
|
package/radio/lib/es6/Radio.js
CHANGED
@@ -17,27 +17,29 @@ var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "d
|
|
17
17
|
_excluded2 = ["children", "Children"];
|
18
18
|
import React from 'react';
|
19
19
|
import createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from 'intergalactic/core';
|
20
|
-
import { Flex, Box } from 'intergalactic/flex-box';
|
20
|
+
import { Flex, Box, InvalidStateBox } from 'intergalactic/flex-box';
|
21
21
|
import assignProps, { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
22
22
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
23
23
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
24
24
|
import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
25
|
-
import
|
25
|
+
import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
|
26
26
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__SRadio": "
|
29
|
-
"_disabled": "
|
30
|
-
"__SText": "
|
31
|
-
"_size_m": "
|
32
|
-
"_size_l": "
|
33
|
-
"__SValue": "
|
34
|
-
"_state_normal": "
|
35
|
-
"_state_invalid": "
|
36
|
-
"__SControl": "
|
37
|
-
"_keyboardFocused": "
|
38
|
-
"_theme": "
|
39
|
-
"--theme": "--
|
40
|
-
"__SInvalidPattern": "
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_a8se3_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_a8se3_gg_ .___SText_a8se3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_a8se3_gg_ .___SText_a8se3_gg_.__color_a8se3_gg_{color:var(--color_a8se3)}.___SRadio_a8se3_gg_.__disabled_a8se3_gg_{pointer-events:none}.___SText_a8se3_gg_._size_m_a8se3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_a8se3_gg_._size_l_a8se3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_a8se3_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_a8se3_gg_::after,.___SValue_a8se3_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_a8se3_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_a8se3_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_a8se3_gg_.__disabled_a8se3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_a8se3_gg_._size_m_a8se3_gg_{width:16px;height:16px}.___SValue_a8se3_gg_._size_l_a8se3_gg_{width:20px;height:20px}.___SValue_a8se3_gg_._state_normal_a8se3_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_a8se3_gg_._state_invalid_a8se3_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_a8se3_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_._size_m_a8se3_gg_::after{width:6px;height:6px}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_._size_l_a8se3_gg_::after{width:8px;height:8px}.___SValue_a8se3_gg_._state_normal_a8se3_gg_.__keyboardFocused_a8se3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_a8se3_gg_._state_invalid_a8se3_gg_.__keyboardFocused_a8se3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_a8se3_gg_:checked~.___SValue_a8se3_gg_.__theme_a8se3_gg_::before{border-color:var(--theme_a8se3);background-color:var(--theme_a8se3)}.___SValue_a8se3_gg_._state_normal_a8se3_gg_.__theme_a8se3_gg_::before{border-color:var(--theme_a8se3)}.___SInvalidPattern_a8se3_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "a8se3_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SRadio": "___SRadio_a8se3_gg_",
|
29
|
+
"_disabled": "__disabled_a8se3_gg_",
|
30
|
+
"__SText": "___SText_a8se3_gg_",
|
31
|
+
"_size_m": "_size_m_a8se3_gg_",
|
32
|
+
"_size_l": "_size_l_a8se3_gg_",
|
33
|
+
"__SValue": "___SValue_a8se3_gg_",
|
34
|
+
"_state_normal": "_state_normal_a8se3_gg_",
|
35
|
+
"_state_invalid": "_state_invalid_a8se3_gg_",
|
36
|
+
"__SControl": "___SControl_a8se3_gg_",
|
37
|
+
"_keyboardFocused": "__keyboardFocused_a8se3_gg_",
|
38
|
+
"_theme": "__theme_a8se3_gg_",
|
39
|
+
"--theme": "--theme_a8se3",
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_a8se3_gg_",
|
41
|
+
"_color": "__color_a8se3_gg_",
|
42
|
+
"--color": "--color_a8se3"
|
41
43
|
});
|
42
44
|
import logger from 'intergalactic/utils/lib/logger';
|
43
45
|
import { Text as TypographyText } from 'intergalactic/typography';
|
@@ -335,7 +337,7 @@ var RadioMark = function RadioMark(props) {
|
|
335
337
|
var _ref4 = arguments[0],
|
336
338
|
_ref10;
|
337
339
|
var SValue = Box;
|
338
|
-
var SInvalidPattern =
|
340
|
+
var SInvalidPattern = InvalidStateBox;
|
339
341
|
var theme = props.theme,
|
340
342
|
styles = props.styles,
|
341
343
|
resolveColor = props.resolveColor,
|
@@ -351,14 +353,17 @@ var Text = function Text(props) {
|
|
351
353
|
var _ref5 = arguments[0],
|
352
354
|
_ref11;
|
353
355
|
var SText = TypographyText;
|
354
|
-
var styles = props.styles
|
356
|
+
var styles = props.styles,
|
357
|
+
color = props.color;
|
355
358
|
React.useEffect(function () {
|
356
359
|
if (props.rootDisabled !== props.disabled) {
|
357
360
|
props.hoistDisabled(props.disabled);
|
358
361
|
}
|
359
362
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
363
|
+
var resolveColor = useColorResolver();
|
360
364
|
return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref11.cn("SText", _objectSpread({}, _assignProps5({
|
361
|
-
"tag": 'span'
|
365
|
+
"tag": 'span',
|
366
|
+
"use:color": resolveColor(color)
|
362
367
|
}, _ref5))));
|
363
368
|
};
|
364
369
|
Text.displayName = 'Text';
|