@semcore/skeleton 3.1.1 → 3.2.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 +22 -4
- package/lib/cjs/Charts/Bar.js +1 -1
- package/lib/cjs/Charts/Bar.js.map +1 -1
- package/lib/cjs/Skeleton.js +8 -8
- package/lib/cjs/style/skeleton.shadow.css +6 -0
- package/lib/es6/Charts/Bar.js +1 -1
- package/lib/es6/Charts/Bar.js.map +1 -1
- package/lib/es6/Skeleton.js +8 -8
- package/lib/es6/style/skeleton.shadow.css +6 -0
- package/package.json +6 -1
- package/src/Charts/Bar.js +1 -1
- package/src/style/skeleton.shadow.css +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.2.0] - 2021-03-04
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Disabled animation if reduce motion is preferred.
|
|
10
|
+
|
|
11
|
+
## [3.1.3] - 2022-03-01
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed `viewBox` for `BarChartSkeleton`.
|
|
16
|
+
|
|
17
|
+
## [3.1.2] - 2022-02-24
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
|
|
21
|
+
- Added repository field to package.json file.
|
|
22
|
+
|
|
5
23
|
## [3.1.1] - 2022-02-22
|
|
6
24
|
|
|
7
25
|
### Fixed
|
|
@@ -22,15 +40,15 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
22
40
|
|
|
23
41
|
## [3.0.0] - 2021-10-15
|
|
24
42
|
|
|
25
|
-
### Changed
|
|
26
|
-
|
|
27
|
-
- Rewrite code from ts to js.
|
|
28
|
-
|
|
29
43
|
### BREAK
|
|
30
44
|
|
|
31
45
|
- change default `height` for `Skeleton` from 100px to 100%.
|
|
32
46
|
- remove support props `visible, speed` for `Skeleton`.
|
|
33
47
|
|
|
48
|
+
### Changed
|
|
49
|
+
|
|
50
|
+
- Rewrite code from ts to js.
|
|
51
|
+
|
|
34
52
|
## [2.3.1] - 2021-8-26
|
|
35
53
|
|
|
36
54
|
### Changed
|
package/lib/cjs/Charts/Bar.js
CHANGED
|
@@ -17,7 +17,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
|
|
|
17
17
|
var _props$layout = props.layout,
|
|
18
18
|
layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
|
|
19
19
|
return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], (0, _extends2["default"])({
|
|
20
|
-
viewBox: "0 0
|
|
20
|
+
viewBox: "0 0 912 166",
|
|
21
21
|
preserveAspectRatio: "xMidYMid meet"
|
|
22
22
|
}, props), function (_ref) {
|
|
23
23
|
var gradientUrl = _ref.gradientUrl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;eAkCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n const { layout = 'horizontal' } = props;\n\n return (\n <Skeleton viewBox=\"0 0
|
|
1
|
+
{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;eAkCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n const { layout = 'horizontal' } = props;\n\n return (\n <Skeleton viewBox=\"0 0 912 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n {({ gradientUrl }) => {\n if (layout === 'vertical') {\n return (\n <g fill={gradientUrl}>\n <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n <rect width=\"360\" height=\"15\" rx=\"4\" />\n <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n <path\n fillRule=\"nonzero\"\n d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n />\n </g>\n );\n }\n\n return (\n <path\n fill={gradientUrl}\n fillRule=\"nonzero\"\n d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n />\n );\n }}\n </Skeleton>\n );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
|
package/lib/cjs/Skeleton.js
CHANGED
|
@@ -53,17 +53,17 @@ var style = (
|
|
|
53
53
|
/*__reshadow_css_start__*/
|
|
54
54
|
_core.sstyled.insert(
|
|
55
55
|
/*__inner_css_start__*/
|
|
56
|
-
".
|
|
56
|
+
".___SSkeleton_oq2l3_gg_{-webkit-animation-name:pulse_vfcek7;animation-name:pulse_vfcek7;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_vfcek7);animation-duration:var(--durationAnim_vfcek7);will-change:opacity}@-webkit-keyframes pulse_vfcek7{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_vfcek7{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_oq2l3_gg_._theme_invert_oq2l3_gg_{fill:#edeff0}.___SSkeleton_oq2l3_gg_._theme_dark_oq2l3_gg_{fill:hsla(0,0%,100%,.5)}.___SText_oq2l3_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_oq2l3_gg_{-webkit-animation-name:none;animation-name:none}}"
|
|
57
57
|
/*__inner_css_end__*/
|
|
58
|
-
, "
|
|
58
|
+
, "vfcek7_gg_")
|
|
59
59
|
/*__reshadow_css_end__*/
|
|
60
60
|
, {
|
|
61
|
-
"__SSkeleton": "
|
|
62
|
-
"--durationAnim": "--
|
|
63
|
-
"@pulse": "
|
|
64
|
-
"_theme_invert": "
|
|
65
|
-
"_theme_dark": "
|
|
66
|
-
"__SText": "
|
|
61
|
+
"__SSkeleton": "___SSkeleton_oq2l3_gg_",
|
|
62
|
+
"--durationAnim": "--durationAnim_vfcek7",
|
|
63
|
+
"@pulse": "pulse_vfcek7",
|
|
64
|
+
"_theme_invert": "_theme_invert_oq2l3_gg_",
|
|
65
|
+
"_theme_dark": "_theme_dark_oq2l3_gg_",
|
|
66
|
+
"__SText": "___SText_oq2l3_gg_"
|
|
67
67
|
});
|
|
68
68
|
var MAP_COLOR_THEME = {
|
|
69
69
|
dark: 'rgba(255,255,255,0.5)',
|
package/lib/es6/Charts/Bar.js
CHANGED
|
@@ -6,7 +6,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
|
|
|
6
6
|
var _props$layout = props.layout,
|
|
7
7
|
layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
|
|
8
8
|
return /*#__PURE__*/React.createElement(Skeleton, _extends({
|
|
9
|
-
viewBox: "0 0
|
|
9
|
+
viewBox: "0 0 912 166",
|
|
10
10
|
preserveAspectRatio: "xMidYMid meet"
|
|
11
11
|
}, props), function (_ref) {
|
|
12
12
|
var gradientUrl = _ref.gradientUrl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;AAkCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n const { layout = 'horizontal' } = props;\n\n return (\n <Skeleton viewBox=\"0 0
|
|
1
|
+
{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;AAkCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n const { layout = 'horizontal' } = props;\n\n return (\n <Skeleton viewBox=\"0 0 912 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n {({ gradientUrl }) => {\n if (layout === 'vertical') {\n return (\n <g fill={gradientUrl}>\n <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n <rect width=\"360\" height=\"15\" rx=\"4\" />\n <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n <path\n fillRule=\"nonzero\"\n d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n />\n </g>\n );\n }\n\n return (\n <path\n fill={gradientUrl}\n fillRule=\"nonzero\"\n d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n />\n );\n }}\n </Skeleton>\n );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
|
package/lib/es6/Skeleton.js
CHANGED
|
@@ -29,17 +29,17 @@ var style = (
|
|
|
29
29
|
/*__reshadow_css_start__*/
|
|
30
30
|
_sstyled.insert(
|
|
31
31
|
/*__inner_css_start__*/
|
|
32
|
-
".
|
|
32
|
+
".___SSkeleton_oq2l3_gg_{-webkit-animation-name:pulse_vfcek7;animation-name:pulse_vfcek7;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_vfcek7);animation-duration:var(--durationAnim_vfcek7);will-change:opacity}@-webkit-keyframes pulse_vfcek7{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_vfcek7{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_oq2l3_gg_._theme_invert_oq2l3_gg_{fill:#edeff0}.___SSkeleton_oq2l3_gg_._theme_dark_oq2l3_gg_{fill:hsla(0,0%,100%,.5)}.___SText_oq2l3_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_oq2l3_gg_{-webkit-animation-name:none;animation-name:none}}"
|
|
33
33
|
/*__inner_css_end__*/
|
|
34
|
-
, "
|
|
34
|
+
, "vfcek7_gg_")
|
|
35
35
|
/*__reshadow_css_end__*/
|
|
36
36
|
, {
|
|
37
|
-
"__SSkeleton": "
|
|
38
|
-
"--durationAnim": "--
|
|
39
|
-
"@pulse": "
|
|
40
|
-
"_theme_invert": "
|
|
41
|
-
"_theme_dark": "
|
|
42
|
-
"__SText": "
|
|
37
|
+
"__SSkeleton": "___SSkeleton_oq2l3_gg_",
|
|
38
|
+
"--durationAnim": "--durationAnim_vfcek7",
|
|
39
|
+
"@pulse": "pulse_vfcek7",
|
|
40
|
+
"_theme_invert": "_theme_invert_oq2l3_gg_",
|
|
41
|
+
"_theme_dark": "_theme_dark_oq2l3_gg_",
|
|
42
|
+
"__SText": "___SText_oq2l3_gg_"
|
|
43
43
|
});
|
|
44
44
|
var MAP_COLOR_THEME = {
|
|
45
45
|
dark: 'rgba(255,255,255,0.5)',
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/skeleton",
|
|
3
3
|
"description": "SEMRush Skeleton Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.2.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -22,5 +22,10 @@
|
|
|
22
22
|
},
|
|
23
23
|
"jest": {
|
|
24
24
|
"preset": "@semcore/jest-preset-ui"
|
|
25
|
+
},
|
|
26
|
+
"repository": {
|
|
27
|
+
"type": "git",
|
|
28
|
+
"url": "https://github.com/semrush/intergalactic.git",
|
|
29
|
+
"directory": "semcore/skeleton"
|
|
25
30
|
}
|
|
26
31
|
}
|
package/src/Charts/Bar.js
CHANGED
|
@@ -5,7 +5,7 @@ const BarChartSkeleton = (props) => {
|
|
|
5
5
|
const { layout = 'horizontal' } = props;
|
|
6
6
|
|
|
7
7
|
return (
|
|
8
|
-
<Skeleton viewBox="0 0
|
|
8
|
+
<Skeleton viewBox="0 0 912 166" preserveAspectRatio="xMidYMid meet" {...props}>
|
|
9
9
|
{({ gradientUrl }) => {
|
|
10
10
|
if (layout === 'vertical') {
|
|
11
11
|
return (
|