@semcore/widget-empty 16.0.0-prerelease.9 → 16.0.1-prerelease.2
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 +25 -1
- package/lib/cjs/WidgetEmpty.js +8 -6
- package/lib/cjs/WidgetEmpty.js.map +1 -1
- package/lib/es6/WidgetEmpty.js +8 -6
- package/lib/es6/WidgetEmpty.js.map +1 -1
- package/lib/esm/WidgetEmpty.mjs +10 -7
- package/lib/esm/style/widget-empty.shadow.css +39 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,12 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [16.0.
|
|
5
|
+
## [16.0.1] - 2025-05-30
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [16.0.0 ~> 16.0.1], `@semcore/illustration` [16.0.0 ~> 16.0.1], `@semcore/base-components` [16.0.0 ~> 16.0.1]).
|
|
10
|
+
|
|
11
|
+
## [16.0.0] - 2025-05-19
|
|
6
12
|
|
|
7
13
|
### Added
|
|
8
14
|
|
|
9
15
|
- Major version.
|
|
10
16
|
|
|
17
|
+
## [4.43.4] - 2025-05-13
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/illustration` [2.44.1 ~> 2.44.2], `@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/core` [2.39.3 ~> 2.39.4]).
|
|
22
|
+
|
|
23
|
+
## [4.43.3] - 2025-05-09
|
|
24
|
+
|
|
25
|
+
### Changed
|
|
26
|
+
|
|
27
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/illustration` [2.44.0 ~> 2.44.1], `@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/core` [2.39.2 ~> 2.39.3]).
|
|
28
|
+
|
|
29
|
+
## [4.43.2] - 2025-04-04
|
|
30
|
+
|
|
31
|
+
### Changed
|
|
32
|
+
|
|
33
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/illustration` [2.43.1 ~> 2.44.0], `@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
|
|
34
|
+
|
|
11
35
|
## [4.43.1] - 2025-03-20
|
|
12
36
|
|
|
13
37
|
### Changed
|
package/lib/cjs/WidgetEmpty.js
CHANGED
|
@@ -16,12 +16,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
var _illustration = require("@semcore/illustration");
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
19
|
-
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
19
|
+
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1daqf_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1daqf_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1daqf_gg_,.___STitle_1daqf_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1daqf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1daqf_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1daqf_gg_"),
|
|
21
|
+
/*__reshadow_css_end__*/
|
|
22
|
+
{
|
|
23
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1daqf_gg_",
|
|
24
|
+
"__SImage": "___SImage_1daqf_gg_",
|
|
25
|
+
"__STitle": "___STitle_1daqf_gg_",
|
|
26
|
+
"__SDescription": "___SDescription_1daqf_gg_"
|
|
25
27
|
});
|
|
26
28
|
var getIconPath = function getIconPath(name) {
|
|
27
29
|
return (0, _illustration.getIllustrationPath)(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","_react","_interopRequireDefault","_illustration","_flexBox","_isNode","style","sstyled","insert","getIconPath","name","getIllustrationPath","exports","WidgetEmpty","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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 React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\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\nconst Title = (props) => {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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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"}
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","_react","_interopRequireDefault","_illustration","_flexBox","_isNode","style","sstyled","insert","getIconPath","name","getIllustrationPath","exports","WidgetEmpty","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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 React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\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\nconst Title = (props) => {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoD;AAAA,IAAAM,KAAA,+BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI7C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAI;EAAA,OAAK,IAAAC,iCAAmB,EAACD,IAAI,CAAC;AAAA;AAACE,OAAA,CAAAH,WAAA,GAAAA,WAAA;AAAA,IAEzDI,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,gBAAA,mBAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAIf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAKMC,aAAI;MAJ5B,IAAAC,aAAA,GAAmC,IAAI,CAACJ,OAAO;QAAvCK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;MAC9B,IAAMC,MAAM,GAAG,KAAK;MAEpB,OAAAP,KAAA,GAAO,IAAApB,aAAO,EAAC0B,MAAM,CAAC,eACpBhC,MAAA,YAAAkC,aAAA,CAACP,YAAY,EAAAD,KAAA,CAAAS,EAAA,qBAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,QAAoB;MAAQ,GAAAb,IAAA,KACtC,IAAAc,kBAAM,EAACP,IAAI,CAAC,iBACX/B,MAAA,YAAAkC,aAAA,CAACD,MAAM,EAAAP,KAAA,CAAAS,EAAA;QAAA,eAAa;MAAM,IACvB,OAAOJ,IAAI,KAAK,QAAQ,gBAAG/B,MAAA,YAAAkC,aAAA,QAAAR,KAAA,CAAAS,EAAA;QAAA,OAAUJ,IAAI;QAAA,OAAM;MAAE,GAAG,GAAGA,IAAI,CAE/D,eACD/B,MAAA,YAAAkC,aAAA,CAACJ,QAAQ,EAAAJ,KAAA,CAAAS,EAAA,iBAAG,CACC;IAEnB;EAAC;EAAA,OAAAvB,WAAA;AAAA,EAnBuB2B,eAAS;AAAA,IAAAC,gBAAA,aAA7B5B,WAAW,iBACM,aAAa;AAAA,IAAA4B,gBAAA,aAD9B5B,WAAW,WAEAP,KAAK;AAoBtB,IAAMoC,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvB,IAAMC,MAAM,GAE2BC,YAAG;EAD1C,IAAQf,MAAM,GAAKU,KAAK,CAAhBV,MAAM;EACd,OAAAa,KAAA,GAAO,IAAAvC,aAAO,EAAC0B,MAAM,CAAC,eAAChC,MAAA,YAAAkC,aAAA,CAACY,MAAM,EAAAD,KAAA,CAAAV,EAAA,eAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA,MAAAM,KAAA,IAAgB;AAChD,CAAC;AAED,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAIN,KAAK,EAAK;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC7B,IAAMC,YAAY,GAE2BJ,YAAG;EADhD,IAAQf,MAAM,GAAKU,KAAK,CAAhBV,MAAM;EACd,OAAAkB,KAAA,GAAO,IAAA5C,aAAO,EAAC0B,MAAM,CAAC,eAAChC,MAAA,YAAAkC,aAAA,CAACiB,YAAY,EAAAD,KAAA,CAAAf,EAAA,qBAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA,MAAAY,KAAA,IAAgB;AACtD,CAAC;AAAC,IAAAG,QAAA,GAEa,IAAAC,qBAAe,EAACzC,WAAW,EAAE;EAC1C6B,KAAK,EAALA,KAAK;EACLO,WAAW,EAAXA;AACF,CAAC,CAAC;AAAArC,OAAA,cAAAyC,QAAA"}
|
package/lib/es6/WidgetEmpty.js
CHANGED
|
@@ -13,12 +13,14 @@ import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
|
13
13
|
import { getIllustrationPath } from '@semcore/illustration';
|
|
14
14
|
import { Box, Flex } from '@semcore/flex-box';
|
|
15
15
|
import isNode from '@semcore/core/lib/utils/isNode';
|
|
16
|
-
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
"
|
|
16
|
+
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1daqf_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1daqf_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1daqf_gg_,.___STitle_1daqf_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1daqf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1daqf_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1daqf_gg_"),
|
|
18
|
+
/*__reshadow_css_end__*/
|
|
19
|
+
{
|
|
20
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1daqf_gg_",
|
|
21
|
+
"__SImage": "___SImage_1daqf_gg_",
|
|
22
|
+
"__STitle": "___STitle_1daqf_gg_",
|
|
23
|
+
"__SDescription": "___SDescription_1daqf_gg_"
|
|
22
24
|
});
|
|
23
25
|
export var getIconPath = function getIconPath(name) {
|
|
24
26
|
return getIllustrationPath(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","getIllustrationPath","Box","Flex","isNode","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_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 React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\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\nconst Title = (props) => {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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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"}
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","getIllustrationPath","Box","Flex","isNode","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_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 React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\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\nconst Title = (props) => {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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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"}
|
package/lib/esm/WidgetEmpty.mjs
CHANGED
|
@@ -9,17 +9,20 @@ import React from "react";
|
|
|
9
9
|
import { getIllustrationPath } from "@semcore/illustration";
|
|
10
10
|
import { Flex, Box } from "@semcore/flex-box";
|
|
11
11
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
12
|
+
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
12
13
|
var style = (
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
".
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
"
|
|
17
|
+
".___SWidgetEmpty_1daqf_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1daqf_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1daqf_gg_,.___STitle_1daqf_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1daqf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1daqf_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1daqf_gg_+.___SDescription_1daqf_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
|
|
18
|
+
/*__inner_css_end__*/
|
|
19
|
+
"1daqf_gg_"
|
|
20
|
+
), /*__reshadow_css_end__*/
|
|
21
|
+
{
|
|
22
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1daqf_gg_",
|
|
23
|
+
"__SImage": "___SImage_1daqf_gg_",
|
|
24
|
+
"__STitle": "___STitle_1daqf_gg_",
|
|
25
|
+
"__SDescription": "___SDescription_1daqf_gg_"
|
|
23
26
|
})
|
|
24
27
|
);
|
|
25
28
|
var getIconPath = function getIconPath2(name) {
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
SWidgetEmpty {
|
|
2
|
+
flex-direction: column;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
SImage {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: flex-end;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
margin-bottom: var(--intergalactic-spacing-3x, 12px);
|
|
13
|
+
width: 80px;
|
|
14
|
+
height: 80px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
STitle {
|
|
18
|
+
color: var(--intergalactic-text-secondary, #6c6e79);
|
|
19
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
20
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
21
|
+
font-weight: var(--intergalactic-bold, 700);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
SDescription {
|
|
25
|
+
text-align: center;
|
|
26
|
+
text-wrap: balance;
|
|
27
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
28
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
29
|
+
color: var(--intergalactic-text-secondary, #6c6e79);
|
|
30
|
+
max-width: 400px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
STitle+SDescription {
|
|
34
|
+
margin-top: var(--intergalactic-spacing-1x, 4px);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
SDescription+SDescription {
|
|
38
|
+
margin-top: var(--intergalactic-spacing-2x, 8px);
|
|
39
|
+
}
|
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.0.1-prerelease.2",
|
|
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.0.1-prerelease.2",
|
|
18
|
+
"@semcore/illustration": "16.0.1-prerelease.2"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.
|
|
21
|
+
"@semcore/base-components": "^16.0.1-prerelease.2"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|