@semcore/widget-empty 16.0.11-prerelease.5 → 16.1.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/README.md +4 -4
- package/lib/cjs/WidgetEmpty.js +9 -9
- package/lib/cjs/WidgetEmpty.js.map +1 -1
- package/lib/cjs/style/widget-empty.shadow.css +2 -2
- package/lib/es6/WidgetEmpty.js +9 -9
- package/lib/es6/WidgetEmpty.js.map +1 -1
- package/lib/es6/style/widget-empty.shadow.css +2 -2
- package/lib/esm/WidgetEmpty.mjs +10 -10
- package/lib/esm/style/widget-empty.shadow.css +2 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/widget-empty)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/widget-empty)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -20,13 +20,13 @@ npm install @semcore/widget-empty
|
|
|
20
20
|
|
|
21
21
|
## 👤 Author
|
|
22
22
|
|
|
23
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
23
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
24
24
|
|
|
25
25
|
## 🤝 Contributing
|
|
26
26
|
|
|
27
27
|
Contributions, issues and feature requests are welcome!
|
|
28
28
|
|
|
29
|
-
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/
|
|
29
|
+
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
|
|
30
30
|
|
|
31
31
|
## Show your support
|
|
32
32
|
|
|
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
|
|
|
34
34
|
|
|
35
35
|
## 📝 License
|
|
36
36
|
|
|
37
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
37
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
package/lib/cjs/WidgetEmpty.js
CHANGED
|
@@ -17,13 +17,13 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
17
17
|
var _illustration = require("@semcore/illustration");
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWidgetEmpty_1d0z8_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1d0z8_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_1d0z8_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_1d0z8_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1d0z8_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SWidgetEmpty": "
|
|
24
|
-
"__SImage": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SDescription": "
|
|
23
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1d0z8_gg_",
|
|
24
|
+
"__SImage": "___SImage_1d0z8_gg_",
|
|
25
|
+
"__STitle": "___STitle_1d0z8_gg_",
|
|
26
|
+
"__SDescription": "___SDescription_1d0z8_gg_"
|
|
27
27
|
});
|
|
28
28
|
var getIconPath = exports.getIconPath = function getIconPath(name) {
|
|
29
29
|
return (0, _illustration.getIllustrationPath)(name);
|
|
@@ -58,20 +58,20 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
|
|
|
58
58
|
}(_core.Component);
|
|
59
59
|
(0, _defineProperty2["default"])(WidgetEmpty, "displayName", 'WidgetEmpty');
|
|
60
60
|
(0, _defineProperty2["default"])(WidgetEmpty, "style", style);
|
|
61
|
-
|
|
61
|
+
function Title(props) {
|
|
62
62
|
var _ref2 = arguments[0],
|
|
63
63
|
_ref5;
|
|
64
64
|
var STitle = _flexBox.Box;
|
|
65
65
|
var styles = props.styles;
|
|
66
66
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref5.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
|
|
67
|
-
}
|
|
68
|
-
|
|
67
|
+
}
|
|
68
|
+
function Description(props) {
|
|
69
69
|
var _ref3 = arguments[0],
|
|
70
70
|
_ref6;
|
|
71
71
|
var SDescription = _flexBox.Box;
|
|
72
72
|
var styles = props.styles;
|
|
73
73
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref6.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
74
|
-
}
|
|
74
|
+
}
|
|
75
75
|
var _default = exports["default"] = (0, _core.createComponent)(WidgetEmpty, {
|
|
76
76
|
Title: Title,
|
|
77
77
|
Description: Description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","_isNode","_interopRequireDefault","_flexBox","_illustration","_react","style","sstyled","insert","getIconPath","exports","name","getIllustrationPath","WidgetEmpty","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","Flex","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread2","assignProps","isNode","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref5","STitle","Box","Description","_ref3","_ref6","SDescription","_default","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","_isNode","_interopRequireDefault","_flexBox","_illustration","_react","style","sstyled","insert","getIconPath","exports","name","getIllustrationPath","WidgetEmpty","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","Flex","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread2","assignProps","isNode","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref5","STitle","Box","Description","_ref3","_ref6","SDescription","_default","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n const { styles } = props;\n return sstyled(styles)(<SDescription render={Box} />);\n}\n\nexport default createComponent(WidgetEmpty, {\n Title,\n Description,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,7 +16,7 @@ SImage {
|
|
|
16
16
|
|
|
17
17
|
STitle {
|
|
18
18
|
text-align: center;
|
|
19
|
-
color: var(--intergalactic-text-secondary,
|
|
19
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
20
20
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
21
21
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
22
22
|
font-weight: var(--intergalactic-bold, 700);
|
|
@@ -27,7 +27,7 @@ SDescription {
|
|
|
27
27
|
text-wrap: balance;
|
|
28
28
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
29
29
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
30
|
-
color: var(--intergalactic-text-secondary,
|
|
30
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
31
31
|
max-width: 400px;
|
|
32
32
|
}
|
|
33
33
|
|
package/lib/es6/WidgetEmpty.js
CHANGED
|
@@ -14,13 +14,13 @@ import { Box, Flex } from '@semcore/flex-box';
|
|
|
14
14
|
import { getIllustrationPath } from '@semcore/illustration';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
17
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWidgetEmpty_1d0z8_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1d0z8_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_1d0z8_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_1d0z8_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1d0z8_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SWidgetEmpty": "
|
|
21
|
-
"__SImage": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"__SDescription": "
|
|
20
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1d0z8_gg_",
|
|
21
|
+
"__SImage": "___SImage_1d0z8_gg_",
|
|
22
|
+
"__STitle": "___STitle_1d0z8_gg_",
|
|
23
|
+
"__SDescription": "___SDescription_1d0z8_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var getIconPath = function getIconPath(name) {
|
|
26
26
|
return getIllustrationPath(name);
|
|
@@ -55,20 +55,20 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
|
|
|
55
55
|
}(Component);
|
|
56
56
|
_defineProperty(WidgetEmpty, "displayName", 'WidgetEmpty');
|
|
57
57
|
_defineProperty(WidgetEmpty, "style", style);
|
|
58
|
-
|
|
58
|
+
function Title(props) {
|
|
59
59
|
var _ref2 = arguments[0],
|
|
60
60
|
_ref5;
|
|
61
61
|
var STitle = Box;
|
|
62
62
|
var styles = props.styles;
|
|
63
63
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))));
|
|
64
|
-
}
|
|
65
|
-
|
|
64
|
+
}
|
|
65
|
+
function Description(props) {
|
|
66
66
|
var _ref3 = arguments[0],
|
|
67
67
|
_ref6;
|
|
68
68
|
var SDescription = Box;
|
|
69
69
|
var styles = props.styles;
|
|
70
70
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDescription, _ref6.cn("SDescription", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
71
|
-
}
|
|
71
|
+
}
|
|
72
72
|
export default createComponent(WidgetEmpty, {
|
|
73
73
|
Title: Title,
|
|
74
74
|
Description: Description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["createComponent","Component","sstyled","Root","isNode","Box","Flex","getIllustrationPath","React","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["createComponent","Component","sstyled","Root","isNode","Box","Flex","getIllustrationPath","React","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n const { styles } = props;\n return sstyled(styles)(<SDescription render={Box} />);\n}\n\nexport default createComponent(WidgetEmpty, {\n Title,\n Description,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,7 +16,7 @@ SImage {
|
|
|
16
16
|
|
|
17
17
|
STitle {
|
|
18
18
|
text-align: center;
|
|
19
|
-
color: var(--intergalactic-text-secondary,
|
|
19
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
20
20
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
21
21
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
22
22
|
font-weight: var(--intergalactic-bold, 700);
|
|
@@ -27,7 +27,7 @@ SDescription {
|
|
|
27
27
|
text-wrap: balance;
|
|
28
28
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
29
29
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
30
|
-
color: var(--intergalactic-text-secondary,
|
|
30
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
31
31
|
max-width: 400px;
|
|
32
32
|
}
|
|
33
33
|
|
package/lib/esm/WidgetEmpty.mjs
CHANGED
|
@@ -14,15 +14,15 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
17
|
+
".___SWidgetEmpty_1d0z8_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1d0z8_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_1d0z8_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_1d0z8_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1d0z8_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1d0z8_gg_+.___SDescription_1d0z8_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"1d0z8_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SWidgetEmpty": "
|
|
23
|
-
"__SImage": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"__SDescription": "
|
|
22
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1d0z8_gg_",
|
|
23
|
+
"__SImage": "___SImage_1d0z8_gg_",
|
|
24
|
+
"__STitle": "___STitle_1d0z8_gg_",
|
|
25
|
+
"__SDescription": "___SDescription_1d0z8_gg_"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
var getIconPath = function getIconPath2(name) {
|
|
@@ -54,18 +54,18 @@ var WidgetEmpty = /* @__PURE__ */ (function(_Component) {
|
|
|
54
54
|
})(Component);
|
|
55
55
|
_defineProperty(WidgetEmpty, "displayName", "WidgetEmpty");
|
|
56
56
|
_defineProperty(WidgetEmpty, "style", style);
|
|
57
|
-
|
|
57
|
+
function Title(props) {
|
|
58
58
|
var _ref2 = arguments[0], _ref5;
|
|
59
59
|
var STitle = Box;
|
|
60
60
|
var styles = props.styles;
|
|
61
61
|
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, assignProps({}, _ref2))));
|
|
62
|
-
}
|
|
63
|
-
|
|
62
|
+
}
|
|
63
|
+
function Description(props) {
|
|
64
64
|
var _ref3 = arguments[0], _ref6;
|
|
65
65
|
var SDescription = Box;
|
|
66
66
|
var styles = props.styles;
|
|
67
67
|
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref6.cn("SDescription", _objectSpread({}, assignProps({}, _ref3))));
|
|
68
|
-
}
|
|
68
|
+
}
|
|
69
69
|
const WidgetEmpty$1 = createComponent(WidgetEmpty, {
|
|
70
70
|
Title,
|
|
71
71
|
Description
|
|
@@ -16,7 +16,7 @@ SImage {
|
|
|
16
16
|
|
|
17
17
|
STitle {
|
|
18
18
|
text-align: center;
|
|
19
|
-
color: var(--intergalactic-text-secondary,
|
|
19
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
20
20
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
21
21
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
22
22
|
font-weight: var(--intergalactic-bold, 700);
|
|
@@ -27,7 +27,7 @@ SDescription {
|
|
|
27
27
|
text-wrap: balance;
|
|
28
28
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
29
29
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
30
|
-
color: var(--intergalactic-text-secondary,
|
|
30
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
31
31
|
max-width: 400px;
|
|
32
32
|
}
|
|
33
33
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/widget-empty",
|
|
3
3
|
"description": "Semrush WidgetEmpty Component",
|
|
4
|
-
"version": "16.0
|
|
4
|
+
"version": "16.1.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0
|
|
18
|
-
"@semcore/illustration": "16.0
|
|
17
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
18
|
+
"@semcore/illustration": "16.1.0-prerelease.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.
|
|
21
|
+
"@semcore/base-components": "^16.6.0-prerelease.0"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"directory": "semcore/widget-empty"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@semcore/
|
|
30
|
-
"@semcore/
|
|
29
|
+
"@semcore/core": "16.6.0-prerelease.0",
|
|
30
|
+
"@semcore/testing-utils": "1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|