intergalactic 15.52.0-prerelease.0-prerelease-1498e1e9 → 15.52.0-prerelease.0-prerelease-b265ecad
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 +20 -0
- package/checkbox/lib/cjs/Checkbox.js +16 -16
- package/checkbox/lib/cjs/style/checkbox.shadow.css +7 -7
- package/checkbox/lib/es6/Checkbox.js +16 -16
- package/checkbox/lib/es6/style/checkbox.shadow.css +7 -7
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/cjs/style/errors.shadow.css +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/lib/es6/style/errors.shadow.css +9 -9
- package/inline-input/lib/cjs/InlineInput.js +18 -18
- package/inline-input/lib/cjs/style/inline-input.shadow.css +17 -17
- package/inline-input/lib/es6/InlineInput.js +18 -18
- package/inline-input/lib/es6/style/inline-input.shadow.css +17 -17
- package/modal/lib/cjs/Modal.js +7 -7
- package/modal/lib/cjs/style/modal.shadow.css +8 -8
- package/modal/lib/es6/Modal.js +7 -7
- package/modal/lib/es6/style/modal.shadow.css +8 -8
- package/package.json +2 -2
- package/radio/lib/cjs/Radio.js +14 -14
- package/radio/lib/cjs/style/radio.shadow.css +5 -5
- package/radio/lib/es6/Radio.js +14 -14
- package/radio/lib/es6/style/radio.shadow.css +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,29 @@
|
|
|
1
1
|
## [15.52.0] - 2024-01-23
|
|
2
2
|
|
|
3
|
+
### @semcore/checkbox
|
|
4
|
+
|
|
5
|
+
- **Changed** css selector specify to prevent rare edge case bug.
|
|
6
|
+
|
|
3
7
|
### @semcore/date-picker
|
|
4
8
|
|
|
5
9
|
- **Changed** interaction with component - it'll open with `Enter`, `Space`, `ArrowDown` or `mouse click`.
|
|
6
10
|
|
|
11
|
+
### @semcore/errors
|
|
12
|
+
|
|
13
|
+
- **Changed** css selector specify to prevent rare edge case bug.
|
|
14
|
+
|
|
15
|
+
### @semcore/inline-input
|
|
16
|
+
|
|
17
|
+
- **Changed** css selector specify to prevent rare edge case bug.
|
|
18
|
+
|
|
19
|
+
### @semcore/modal
|
|
20
|
+
|
|
21
|
+
- **Changed** css selector specify to prevent rare edge case bug.
|
|
22
|
+
|
|
23
|
+
### @semcore/radio
|
|
24
|
+
|
|
25
|
+
- **Changed** css selector specify to prevent rare edge case bug.
|
|
26
|
+
|
|
7
27
|
## [15.51.0] - 2024-01-19
|
|
8
28
|
|
|
9
29
|
### @semcore/outside-click
|
|
@@ -34,22 +34,22 @@ var _InvalidStatePattern = _interopRequireDefault(require("intergalactic/utils/l
|
|
|
34
34
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"],
|
|
35
35
|
_excluded2 = ["children", "Children"];
|
|
36
36
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
38
|
-
"__SControl": "
|
|
39
|
-
"__SText": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_size_m": "
|
|
42
|
-
"_checked": "
|
|
43
|
-
"__SCheckbox": "
|
|
44
|
-
"_state_normal": "
|
|
45
|
-
"_state_invalid": "
|
|
46
|
-
"_indeterminate": "
|
|
47
|
-
"_disabled": "
|
|
48
|
-
"_theme": "
|
|
49
|
-
"--theme": "--
|
|
50
|
-
"_keyboardFocused": "
|
|
51
|
-
"__SInvalidPattern": "
|
|
52
|
-
"__SLabel": "
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLabel_3mwo2_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_3mwo2_gg_.__disabled_3mwo2_gg_{cursor:default}.___SLabel_3mwo2_gg_ .___SText_3mwo2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_3mwo2_gg_ .___SText_3mwo2_gg_.__disabled_3mwo2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SControl_3mwo2_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_3mwo2_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_3mwo2_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_3mwo2_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_,.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_.__checked_3mwo2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_{width:16px;height:16px}.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_.__checked_3mwo2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_3mwo2_gg_._size_l_3mwo2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_3mwo2_gg_._size_m_3mwo2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_3mwo2_gg_.__disabled_3mwo2_gg_~.___SCheckbox_3mwo2_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_:after{width:12px;height:2px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_:after{width:8px;height:2px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before{border-color:var(--theme_3mwo2)}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before{background-color:var(--theme_3mwo2);border-color:var(--theme_3mwo2)}.___SInvalidPattern_3mwo2_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "3mwo2_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SControl": "___SControl_3mwo2_gg_",
|
|
39
|
+
"__SText": "___SText_3mwo2_gg_",
|
|
40
|
+
"_size_l": "_size_l_3mwo2_gg_",
|
|
41
|
+
"_size_m": "_size_m_3mwo2_gg_",
|
|
42
|
+
"_checked": "__checked_3mwo2_gg_",
|
|
43
|
+
"__SCheckbox": "___SCheckbox_3mwo2_gg_",
|
|
44
|
+
"_state_normal": "_state_normal_3mwo2_gg_",
|
|
45
|
+
"_state_invalid": "_state_invalid_3mwo2_gg_",
|
|
46
|
+
"_indeterminate": "__indeterminate_3mwo2_gg_",
|
|
47
|
+
"_disabled": "__disabled_3mwo2_gg_",
|
|
48
|
+
"_theme": "__theme_3mwo2_gg_",
|
|
49
|
+
"--theme": "--theme_3mwo2",
|
|
50
|
+
"_keyboardFocused": "__keyboardFocused_3mwo2_gg_",
|
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_3mwo2_gg_",
|
|
52
|
+
"__SLabel": "___SLabel_3mwo2_gg_"
|
|
53
53
|
});
|
|
54
54
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
|
55
55
|
(0, _inherits2["default"])(CheckboxRoot, _Component);
|
|
@@ -7,14 +7,14 @@ SLabel {
|
|
|
7
7
|
&[disabled] {
|
|
8
8
|
cursor: default;
|
|
9
9
|
}
|
|
10
|
-
}
|
|
11
10
|
|
|
12
|
-
SText {
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
SText {
|
|
12
|
+
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
13
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
15
14
|
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
&[disabled] {
|
|
16
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
17
|
+
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -183,4 +183,4 @@ SInvalidPattern {
|
|
|
183
183
|
margin: 1px 0 1px 1px;
|
|
184
184
|
border-bottom-left-radius: var(--intergalactic-rounded-small, 4px);
|
|
185
185
|
border-top-left-radius: var(--intergalactic-rounded-small, 4px);
|
|
186
|
-
}
|
|
186
|
+
}
|
|
@@ -25,22 +25,22 @@ import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
|
|
25
25
|
import logger from 'intergalactic/utils/lib/logger';
|
|
26
26
|
import InvalidPattern from 'intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
|
|
27
27
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SControl": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"_checked": "
|
|
34
|
-
"__SCheckbox": "
|
|
35
|
-
"_state_normal": "
|
|
36
|
-
"_state_invalid": "
|
|
37
|
-
"_indeterminate": "
|
|
38
|
-
"_disabled": "
|
|
39
|
-
"_theme": "
|
|
40
|
-
"--theme": "--
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"__SInvalidPattern": "
|
|
43
|
-
"__SLabel": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_3mwo2_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_3mwo2_gg_.__disabled_3mwo2_gg_{cursor:default}.___SLabel_3mwo2_gg_ .___SText_3mwo2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_3mwo2_gg_ .___SText_3mwo2_gg_.__disabled_3mwo2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SControl_3mwo2_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_3mwo2_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_3mwo2_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_3mwo2_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_,.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_.__checked_3mwo2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_{width:16px;height:16px}.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_.__checked_3mwo2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_3mwo2_gg_._size_l_3mwo2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_3mwo2_gg_._size_m_3mwo2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_3mwo2_gg_.__disabled_3mwo2_gg_~.___SCheckbox_3mwo2_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._size_l_3mwo2_gg_:after{width:12px;height:2px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._size_m_3mwo2_gg_:after{width:8px;height:2px}.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_._state_invalid_3mwo2_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_.__keyboardFocused_3mwo2_gg_:before,.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before{border-color:var(--theme_3mwo2)}.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_invalid_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__checked_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before,.___SControl_3mwo2_gg_.__indeterminate_3mwo2_gg_~.___SCheckbox_3mwo2_gg_.__theme_3mwo2_gg_._state_normal_3mwo2_gg_:before{background-color:var(--theme_3mwo2);border-color:var(--theme_3mwo2)}.___SInvalidPattern_3mwo2_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "3mwo2_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SControl": "___SControl_3mwo2_gg_",
|
|
30
|
+
"__SText": "___SText_3mwo2_gg_",
|
|
31
|
+
"_size_l": "_size_l_3mwo2_gg_",
|
|
32
|
+
"_size_m": "_size_m_3mwo2_gg_",
|
|
33
|
+
"_checked": "__checked_3mwo2_gg_",
|
|
34
|
+
"__SCheckbox": "___SCheckbox_3mwo2_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_3mwo2_gg_",
|
|
36
|
+
"_state_invalid": "_state_invalid_3mwo2_gg_",
|
|
37
|
+
"_indeterminate": "__indeterminate_3mwo2_gg_",
|
|
38
|
+
"_disabled": "__disabled_3mwo2_gg_",
|
|
39
|
+
"_theme": "__theme_3mwo2_gg_",
|
|
40
|
+
"--theme": "--theme_3mwo2",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_3mwo2_gg_",
|
|
42
|
+
"__SInvalidPattern": "___SInvalidPattern_3mwo2_gg_",
|
|
43
|
+
"__SLabel": "___SLabel_3mwo2_gg_"
|
|
44
44
|
});
|
|
45
45
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
_inherits(CheckboxRoot, _Component);
|
|
@@ -7,14 +7,14 @@ SLabel {
|
|
|
7
7
|
&[disabled] {
|
|
8
8
|
cursor: default;
|
|
9
9
|
}
|
|
10
|
-
}
|
|
11
10
|
|
|
12
|
-
SText {
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
SText {
|
|
12
|
+
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
13
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
15
14
|
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
&[disabled] {
|
|
16
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
17
|
+
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -183,4 +183,4 @@ SInvalidPattern {
|
|
|
183
183
|
margin: 1px 0 1px 1px;
|
|
184
184
|
border-bottom-left-radius: var(--intergalactic-rounded-small, 4px);
|
|
185
185
|
border-top-left-radius: var(--intergalactic-rounded-small, 4px);
|
|
186
|
-
}
|
|
186
|
+
}
|
package/errors/lib/cjs/Error.js
CHANGED
|
@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _flexBox = require("intergalactic/flex-box");
|
|
18
18
|
var _illustration = require("intergalactic/illustration");
|
|
19
19
|
/*__reshadow-styles__:"./style/errors.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SInner": "
|
|
22
|
-
"__SImageWrapper": "
|
|
23
|
-
"__SWrapper": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"__SDescription": "
|
|
26
|
-
"__SError": "
|
|
27
|
-
"
|
|
28
|
-
"
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SError_13sx5_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_13sx5_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_13sx5_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_13sx5_gg_ .___SControls_13sx5_gg_{display:flex;align-items:center}.___SError_13sx5_gg_ .___SControls_13sx5_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_13sx5_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_13sx5_gg_,.___SImage_13sx5_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_13sx5_gg_,.___SImage_13sx5_gg_{width:200px;height:200px}}.___SImageWrapper_13sx5_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_13sx5_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_13sx5_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SDescription_13sx5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "13sx5_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SInner": "___SInner_13sx5_gg_",
|
|
22
|
+
"__SImageWrapper": "___SImageWrapper_13sx5_gg_",
|
|
23
|
+
"__SWrapper": "___SWrapper_13sx5_gg_",
|
|
24
|
+
"__STitle": "___STitle_13sx5_gg_",
|
|
25
|
+
"__SDescription": "___SDescription_13sx5_gg_",
|
|
26
|
+
"__SError": "___SError_13sx5_gg_",
|
|
27
|
+
"__SControls": "___SControls_13sx5_gg_",
|
|
28
|
+
"__SImage": "___SImage_13sx5_gg_"
|
|
29
29
|
});
|
|
30
30
|
var getIconPath = function getIconPath(name) {
|
|
31
31
|
return (0, _illustration.getIllustrationPath)(name);
|
|
@@ -10,6 +10,15 @@ SError {
|
|
|
10
10
|
@media (max-width: 320px) {
|
|
11
11
|
padding: var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px);
|
|
12
12
|
}
|
|
13
|
+
|
|
14
|
+
SControls {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
|
|
18
|
+
&>*:not(:last-child) {
|
|
19
|
+
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
13
22
|
}
|
|
14
23
|
|
|
15
24
|
SInner {
|
|
@@ -56,12 +65,3 @@ SDescription {
|
|
|
56
65
|
color: var(--intergalactic-text-primary, #191b23);
|
|
57
66
|
margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
|
|
58
67
|
}
|
|
59
|
-
|
|
60
|
-
SControls {
|
|
61
|
-
display: flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
|
|
64
|
-
&>*:not(:last-child) {
|
|
65
|
-
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
66
|
-
}
|
|
67
|
-
}
|
package/errors/lib/es6/Error.js
CHANGED
|
@@ -14,15 +14,15 @@ import { Box, Flex } from 'intergalactic/flex-box';
|
|
|
14
14
|
import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
|
|
15
15
|
import { getIllustrationPath } from 'intergalactic/illustration';
|
|
16
16
|
/*__reshadow-styles__:"./style/errors.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SInner": "
|
|
19
|
-
"__SImageWrapper": "
|
|
20
|
-
"__SWrapper": "
|
|
21
|
-
"__STitle": "
|
|
22
|
-
"__SDescription": "
|
|
23
|
-
"__SError": "
|
|
24
|
-
"
|
|
25
|
-
"
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_13sx5_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_13sx5_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_13sx5_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_13sx5_gg_ .___SControls_13sx5_gg_{display:flex;align-items:center}.___SError_13sx5_gg_ .___SControls_13sx5_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_13sx5_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_13sx5_gg_,.___SImage_13sx5_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_13sx5_gg_,.___SImage_13sx5_gg_{width:200px;height:200px}}.___SImageWrapper_13sx5_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_13sx5_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_13sx5_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SDescription_13sx5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "13sx5_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SInner": "___SInner_13sx5_gg_",
|
|
19
|
+
"__SImageWrapper": "___SImageWrapper_13sx5_gg_",
|
|
20
|
+
"__SWrapper": "___SWrapper_13sx5_gg_",
|
|
21
|
+
"__STitle": "___STitle_13sx5_gg_",
|
|
22
|
+
"__SDescription": "___SDescription_13sx5_gg_",
|
|
23
|
+
"__SError": "___SError_13sx5_gg_",
|
|
24
|
+
"__SControls": "___SControls_13sx5_gg_",
|
|
25
|
+
"__SImage": "___SImage_13sx5_gg_"
|
|
26
26
|
});
|
|
27
27
|
export var getIconPath = function getIconPath(name) {
|
|
28
28
|
return getIllustrationPath(name);
|
|
@@ -10,6 +10,15 @@ SError {
|
|
|
10
10
|
@media (max-width: 320px) {
|
|
11
11
|
padding: var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px);
|
|
12
12
|
}
|
|
13
|
+
|
|
14
|
+
SControls {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
|
|
18
|
+
&>*:not(:last-child) {
|
|
19
|
+
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
13
22
|
}
|
|
14
23
|
|
|
15
24
|
SInner {
|
|
@@ -56,12 +65,3 @@ SDescription {
|
|
|
56
65
|
color: var(--intergalactic-text-primary, #191b23);
|
|
57
66
|
margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
|
|
58
67
|
}
|
|
59
|
-
|
|
60
|
-
SControls {
|
|
61
|
-
display: flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
|
|
64
|
-
&>*:not(:last-child) {
|
|
65
|
-
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
@@ -27,24 +27,24 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
|
|
|
27
27
|
var _inputNumber = require("intergalactic/input-number");
|
|
28
28
|
var _InvalidStatePattern = _interopRequireDefault(require("intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern"));
|
|
29
29
|
/*__reshadow-styles__:"./style/inline-input.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SInlineInput": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"__SUnderline": "
|
|
34
|
-
"__SAddon": "
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"_type_number": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1prbi_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1prbi_gg_ .___SConfirmIcon_1prbi_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1prbi_gg_ .___SConfirmIcon_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1prbi_gg_ .___SCancelIcon_1prbi_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1prbi_gg_ .___SCancelIcon_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1prbi_gg_.__disabled_1prbi_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1prbi_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1prbi_gg_:focus{outline:0}.___SValue_1prbi_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1prbi_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1prbi_gg_.__disabled_1prbi_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1prbi_gg_::-webkit-inner-spin-button,.___SValue_1prbi_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1prbi_gg_._type_number_1prbi_gg_{-moz-appearance:textfield}.___SUnderline_1prbi_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1prbi_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1prbi_gg_.__disabled_1prbi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1prbi_gg_.__focused_1prbi_gg_{z-index:1}.___SInlineInput_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1prbi_gg_._state_valid_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1prbi_gg_._state_valid_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1prbi_gg_._state_invalid_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1prbi_gg_._state_invalid_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1prbi_gg_:focus~.___SControls_1prbi_gg_{display:flex}.___SControls_1prbi_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1prbi_gg_.__showControls_1prbi_gg_{display:flex}.___SDown_1prbi_gg_,.___SUp_1prbi_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1prbi_gg_:focus,.___SUp_1prbi_gg_:focus{outline:0}@media (hover:hover){.___SDown_1prbi_gg_:hover,.___SUp_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1prbi_gg_{padding-bottom:1px}.___SDown_1prbi_gg_{padding-top:1px}.___SValue_1prbi_gg_.__disabled_1prbi_gg_~.___SControls_1prbi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1prbi_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_1prbi_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1prbi_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SInlineInput": "___SInlineInput_1prbi_gg_",
|
|
32
|
+
"_disabled": "__disabled_1prbi_gg_",
|
|
33
|
+
"__SUnderline": "___SUnderline_1prbi_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_1prbi_gg_",
|
|
35
|
+
"_focused": "__focused_1prbi_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_1prbi_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_1prbi_gg_",
|
|
38
|
+
"__SValue": "___SValue_1prbi_gg_",
|
|
39
|
+
"__SControls": "___SControls_1prbi_gg_",
|
|
40
|
+
"_showControls": "__showControls_1prbi_gg_",
|
|
41
|
+
"__SUp": "___SUp_1prbi_gg_",
|
|
42
|
+
"__SDown": "___SDown_1prbi_gg_",
|
|
43
|
+
"__SValueHidden": "___SValueHidden_1prbi_gg_",
|
|
44
|
+
"__SInvalidPattern": "___SInvalidPattern_1prbi_gg_",
|
|
45
|
+
"__SConfirmIcon": "___SConfirmIcon_1prbi_gg_",
|
|
46
|
+
"__SCancelIcon": "___SCancelIcon_1prbi_gg_",
|
|
47
|
+
"_type_number": "_type_number_1prbi_gg_"
|
|
48
48
|
});
|
|
49
49
|
var pointInsideOfRect = function pointInsideOfRect(_ref17) {
|
|
50
50
|
var x = _ref17.x,
|
|
@@ -11,6 +11,22 @@ SInlineInput {
|
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
|
|
13
13
|
background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
14
|
+
|
|
15
|
+
SConfirmIcon {
|
|
16
|
+
color: var(--intergalactic-icon-secondary-success, #00c192);
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
}
|
|
19
|
+
SConfirmIcon:hover {
|
|
20
|
+
color: var(--intergalactic-icon-secondary-success-hover-active, #049B75);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
SCancelIcon {
|
|
24
|
+
color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
}
|
|
27
|
+
SCancelIcon:hover {
|
|
28
|
+
color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
|
|
29
|
+
}
|
|
14
30
|
}
|
|
15
31
|
|
|
16
32
|
SInlineInput[disabled] {
|
|
@@ -87,22 +103,6 @@ SAddon[disabled] {
|
|
|
87
103
|
pointer-events: none;
|
|
88
104
|
}
|
|
89
105
|
|
|
90
|
-
SConfirmIcon {
|
|
91
|
-
color: var(--intergalactic-icon-secondary-success, #00c192);
|
|
92
|
-
cursor: pointer;
|
|
93
|
-
}
|
|
94
|
-
SConfirmIcon:hover {
|
|
95
|
-
color: var(--intergalactic-icon-secondary-success-hover-active, #049B75);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
SCancelIcon {
|
|
99
|
-
color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
}
|
|
102
|
-
SCancelIcon:hover {
|
|
103
|
-
color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
106
|
SInlineInput[focused] {
|
|
107
107
|
z-index: 1;
|
|
108
108
|
}
|
|
@@ -193,4 +193,4 @@ SInvalidPattern {
|
|
|
193
193
|
margin-top: -1px;
|
|
194
194
|
border-radius: 0;
|
|
195
195
|
height: calc(100% - 3px);
|
|
196
|
-
}
|
|
196
|
+
}
|
|
@@ -21,24 +21,24 @@ import { Box } from 'intergalactic/flex-box';
|
|
|
21
21
|
import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
|
|
22
22
|
import Tooltip from 'intergalactic/tooltip';
|
|
23
23
|
/*__reshadow-styles__:"./style/inline-input.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SInlineInput": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SUnderline": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"_type_number": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1prbi_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1prbi_gg_ .___SConfirmIcon_1prbi_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1prbi_gg_ .___SConfirmIcon_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1prbi_gg_ .___SCancelIcon_1prbi_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1prbi_gg_ .___SCancelIcon_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1prbi_gg_.__disabled_1prbi_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1prbi_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1prbi_gg_:focus{outline:0}.___SValue_1prbi_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1prbi_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1prbi_gg_.__disabled_1prbi_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1prbi_gg_::-webkit-inner-spin-button,.___SValue_1prbi_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1prbi_gg_._type_number_1prbi_gg_{-moz-appearance:textfield}.___SUnderline_1prbi_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1prbi_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1prbi_gg_.__disabled_1prbi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1prbi_gg_.__focused_1prbi_gg_{z-index:1}.___SInlineInput_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1prbi_gg_._state_valid_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1prbi_gg_._state_valid_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1prbi_gg_._state_invalid_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1prbi_gg_._state_invalid_1prbi_gg_.__focused_1prbi_gg_ .___SUnderline_1prbi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1prbi_gg_:focus~.___SControls_1prbi_gg_{display:flex}.___SControls_1prbi_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1prbi_gg_.__showControls_1prbi_gg_{display:flex}.___SDown_1prbi_gg_,.___SUp_1prbi_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1prbi_gg_:focus,.___SUp_1prbi_gg_:focus{outline:0}@media (hover:hover){.___SDown_1prbi_gg_:hover,.___SUp_1prbi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1prbi_gg_{padding-bottom:1px}.___SDown_1prbi_gg_{padding-top:1px}.___SValue_1prbi_gg_.__disabled_1prbi_gg_~.___SControls_1prbi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1prbi_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_1prbi_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1prbi_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SInlineInput": "___SInlineInput_1prbi_gg_",
|
|
26
|
+
"_disabled": "__disabled_1prbi_gg_",
|
|
27
|
+
"__SUnderline": "___SUnderline_1prbi_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_1prbi_gg_",
|
|
29
|
+
"_focused": "__focused_1prbi_gg_",
|
|
30
|
+
"_state_valid": "_state_valid_1prbi_gg_",
|
|
31
|
+
"_state_invalid": "_state_invalid_1prbi_gg_",
|
|
32
|
+
"__SValue": "___SValue_1prbi_gg_",
|
|
33
|
+
"__SControls": "___SControls_1prbi_gg_",
|
|
34
|
+
"_showControls": "__showControls_1prbi_gg_",
|
|
35
|
+
"__SUp": "___SUp_1prbi_gg_",
|
|
36
|
+
"__SDown": "___SDown_1prbi_gg_",
|
|
37
|
+
"__SValueHidden": "___SValueHidden_1prbi_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_1prbi_gg_",
|
|
39
|
+
"__SConfirmIcon": "___SConfirmIcon_1prbi_gg_",
|
|
40
|
+
"__SCancelIcon": "___SCancelIcon_1prbi_gg_",
|
|
41
|
+
"_type_number": "_type_number_1prbi_gg_"
|
|
42
42
|
});
|
|
43
43
|
import CheckM from 'intergalactic/icon/Check/m';
|
|
44
44
|
import CloseM from 'intergalactic/icon/Close/m';
|
|
@@ -11,6 +11,22 @@ SInlineInput {
|
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
|
|
13
13
|
background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
14
|
+
|
|
15
|
+
SConfirmIcon {
|
|
16
|
+
color: var(--intergalactic-icon-secondary-success, #00c192);
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
}
|
|
19
|
+
SConfirmIcon:hover {
|
|
20
|
+
color: var(--intergalactic-icon-secondary-success-hover-active, #049B75);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
SCancelIcon {
|
|
24
|
+
color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
}
|
|
27
|
+
SCancelIcon:hover {
|
|
28
|
+
color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
|
|
29
|
+
}
|
|
14
30
|
}
|
|
15
31
|
|
|
16
32
|
SInlineInput[disabled] {
|
|
@@ -87,22 +103,6 @@ SAddon[disabled] {
|
|
|
87
103
|
pointer-events: none;
|
|
88
104
|
}
|
|
89
105
|
|
|
90
|
-
SConfirmIcon {
|
|
91
|
-
color: var(--intergalactic-icon-secondary-success, #00c192);
|
|
92
|
-
cursor: pointer;
|
|
93
|
-
}
|
|
94
|
-
SConfirmIcon:hover {
|
|
95
|
-
color: var(--intergalactic-icon-secondary-success-hover-active, #049B75);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
SCancelIcon {
|
|
99
|
-
color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
}
|
|
102
|
-
SCancelIcon:hover {
|
|
103
|
-
color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
106
|
SInlineInput[focused] {
|
|
107
107
|
z-index: 1;
|
|
108
108
|
}
|
|
@@ -193,4 +193,4 @@ SInvalidPattern {
|
|
|
193
193
|
margin-top: -1px;
|
|
194
194
|
border-radius: 0;
|
|
195
195
|
height: calc(100% - 3px);
|
|
196
|
-
}
|
|
196
|
+
}
|
package/modal/lib/cjs/Modal.js
CHANGED
|
@@ -32,13 +32,13 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
|
|
32
32
|
var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
|
|
33
33
|
var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
|
|
34
34
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SWindow": "
|
|
37
|
-
"_ghost": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"
|
|
41
|
-
"
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_yfabv_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_yfabv_gg_:focus{outline:0}.___SWindow_yfabv_gg_ .___STitle_yfabv_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_yfabv_gg_.__ghost_yfabv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_yfabv_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_yfabv_gg_ .___SOverlay_yfabv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_yfabv_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_yfabv_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_yfabv_gg_.__ghost_yfabv_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_yfabv_gg_.__ghost_yfabv_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_yfabv_gg_.__keyboardFocused_yfabv_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_yfabv_gg_{min-width:60%}.___SOverlay_yfabv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "yfabv_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWindow": "___SWindow_yfabv_gg_",
|
|
37
|
+
"_ghost": "__ghost_yfabv_gg_",
|
|
38
|
+
"__SClose": "___SClose_yfabv_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_yfabv_gg_",
|
|
40
|
+
"__SOverlay": "___SOverlay_yfabv_gg_",
|
|
41
|
+
"__STitle": "___STitle_yfabv_gg_"
|
|
42
42
|
});
|
|
43
43
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
44
44
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
|
@@ -11,6 +11,14 @@ SWindow {
|
|
|
11
11
|
&:focus {
|
|
12
12
|
outline: none;
|
|
13
13
|
}
|
|
14
|
+
|
|
15
|
+
STitle {
|
|
16
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
17
|
+
font-size: var(--intergalactic-fs-500, 24px);
|
|
18
|
+
line-height: var(--intergalactic-lh-500, 117%);
|
|
19
|
+
font-weight: var(--intergalactic-semi-bold, 600);
|
|
20
|
+
margin-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
21
|
+
}
|
|
14
22
|
}
|
|
15
23
|
|
|
16
24
|
SWindow[ghost] {
|
|
@@ -71,14 +79,6 @@ SClose[keyboardFocused] {
|
|
|
71
79
|
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
72
80
|
}
|
|
73
81
|
|
|
74
|
-
STitle {
|
|
75
|
-
color: var(--intergalactic-text-primary, #191b23);
|
|
76
|
-
font-size: var(--intergalactic-fs-500, 24px);
|
|
77
|
-
line-height: var(--intergalactic-lh-500, 117%);
|
|
78
|
-
font-weight: var(--intergalactic-semi-bold, 600);
|
|
79
|
-
margin-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
82
|
@media (max-width: 767px) {
|
|
83
83
|
SWindow {
|
|
84
84
|
min-width: 60%;
|
package/modal/lib/es6/Modal.js
CHANGED
|
@@ -23,13 +23,13 @@ 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
|
-
"
|
|
32
|
-
"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_yfabv_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_yfabv_gg_:focus{outline:0}.___SWindow_yfabv_gg_ .___STitle_yfabv_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_yfabv_gg_.__ghost_yfabv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_yfabv_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_yfabv_gg_ .___SOverlay_yfabv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_yfabv_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_yfabv_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_yfabv_gg_.__ghost_yfabv_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_yfabv_gg_.__ghost_yfabv_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_yfabv_gg_.__keyboardFocused_yfabv_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_yfabv_gg_{min-width:60%}.___SOverlay_yfabv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "yfabv_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SWindow": "___SWindow_yfabv_gg_",
|
|
28
|
+
"_ghost": "__ghost_yfabv_gg_",
|
|
29
|
+
"__SClose": "___SClose_yfabv_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_yfabv_gg_",
|
|
31
|
+
"__SOverlay": "___SOverlay_yfabv_gg_",
|
|
32
|
+
"__STitle": "___STitle_yfabv_gg_"
|
|
33
33
|
});
|
|
34
34
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
35
35
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
@@ -11,6 +11,14 @@ SWindow {
|
|
|
11
11
|
&:focus {
|
|
12
12
|
outline: none;
|
|
13
13
|
}
|
|
14
|
+
|
|
15
|
+
STitle {
|
|
16
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
17
|
+
font-size: var(--intergalactic-fs-500, 24px);
|
|
18
|
+
line-height: var(--intergalactic-lh-500, 117%);
|
|
19
|
+
font-weight: var(--intergalactic-semi-bold, 600);
|
|
20
|
+
margin-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
21
|
+
}
|
|
14
22
|
}
|
|
15
23
|
|
|
16
24
|
SWindow[ghost] {
|
|
@@ -71,14 +79,6 @@ SClose[keyboardFocused] {
|
|
|
71
79
|
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
72
80
|
}
|
|
73
81
|
|
|
74
|
-
STitle {
|
|
75
|
-
color: var(--intergalactic-text-primary, #191b23);
|
|
76
|
-
font-size: var(--intergalactic-fs-500, 24px);
|
|
77
|
-
line-height: var(--intergalactic-lh-500, 117%);
|
|
78
|
-
font-weight: var(--intergalactic-semi-bold, 600);
|
|
79
|
-
margin-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
82
|
@media (max-width: 767px) {
|
|
83
83
|
SWindow {
|
|
84
84
|
min-width: 60%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "intergalactic",
|
|
3
|
-
"version": "15.52.0-prerelease.0-prerelease-
|
|
3
|
+
"version": "15.52.0-prerelease.0-prerelease-b265ecad",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"intergalactic-migrate": "0.0.0",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"d3-time": "3.1.0",
|
|
20
20
|
"d3-time-format": "4.1.0",
|
|
21
21
|
"d3-transition": "3.0.1",
|
|
22
|
-
"csstype": "3.0.8",
|
|
23
22
|
"final-form": "4.20.4",
|
|
24
23
|
"final-form-focus": "1.1.2",
|
|
25
24
|
"react-final-form": "6.5.9",
|
|
25
|
+
"csstype": "3.0.8",
|
|
26
26
|
"@babel/runtime": "^7.17.9",
|
|
27
27
|
"text-mask-core": "5.1.2",
|
|
28
28
|
"@popperjs/core": "2.11.5",
|
package/radio/lib/cjs/Radio.js
CHANGED
|
@@ -35,20 +35,20 @@ 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_158lk_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_158lk_gg_ .___SText_158lk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_158lk_gg_.__disabled_158lk_gg_{pointer-events:none}.___SText_158lk_gg_._size_m_158lk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_158lk_gg_._size_l_158lk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_158lk_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_158lk_gg_::after,.___SValue_158lk_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_158lk_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_158lk_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_158lk_gg_.__disabled_158lk_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_158lk_gg_._size_m_158lk_gg_{width:16px;height:16px}.___SValue_158lk_gg_._size_l_158lk_gg_{width:20px;height:20px}.___SValue_158lk_gg_._state_normal_158lk_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_158lk_gg_._state_invalid_158lk_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_158lk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_._size_m_158lk_gg_::after{width:6px;height:6px}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_._size_l_158lk_gg_::after{width:8px;height:8px}.___SValue_158lk_gg_._state_normal_158lk_gg_.__keyboardFocused_158lk_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_158lk_gg_._state_invalid_158lk_gg_.__keyboardFocused_158lk_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_.__theme_158lk_gg_::before{border-color:var(--theme_158lk);background-color:var(--theme_158lk)}.___SValue_158lk_gg_._state_normal_158lk_gg_.__theme_158lk_gg_::before{border-color:var(--theme_158lk)}.___SInvalidPattern_158lk_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__*/, "158lk_gg_") /*__reshadow_css_end__*/, {
|
|
39
|
+
"__SRadio": "___SRadio_158lk_gg_",
|
|
40
|
+
"_disabled": "__disabled_158lk_gg_",
|
|
41
|
+
"__SText": "___SText_158lk_gg_",
|
|
42
|
+
"_size_m": "_size_m_158lk_gg_",
|
|
43
|
+
"_size_l": "_size_l_158lk_gg_",
|
|
44
|
+
"__SValue": "___SValue_158lk_gg_",
|
|
45
|
+
"_state_normal": "_state_normal_158lk_gg_",
|
|
46
|
+
"_state_invalid": "_state_invalid_158lk_gg_",
|
|
47
|
+
"__SControl": "___SControl_158lk_gg_",
|
|
48
|
+
"_keyboardFocused": "__keyboardFocused_158lk_gg_",
|
|
49
|
+
"_theme": "__theme_158lk_gg_",
|
|
50
|
+
"--theme": "--theme_158lk",
|
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_158lk_gg_"
|
|
52
52
|
});
|
|
53
53
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
54
54
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -2,16 +2,16 @@ SRadio {
|
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: flex-start;
|
|
4
4
|
cursor: pointer;
|
|
5
|
+
|
|
6
|
+
SText {
|
|
7
|
+
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
8
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
9
|
+
}
|
|
5
10
|
}
|
|
6
11
|
SRadio[disabled] {
|
|
7
12
|
pointer-events: none;
|
|
8
13
|
}
|
|
9
14
|
|
|
10
|
-
SText {
|
|
11
|
-
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
12
|
-
color: var(--intergalactic-text-primary, #191b23);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
15
|
SText[size='m'] {
|
|
16
16
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
17
17
|
line-height: var(--intergalactic-lh-200, 142%);
|
package/radio/lib/es6/Radio.js
CHANGED
|
@@ -24,20 +24,20 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
|
|
|
24
24
|
import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
|
25
25
|
import InvalidPattern from 'intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
|
|
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_158lk_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_158lk_gg_ .___SText_158lk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_158lk_gg_.__disabled_158lk_gg_{pointer-events:none}.___SText_158lk_gg_._size_m_158lk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_158lk_gg_._size_l_158lk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_158lk_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_158lk_gg_::after,.___SValue_158lk_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_158lk_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_158lk_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_158lk_gg_.__disabled_158lk_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_158lk_gg_._size_m_158lk_gg_{width:16px;height:16px}.___SValue_158lk_gg_._size_l_158lk_gg_{width:20px;height:20px}.___SValue_158lk_gg_._state_normal_158lk_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_158lk_gg_._state_invalid_158lk_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_158lk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_._size_m_158lk_gg_::after{width:6px;height:6px}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_._size_l_158lk_gg_::after{width:8px;height:8px}.___SValue_158lk_gg_._state_normal_158lk_gg_.__keyboardFocused_158lk_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_158lk_gg_._state_invalid_158lk_gg_.__keyboardFocused_158lk_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_158lk_gg_:checked~.___SValue_158lk_gg_.__theme_158lk_gg_::before{border-color:var(--theme_158lk);background-color:var(--theme_158lk)}.___SValue_158lk_gg_._state_normal_158lk_gg_.__theme_158lk_gg_::before{border-color:var(--theme_158lk)}.___SInvalidPattern_158lk_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__*/, "158lk_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SRadio": "___SRadio_158lk_gg_",
|
|
29
|
+
"_disabled": "__disabled_158lk_gg_",
|
|
30
|
+
"__SText": "___SText_158lk_gg_",
|
|
31
|
+
"_size_m": "_size_m_158lk_gg_",
|
|
32
|
+
"_size_l": "_size_l_158lk_gg_",
|
|
33
|
+
"__SValue": "___SValue_158lk_gg_",
|
|
34
|
+
"_state_normal": "_state_normal_158lk_gg_",
|
|
35
|
+
"_state_invalid": "_state_invalid_158lk_gg_",
|
|
36
|
+
"__SControl": "___SControl_158lk_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_158lk_gg_",
|
|
38
|
+
"_theme": "__theme_158lk_gg_",
|
|
39
|
+
"--theme": "--theme_158lk",
|
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_158lk_gg_"
|
|
41
41
|
});
|
|
42
42
|
import logger from 'intergalactic/utils/lib/logger';
|
|
43
43
|
import { Text as TypographyText } from 'intergalactic/typography';
|
|
@@ -2,16 +2,16 @@ SRadio {
|
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: flex-start;
|
|
4
4
|
cursor: pointer;
|
|
5
|
+
|
|
6
|
+
SText {
|
|
7
|
+
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
8
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
9
|
+
}
|
|
5
10
|
}
|
|
6
11
|
SRadio[disabled] {
|
|
7
12
|
pointer-events: none;
|
|
8
13
|
}
|
|
9
14
|
|
|
10
|
-
SText {
|
|
11
|
-
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
12
|
-
color: var(--intergalactic-text-primary, #191b23);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
15
|
SText[size='m'] {
|
|
16
16
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
17
17
|
line-height: var(--intergalactic-lh-200, 142%);
|