@semcore/widget-empty 3.6.5 → 3.7.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/WidgetEmpty.js +6 -6
  3. package/lib/cjs/style/widget-empty.shadow.css +11 -13
  4. package/lib/es6/WidgetEmpty.js +6 -6
  5. package/lib/es6/style/widget-empty.shadow.css +11 -13
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.6.5] - 2022-11-30
5
+ ## [3.7.0] - 2022-12-12
6
6
 
7
- ### Changed
7
+ ### Added
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/flex-box` [4.6.4 ~> 4.6.5], `@semcore/illustration` [1.3.4 ~> 1.3.5], `@semcore/utils` [3.41.0 ~> 3.42.0]).
9
+ - Design tokens based theming.
10
10
 
11
11
  ## [3.6.0] - 2022-10-10
12
12
 
package/lib/cjs/WidgetEmpty.js CHANGED
@@ -48,15 +48,15 @@ var style = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___SWidgetEmpty_fafv2_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_fafv2_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_fafv2_gg_{color:#6c6e79}.___STitle_fafv2_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_fafv2_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_fafv2_gg_+.___SDescription_fafv2_gg_{margin-top:4px}.___SDescription_fafv2_gg_+.___SDescription_fafv2_gg_{margin-top:8px}"
51
+ ".___SWidgetEmpty_wdogk_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x,16px)}.___SImage_wdogk_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x,12px)}.___STitle_wdogk_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___STitle_wdogk_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700)}.___SDescription_wdogk_gg_{text-align:center;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#6c6e79);max-width:400px}.___STitle_wdogk_gg_+.___SDescription_wdogk_gg_{margin-top:var(--intergalactic-spacing-1x,4px)}.___SDescription_wdogk_gg_+.___SDescription_wdogk_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}"
52
52
  /*__inner_css_end__*/
53
- , "fafv2_gg_")
53
+ , "wdogk_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SWidgetEmpty": "___SWidgetEmpty_fafv2_gg_",
57
- "__SImage": "___SImage_fafv2_gg_",
58
- "__STitle": "___STitle_fafv2_gg_",
59
- "__SDescription": "___SDescription_fafv2_gg_"
56
+ "__SWidgetEmpty": "___SWidgetEmpty_wdogk_gg_",
57
+ "__SImage": "___SImage_wdogk_gg_",
58
+ "__STitle": "___STitle_wdogk_gg_",
59
+ "__SDescription": "___SDescription_wdogk_gg_"
60
60
  });
61
61
 
62
62
  var getIconPath = function getIconPath(name) {
package/lib/cjs/style/widget-empty.shadow.css CHANGED
@@ -1,41 +1,39 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SWidgetEmpty {
4
2
  flex-direction: column;
5
3
  justify-content: center;
6
4
  align-items: center;
7
- margin-bottom: 16px;
5
+ margin-bottom: var(--intergalactic-spacing-4x, 16px);
8
6
  }
9
7
 
10
8
  SImage {
11
9
  display: flex;
12
10
  align-items: flex-end;
13
11
  justify-content: center;
14
- margin-bottom: 12px;
12
+ margin-bottom: var(--intergalactic-spacing-3x, 12px);
15
13
  }
16
14
 
17
15
  STitle {
18
- color: var(--gray-500);
16
+ color: var(--intergalactic-text-secondary, #6c6e79);
19
17
  }
20
18
 
21
19
  STitle {
22
- font-size: var(--fs-300);
23
- line-height: var(--lh-300);
24
- font-weight: bold;
20
+ font-size: var(--intergalactic-fs-300, 16px);
21
+ line-height: var(--intergalactic-lh-300, 150%);
22
+ font-weight: var(--intergalactic-bold, 700);
25
23
  }
26
24
 
27
25
  SDescription {
28
26
  text-align: center;
29
- font-size: var(--fs-200);
30
- line-height: var(--lh-200);
31
- color: var(--gray-500);
27
+ font-size: var(--intergalactic-fs-200, 14px);
28
+ line-height: var(--intergalactic-lh-200, 142%);
29
+ color: var(--intergalactic-text-secondary, #6c6e79);
32
30
  max-width: 400px;
33
31
  }
34
32
 
35
33
  STitle + SDescription {
36
- margin-top: 4px;
34
+ margin-top: var(--intergalactic-spacing-1x, 4px);
37
35
  }
38
36
 
39
37
  SDescription + SDescription {
40
- margin-top: 8px;
38
+ margin-top: var(--intergalactic-spacing-2x, 8px);
41
39
  }
package/lib/es6/WidgetEmpty.js CHANGED
@@ -28,15 +28,15 @@ var style = (
28
28
  /*__reshadow_css_start__*/
29
29
  _sstyled.insert(
30
30
  /*__inner_css_start__*/
31
- ".___SWidgetEmpty_fafv2_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_fafv2_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_fafv2_gg_{color:#6c6e79}.___STitle_fafv2_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_fafv2_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_fafv2_gg_+.___SDescription_fafv2_gg_{margin-top:4px}.___SDescription_fafv2_gg_+.___SDescription_fafv2_gg_{margin-top:8px}"
31
+ ".___SWidgetEmpty_wdogk_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x,16px)}.___SImage_wdogk_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x,12px)}.___STitle_wdogk_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___STitle_wdogk_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700)}.___SDescription_wdogk_gg_{text-align:center;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#6c6e79);max-width:400px}.___STitle_wdogk_gg_+.___SDescription_wdogk_gg_{margin-top:var(--intergalactic-spacing-1x,4px)}.___SDescription_wdogk_gg_+.___SDescription_wdogk_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}"
32
32
  /*__inner_css_end__*/
33
- , "fafv2_gg_")
33
+ , "wdogk_gg_")
34
34
  /*__reshadow_css_end__*/
35
35
  , {
36
- "__SWidgetEmpty": "___SWidgetEmpty_fafv2_gg_",
37
- "__SImage": "___SImage_fafv2_gg_",
38
- "__STitle": "___STitle_fafv2_gg_",
39
- "__SDescription": "___SDescription_fafv2_gg_"
36
+ "__SWidgetEmpty": "___SWidgetEmpty_wdogk_gg_",
37
+ "__SImage": "___SImage_wdogk_gg_",
38
+ "__STitle": "___STitle_wdogk_gg_",
39
+ "__SDescription": "___SDescription_wdogk_gg_"
40
40
  });
41
41
  export var getIconPath = function getIconPath(name) {
42
42
  return getIllustrationPath(name);
package/lib/es6/style/widget-empty.shadow.css CHANGED
@@ -1,41 +1,39 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SWidgetEmpty {
4
2
  flex-direction: column;
5
3
  justify-content: center;
6
4
  align-items: center;
7
- margin-bottom: 16px;
5
+ margin-bottom: var(--intergalactic-spacing-4x, 16px);
8
6
  }
9
7
 
10
8
  SImage {
11
9
  display: flex;
12
10
  align-items: flex-end;
13
11
  justify-content: center;
14
- margin-bottom: 12px;
12
+ margin-bottom: var(--intergalactic-spacing-3x, 12px);
15
13
  }
16
14
 
17
15
  STitle {
18
- color: var(--gray-500);
16
+ color: var(--intergalactic-text-secondary, #6c6e79);
19
17
  }
20
18
 
21
19
  STitle {
22
- font-size: var(--fs-300);
23
- line-height: var(--lh-300);
24
- font-weight: bold;
20
+ font-size: var(--intergalactic-fs-300, 16px);
21
+ line-height: var(--intergalactic-lh-300, 150%);
22
+ font-weight: var(--intergalactic-bold, 700);
25
23
  }
26
24
 
27
25
  SDescription {
28
26
  text-align: center;
29
- font-size: var(--fs-200);
30
- line-height: var(--lh-200);
31
- color: var(--gray-500);
27
+ font-size: var(--intergalactic-fs-200, 14px);
28
+ line-height: var(--intergalactic-lh-200, 142%);
29
+ color: var(--intergalactic-text-secondary, #6c6e79);
32
30
  max-width: 400px;
33
31
  }
34
32
 
35
33
  STitle + SDescription {
36
- margin-top: 4px;
34
+ margin-top: var(--intergalactic-spacing-1x, 4px);
37
35
  }
38
36
 
39
37
  SDescription + SDescription {
40
- margin-top: 8px;
38
+ margin-top: var(--intergalactic-spacing-2x, 8px);
41
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": "3.6.5",
4
+ "version": "3.7.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -10,7 +10,7 @@
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
12
  "@semcore/flex-box": "^4",
13
- "@semcore/illustration": "1.3.5",
13
+ "@semcore/illustration": "1.3.6",
14
14
  "@semcore/utils": "^3.27"
15
15
  },
16
16
  "peerDependencies": {