@semcore/widget-empty 3.1.0 → 3.2.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 +18 -0
- package/README.md +67 -0
- package/lib/cjs/Error/index.js.map +1 -1
- package/lib/cjs/NoData/index.js.map +1 -1
- package/lib/cjs/WidgetEmpty.js +7 -7
- package/lib/cjs/WidgetEmpty.js.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Error/index.js.map +1 -1
- package/lib/es6/NoData/index.js.map +1 -1
- package/lib/es6/WidgetEmpty.js +7 -7
- package/lib/es6/WidgetEmpty.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/package.json +3 -3
- package/svg/area-chart.svg +12 -5
- package/svg/choropleth-map-chart.svg +14 -4
- package/svg/combined-chart.svg +22 -5
- package/svg/congrats.svg +26 -3
- package/svg/donut-chart.svg +17 -6
- package/svg/funnel-chart.svg +17 -3
- package/svg/heat-map-chart.svg +26 -11
- package/svg/horizontal-bar-chart.svg +18 -6
- package/svg/kagi-chart.svg +10 -2
- package/svg/line-chart.svg +11 -4
- package/svg/lollipop-chart.svg +13 -10
- package/svg/nothing-found.svg +20 -4
- package/svg/pie-chart.svg +15 -5
- package/svg/radar-chart.svg +17 -16
- package/svg/sankey-chart.svg +16 -8
- package/svg/scatter-plot-chart.svg +19 -7
- package/svg/stacked-area-chart.svg +16 -9
- package/svg/tag-cloud.svg +25 -3
- package/svg/venn-chart.svg +19 -10
- package/svg/vertical-bar-chart.svg +13 -5
- package/src/Error/index.jsx +0 -40
- package/src/Error/translations/de.json +0 -4
- package/src/Error/translations/en.json +0 -4
- package/src/Error/translations/es.json +0 -4
- package/src/Error/translations/fr.json +0 -4
- package/src/Error/translations/it.json +0 -4
- package/src/Error/translations/ja.json +0 -4
- package/src/Error/translations/ko.json +0 -4
- package/src/Error/translations/pt.json +0 -4
- package/src/Error/translations/ru.json +0 -4
- package/src/Error/translations/vi.json +0 -4
- package/src/Error/translations/zh.json +0 -4
- package/src/NoData/index.jsx +0 -40
- package/src/NoData/translations/de.json +0 -4
- package/src/NoData/translations/en.json +0 -4
- package/src/NoData/translations/es.json +0 -4
- package/src/NoData/translations/fr.json +0 -4
- package/src/NoData/translations/it.json +0 -4
- package/src/NoData/translations/ja.json +0 -4
- package/src/NoData/translations/ko.json +0 -4
- package/src/NoData/translations/pt.json +0 -4
- package/src/NoData/translations/ru.json +0 -4
- package/src/NoData/translations/vi.json +0 -4
- package/src/NoData/translations/zh.json +0 -4
- package/src/WidgetEmpty.jsx +0 -57
- package/src/index.d.ts +0 -71
- package/src/index.js +0 -6
- package/src/style/widget-empty.shadow.css +0 -41
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.2] - 2022-08-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9]).
|
|
10
|
+
|
|
11
|
+
## [3.2.1] - 2022-07-22
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
|
|
16
|
+
|
|
17
|
+
## [3.2.0] - 2022-06-30
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Updated svg images for all charts, nothing found and congratulations states.
|
|
22
|
+
|
|
5
23
|
## [3.1.0] - 2022-06-01
|
|
6
24
|
|
|
7
25
|
### Changed
|
package/README.md
CHANGED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
# @semcore/widget-empty
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/@semcore/widget-empty)
|
|
4
|
+
[](https://www.npmjs.com/package/@semcore/widget-empty)
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/master/LICENSE)
|
|
6
|
+
|
|
7
|
+
> This component is part of the Intergalactic design system
|
|
8
|
+
|
|
9
|
+
### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/widget-empty/)
|
|
10
|
+
|
|
11
|
+
### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
|
|
12
|
+
|
|
13
|
+
## Install
|
|
14
|
+
|
|
15
|
+
```sh
|
|
16
|
+
npm install @semcore/ui
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
```jsx
|
|
22
|
+
import WidgetEmpty, { NoData, Error } from '@semcore/ui/widget-empty';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
<details>
|
|
26
|
+
<summary>Alternative installation and use</summary>
|
|
27
|
+
|
|
28
|
+
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
+
|
|
30
|
+
### Install
|
|
31
|
+
|
|
32
|
+
You can only install one package from the design system
|
|
33
|
+
|
|
34
|
+
```sh
|
|
35
|
+
npm install @semcore/widget-empty @semcore/core
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
+
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
+
|
|
41
|
+
### Usage
|
|
42
|
+
|
|
43
|
+
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
+
|
|
45
|
+
```jsx
|
|
46
|
+
import Accordion from '@semcore/widget-empty';
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
</details>
|
|
50
|
+
|
|
51
|
+
## 👤 Author
|
|
52
|
+
|
|
53
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
54
|
+
|
|
55
|
+
## 🤝 Contributing
|
|
56
|
+
|
|
57
|
+
Contributions, issues and feature requests are welcome!
|
|
58
|
+
|
|
59
|
+
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/master/CONTRIBUTING.md).
|
|
60
|
+
|
|
61
|
+
## Show your support
|
|
62
|
+
|
|
63
|
+
Give a ⭐️ if this project helped you!
|
|
64
|
+
|
|
65
|
+
## 📝 License
|
|
66
|
+
|
|
67
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","Error","asProps","Children","description","getI18nText","title","descriptionText","WidgetEmpty","getIconPath","Component","i18nEnhance","createComponent"],"sources":["../../../src/Error/index.jsx"],"sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n static displayName = 'WidgetError';\n static defaultProps = {\n i18n,\n };\n static enhance = [i18nEnhance()];\n\n render() {\n const { Children, description, getI18nText } = this.asProps;\n const { title, description: descriptionText } = getI18nText();\n\n return (\n <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n <Children />\n </Root>\n );\n }\n}\n\nexport default createComponent(Error);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;EAAEC,EAAE,EAAFA,cAAF;EAAMC,EAAE,EAAFA,cAAN;EAAUC,EAAE,EAAFA,cAAV;EAAcC,EAAE,EAAFA,cAAd;EAAkBC,EAAE,EAAFA,cAAlB;EAAsBC,EAAE,EAAFA,cAAtB;EAA0BC,EAAE,EAAFA,cAA1B;EAA8BC,EAAE,EAAFA,cAA9B;EAAkCC,EAAE,EAAFA,cAAlC;EAAsCC,EAAE,EAAFA,cAAtC;EAA0CC,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,K;;;;;;;;;;;;WAOJ,kBAAS;MAAA;MACP,oBAA+C,KAAKC,OAApD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,WAAlB,iBAAkBA,WAAlB;MAAA,IAA+BC,WAA/B,iBAA+BA,WAA/B;;MACA,mBAAgDA,WAAW,EAA3D;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAA4BC,eAA5B,gBAAeH,WAAf;;MAEA,oBACE,gCAAcI,uBAAd;QAAA,QAAiC,IAAAC,wBAAA,EAAY,SAAZ;MAAjC,uBACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBH,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;IAOD;;;EAlBiBG,e;;iCAAdT,K,iBACiB,a;iCADjBA,K,kBAEkB;EACpBZ,IAAI,EAAJA;AADoB,C;iCAFlBY,K,aAKa,CAAC,IAAAU,uBAAA,GAAD,C;;eAgBJ,IAAAC,gBAAA,EAAgBX,KAAhB,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","NoData","asProps","Children","type","description","getI18nText","title","descriptionText","WidgetEmpty","getIconPath","Component","i18nEnhance","createComponent"],"sources":["../../../src/NoData/index.jsx"],"sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n static displayName = 'WidgetNoData';\n static enhance = [i18nEnhance()];\n static defaultProps = {\n i18n,\n type: 'other-data',\n };\n\n render() {\n const { Children, type, description, getI18nText } = this.asProps;\n const { title, description: descriptionText } = getI18nText();\n return (\n <Root render={WidgetEmpty} icon={getIconPath(type)}>\n <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n <Children />\n </Root>\n );\n }\n}\n\nexport default createComponent(NoData);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;EAAEC,EAAE,EAAFA,cAAF;EAAMC,EAAE,EAAFA,cAAN;EAAUC,EAAE,EAAFA,cAAV;EAAcC,EAAE,EAAFA,cAAd;EAAkBC,EAAE,EAAFA,cAAlB;EAAsBC,EAAE,EAAFA,cAAtB;EAA0BC,EAAE,EAAFA,cAA1B;EAA8BC,EAAE,EAAFA,cAA9B;EAAkCC,EAAE,EAAFA,cAAlC;EAAsCC,EAAE,EAAFA,cAAtC;EAA0CC,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,M;;;;;;;;;;;;WAQJ,kBAAS;MAAA;MACP,oBAAqD,KAAKC,OAA1D;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,WAAxB,iBAAwBA,WAAxB;MAAA,IAAqCC,WAArC,iBAAqCA,WAArC;;MACA,mBAAgDA,WAAW,EAA3D;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAA4BC,eAA5B,gBAAeH,WAAf;;MACA,oBACE,gCAAcI,uBAAd;QAAA,QAAiC,IAAAC,wBAAA,EAAYN,IAAZ;MAAjC,uBACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;IAOD;;;EAlBkBG,e;;iCAAfV,M,iBACiB,c;iCADjBA,M,aAEa,CAAC,IAAAW,uBAAA,GAAD,C;iCAFbX,M,kBAGkB;EACpBZ,IAAI,EAAJA,IADoB;EAEpBe,IAAI,EAAE;AAFc,C;;eAkBT,IAAAS,gBAAA,EAAgBZ,MAAhB,C"}
|
package/lib/cjs/WidgetEmpty.js
CHANGED
|
@@ -46,17 +46,17 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SWidgetEmpty_1hy5j_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_1hy5j_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_1hy5j_gg_{color:#6c6e79}.___STitle_1hy5j_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_1hy5j_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_1hy5j_gg_+.___SDescription_1hy5j_gg_{margin-top:4px}.___SDescription_1hy5j_gg_+.___SDescription_1hy5j_gg_{margin-top:8px}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "1hy5j_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SWidgetEmpty": "
|
|
55
|
-
"__SImage": "
|
|
56
|
-
"__STitle": "
|
|
57
|
-
"__SDescription": "
|
|
54
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1hy5j_gg_",
|
|
55
|
+
"__SImage": "___SImage_1hy5j_gg_",
|
|
56
|
+
"__STitle": "___STitle_1hy5j_gg_",
|
|
57
|
+
"__SDescription": "___SDescription_1hy5j_gg_"
|
|
58
58
|
});
|
|
59
|
-
var version = "3.
|
|
59
|
+
var version = "3.2.2";
|
|
60
60
|
|
|
61
61
|
var getIconPath = function getIconPath(name) {
|
|
62
62
|
return "https://static.semrush.com/ui-kit/widget-empty/".concat(version, "/").concat(name, ".svg");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["version","getIconPath","name","WidgetEmpty","SWidgetEmpty","Flex","asProps","Children","icon","styles","SImage","sstyled","isNode","Component","style","Title","props","STitle","Box","Description","SDescription","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n {isNode(icon) && (\n <SImage>\n {typeof icon === 'string' ? (\n <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n ) : (\n icon\n )}\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;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,OAAO,UAAb;;AAIO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;EACnC,gEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;;;IAIDC,W;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAKMC,aALxB;MACA,oBAAmC,KAAKC,OAAxC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,MAAxB,iBAAwBA,MAAxB;MACA,IAAMC,MAAM,GAAG,KAAf;MAEA,eAAO,IAAAC,aAAA,EAAQF,MAAR,CAAP,eACE,gCAAC,YAAD,iFACG,IAAAG,kBAAA,EAAOJ,IAAP,kBACC,gCAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;QAAA,OAAUA,IAAV;QAAA,OAAoB,mBAApB;QAAA,SAA+C,GAA/C;QAAA,UAA4D;MAA5D,GADD,GAGCA,IAJJ,CAFJ,eAUE,gCAAC,QAAD,2BAVF,CADF;IAcD;;;EAvBuBK,e;;iCAApBV,W,iBACiB,a;iCADjBA,W,WAEWW,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EAAA;EAAA;;EACvB,IAAMC,MAAM,GAE2BC,YAFvC;EACA,IAAQT,MAAR,GAAmBO,KAAnB,CAAQP,MAAR;EACA,eAAO,IAAAE,aAAA,EAAQF,MAAR,CAAP,eAAuB,gCAAC,MAAD,2EAAvB;AACD,CAJD;;AAMA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAAW;EAAA;EAAA;;EAC7B,IAAMI,YAAY,GAE2BF,YAF7C;EACA,IAAQT,MAAR,GAAmBO,KAAnB,CAAQP,MAAR;EACA,eAAO,IAAAE,aAAA,EAAQF,MAAR,CAAP,eAAuB,gCAAC,YAAD,iFAAvB;AACD,CAJD;;eAMe,IAAAY,gBAAA,EAAgBlB,WAAhB,EAA6B;EAC1CY,KAAK,EAALA,KAD0C;EAE1CI,WAAW,EAAXA;AAF0C,CAA7B,C"}
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\n\nexport { default as Error } from './Error';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","Error","asProps","Children","description","getI18nText","title","descriptionText"],"sources":["../../../src/Error/index.jsx"],"sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n static displayName = 'WidgetError';\n static defaultProps = {\n i18n,\n };\n static enhance = [i18nEnhance()];\n\n render() {\n const { Children, description, getI18nText } = this.asProps;\n const { title, description: descriptionText } = getI18nText();\n\n return (\n <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n <Children />\n </Root>\n );\n }\n}\n\nexport default createComponent(Error);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;EAAEX,EAAE,EAAFA,EAAF;EAAMC,EAAE,EAAFA,EAAN;EAAUC,EAAE,EAAFA,EAAV;EAAcC,EAAE,EAAFA,EAAd;EAAkBC,EAAE,EAAFA,EAAlB;EAAsBC,EAAE,EAAFA,EAAtB;EAA0BE,EAAE,EAAFA,EAA1B;EAA8BC,EAAE,EAAFA,EAA9B;EAAkCF,EAAE,EAAFA,EAAlC;EAAsCG,EAAE,EAAFA,EAAtC;EAA0CC,EAAE,EAAFA;AAA1C,CAAb;;IAEME,K;;;;;;;;;;;;;WAOJ,kBAAS;MAAA;MACP,oBAA+C,KAAKC,OAApD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,WAAlB,iBAAkBA,WAAlB;MAAA,IAA+BC,WAA/B,iBAA+BA,WAA/B;;MACA,mBAAgDA,WAAW,EAA3D;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAA4BC,eAA5B,gBAAeH,WAAf;;MAEA,oBACE,oBAAcrB,WAAd;QAAA,QAAiCC,WAAW,CAAC,SAAD;MAA5C,uBACE,oBAAC,WAAD,CAAa,KAAb,QAAoBsB,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;IAOD;;;;EAlBiBrB,S;;gBAAde,K,iBACiB,a;;gBADjBA,K,kBAEkB;EACpBD,IAAI,EAAJA;AADoB,C;;gBAFlBC,K,aAKa,CAACb,WAAW,EAAZ,C;;AAgBnB,eAAeH,eAAe,CAACgB,KAAD,CAA9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","NoData","asProps","Children","type","description","getI18nText","title","descriptionText"],"sources":["../../../src/NoData/index.jsx"],"sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n static displayName = 'WidgetNoData';\n static enhance = [i18nEnhance()];\n static defaultProps = {\n i18n,\n type: 'other-data',\n };\n\n render() {\n const { Children, type, description, getI18nText } = this.asProps;\n const { title, description: descriptionText } = getI18nText();\n return (\n <Root render={WidgetEmpty} icon={getIconPath(type)}>\n <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n <Children />\n </Root>\n );\n }\n}\n\nexport default createComponent(NoData);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;EAAEX,EAAE,EAAFA,EAAF;EAAMC,EAAE,EAAFA,EAAN;EAAUC,EAAE,EAAFA,EAAV;EAAcC,EAAE,EAAFA,EAAd;EAAkBC,EAAE,EAAFA,EAAlB;EAAsBC,EAAE,EAAFA,EAAtB;EAA0BE,EAAE,EAAFA,EAA1B;EAA8BC,EAAE,EAAFA,EAA9B;EAAkCF,EAAE,EAAFA,EAAlC;EAAsCG,EAAE,EAAFA,EAAtC;EAA0CC,EAAE,EAAFA;AAA1C,CAAb;;IAEME,M;;;;;;;;;;;;;WAQJ,kBAAS;MAAA;MACP,oBAAqD,KAAKC,OAA1D;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,WAAxB,iBAAwBA,WAAxB;MAAA,IAAqCC,WAArC,iBAAqCA,WAArC;;MACA,mBAAgDA,WAAW,EAA3D;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAA4BC,eAA5B,gBAAeH,WAAf;;MACA,oBACE,oBAActB,WAAd;QAAA,QAAiCC,WAAW,CAACoB,IAAD;MAA5C,uBACE,oBAAC,WAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;IAOD;;;;EAlBkBtB,S;;gBAAfe,M,iBACiB,c;;gBADjBA,M,aAEa,CAACb,WAAW,EAAZ,C;;gBAFba,M,kBAGkB;EACpBD,IAAI,EAAJA,IADoB;EAEpBI,IAAI,EAAE;AAFc,C;;AAkBxB,eAAenB,eAAe,CAACgB,MAAD,CAA9B"}
|
package/lib/es6/WidgetEmpty.js
CHANGED
|
@@ -27,17 +27,17 @@ var style = (
|
|
|
27
27
|
/*__reshadow_css_start__*/
|
|
28
28
|
_sstyled.insert(
|
|
29
29
|
/*__inner_css_start__*/
|
|
30
|
-
".
|
|
30
|
+
".___SWidgetEmpty_1hy5j_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_1hy5j_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_1hy5j_gg_{color:#6c6e79}.___STitle_1hy5j_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_1hy5j_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_1hy5j_gg_+.___SDescription_1hy5j_gg_{margin-top:4px}.___SDescription_1hy5j_gg_+.___SDescription_1hy5j_gg_{margin-top:8px}"
|
|
31
31
|
/*__inner_css_end__*/
|
|
32
|
-
, "
|
|
32
|
+
, "1hy5j_gg_")
|
|
33
33
|
/*__reshadow_css_end__*/
|
|
34
34
|
, {
|
|
35
|
-
"__SWidgetEmpty": "
|
|
36
|
-
"__SImage": "
|
|
37
|
-
"__STitle": "
|
|
38
|
-
"__SDescription": "
|
|
35
|
+
"__SWidgetEmpty": "___SWidgetEmpty_1hy5j_gg_",
|
|
36
|
+
"__SImage": "___SImage_1hy5j_gg_",
|
|
37
|
+
"__STitle": "___STitle_1hy5j_gg_",
|
|
38
|
+
"__SDescription": "___SDescription_1hy5j_gg_"
|
|
39
39
|
});
|
|
40
|
-
var version = "3.
|
|
40
|
+
var version = "3.2.2";
|
|
41
41
|
export var getIconPath = function getIconPath(name) {
|
|
42
42
|
return "https://static.semrush.com/ui-kit/widget-empty/".concat(version, "/").concat(name, ".svg");
|
|
43
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","isNode","version","getIconPath","name","WidgetEmpty","SWidgetEmpty","asProps","Children","icon","styles","SImage","style","Title","props","STitle","Description","SDescription"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n {isNode(icon) && (\n <SImage>\n {typeof icon === 'string' ? (\n <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n ) : (\n icon\n )}\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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,OAAO,UAAb;AAIA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;EACnC,gEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;IAIDC,W;;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAKMN,IALxB;MACA,oBAAmC,KAAKO,OAAxC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,MAAxB,iBAAwBA,MAAxB;MACA,IAAMC,MAAM,GAAG,KAAf;MAEA,eAAOd,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD,uEACGT,MAAM,CAACQ,IAAD,CAAN,iBACC,oBAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;QAAA,OAAUA,IAAV;QAAA,OAAoB,mBAApB;QAAA,SAA+C,GAA/C;QAAA,UAA4D;MAA5D,GADD,GAGCA,IAJJ,CAFJ,eAUE,oBAAC,QAAD,2BAVF,CADF;IAcD;;;;EAvBuBb,S;;gBAApBS,W,iBACiB,a;;gBADjBA,W,WAEWO,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EAAA;EAAA;;EACvB,IAAMC,MAAM,GAE2BhB,GAFvC;EACA,IAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;EACA,eAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,MAAD,kEAAvB;AACD,CAJD;;AAMA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACF,KAAD,EAAW;EAAA;EAAA;;EAC7B,IAAMG,YAAY,GAE2BlB,GAF7C;EACA,IAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;EACA,eAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,YAAD,wEAAvB;AACD,CAJD;;AAMA,eAAef,eAAe,CAACU,WAAD,EAAc;EAC1CQ,KAAK,EAALA,KAD0C;EAE1CG,WAAW,EAAXA;AAF0C,CAAd,CAA9B"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","NoData","Error"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\n\nexport { default as Error } from './Error';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,eAAd;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AAEA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/widget-empty",
|
|
3
|
-
"description": "
|
|
4
|
-
"version": "3.
|
|
3
|
+
"description": "Semrush WidgetEmpty Component",
|
|
4
|
+
"version": "3.2.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
|
-
"author": "
|
|
9
|
+
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"scripts": {
|
|
12
12
|
"build": "build --source=js",
|
package/svg/area-chart.svg
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
3
|
-
<path d="
|
|
4
|
-
<path
|
|
5
|
-
<path d="
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M40.04 4.3V1.9c0-.49-.5-.9-.99-.9A39.23 39.23 0 0 0 4.3 39.96H1.9c-.49 0-.9.5-.9.99A39.23 39.23 0 0 0 39.96 75.7v2.4c0 .49.5.9.99.9A39.23 39.23 0 0 0 75.7 40.04h2.4c.49 0 .9-.41.9-.99A39.23 39.23 0 0 0 40.04 4.3Z" fill="#E0E1E9"/>
|
|
3
|
+
<path d="M63.91 57.68s.1-.05.12-.09l6.5-4.32-3.14-1.7-3.13.76-8.3-31.68a5.7 5.7 0 0 0-6.68-4.15L9.7 24.57l-1.4-3.13-3.4 5.88a6.5 6.5 0 0 0-.22.37v.02a5.64 5.64 0 0 0-.46 4.25L14.66 68.6a2.59 2.59 0 0 0 3.18 1.79l45.27-12.34c.27-.08.52-.2.75-.35l.05-.03Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="m69.75 53.62-47.67 13a2.73 2.73 0 0 1-3.35-1.9L7.74 26.14a6.03 6.03 0 0 1 4.6-7.55L55.2 9.83a6.02 6.02 0 0 1 7.02 4.38l9.45 36.08a2.73 2.73 0 0 1-1.93 3.33Z" fill="#fff"/>
|
|
5
|
+
<path d="M63.44 18.88 9.05 30.82l-1.34-4.69a6.03 6.03 0 0 1 4.6-7.55l42.87-8.74a6.02 6.02 0 0 1 7.03 4.38l1.22 4.67v-.01Z" fill="#6C6E79"/>
|
|
6
|
+
<path d="M16.38 23.49a1.87 1.87 0 0 1-1.41 2.37 2.19 2.19 0 0 1-2.53-1.53 1.87 1.87 0 0 1 1.43-2.36 2.2 2.2 0 0 1 2.51 1.53v-.01Z" fill="#fff"/>
|
|
7
|
+
<path d="M23.37 22.01c.29 1.06-.33 2.1-1.4 2.33a2.15 2.15 0 0 1-2.47-1.52 1.85 1.85 0 0 1 1.4-2.34A2.14 2.14 0 0 1 23.37 22V22Z" fill="#E0E1E9"/>
|
|
8
|
+
<path d="M9.08 30.91s.32-3.15.6-6.38l-1.37-3.08-3.42 5.88a6.5 6.5 0 0 0-.21.36v.03a5.64 5.64 0 0 0-.46 4.24l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
|
|
9
|
+
<path d="M71.69 50.29 65.2 25.56c-3.75.58-6.7 1.52-8.51 2.87-8.47 6.28-7.22 18.27-11.65 21.05-5.29 3.3-11.7-6.32-18.92-4.3-4.9 1.36-6.7 8.34-8.2 16.71l.81 2.83a2.74 2.74 0 0 0 3.35 1.9l47.67-13a2.73 2.73 0 0 0 1.93-3.33Z" fill="#E0E1E9"/>
|
|
10
|
+
<path d="m69.75 53.62-47.67 13a2.73 2.73 0 0 1-3.35-1.9L7.74 26.14a6.03 6.03 0 0 1 4.6-7.55L55.2 9.83a6.02 6.02 0 0 1 7.02 4.38l9.45 36.08a2.73 2.73 0 0 1-1.93 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11
|
+
<path d="M17.93 61.9c1.5-8.38 3.3-15.36 8.2-16.72 7.21-2 13.63 7.61 18.92 4.3 4.44-2.77 3.2-14.76 11.65-21.04 3.41-2.53 10.8-3.66 20.14-3.55" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
12
|
+
<path d="M59.33 27.92c.44 1.67-.37 3.3-1.81 3.64-1.45.35-3-.74-3.46-2.42-.46-1.67.36-3.33 1.83-3.65 1.46-.33 3 .77 3.45 2.44v-.01ZM28.76 44.57c.44 1.68-.37 3.3-1.82 3.64-1.45.35-3-.74-3.46-2.42-.45-1.67.37-3.33 1.84-3.65 1.46-.33 3 .77 3.45 2.44l-.01-.01ZM47.67 48.88c.44 1.67-.37 3.3-1.81 3.64-1.45.35-3-.75-3.46-2.42-.46-1.68.36-3.33 1.83-3.65 1.47-.33 3 .76 3.45 2.44v-.01Z" fill="#6C6E79"/>
|
|
6
13
|
</svg>
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path
|
|
3
|
-
<path d="
|
|
4
|
-
<path d="
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M39.96 1C18.46 1 1 15.87 1 37.5c0 21.4 20.84 30.8 38.46 41.38.33.16.75.16 1.08 0C58.57 68.64 79 58.89 79 37.5 78.92 15.95 61.54 1 39.96 1Z" fill="#E0E1E9"/>
|
|
3
|
+
<path d="M65.92 57.62s.1-.06.12-.09l6.5-4.32-3.14-1.7-3.13.76-8.3-31.68a5.7 5.7 0 0 0-6.68-4.15L11.7 24.51l-1.4-3.12-3.4 5.88-.22.37v.02a5.64 5.64 0 0 0-.46 4.25l10.44 36.64a2.59 2.59 0 0 0 3.18 1.8L65.11 58c.27-.08.52-.2.75-.35l.05-.03.01-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55l42.88-8.75a6.02 6.02 0 0 1 7.02 4.38l9.45 36.07a2.73 2.73 0 0 1-1.93 3.33Z" fill="#fff"/>
|
|
5
|
+
<path d="M65.45 18.82 11.07 30.76l-1.34-4.69a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.02 4.38l1.22 4.67Z" fill="#6C6E79"/>
|
|
6
|
+
<path d="M18.4 23.43a1.87 1.87 0 0 1-1.42 2.36 2.2 2.2 0 0 1-2.53-1.52 1.87 1.87 0 0 1 1.43-2.37 2.2 2.2 0 0 1 2.51 1.54v-.01Z" fill="#fff"/>
|
|
7
|
+
<path d="M25.37 21.96c.3 1.06-.32 2.1-1.39 2.33a2.15 2.15 0 0 1-2.47-1.52 1.85 1.85 0 0 1 1.4-2.35 2.14 2.14 0 0 1 2.46 1.53Z" fill="#E0E1E9"/>
|
|
8
|
+
<path d="M11.09 30.86s.32-3.15.6-6.39l-1.37-3.08-3.42 5.88-.21.37v.02a5.64 5.64 0 0 0-.46 4.25l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
|
|
9
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55l42.88-8.75a6.02 6.02 0 0 1 7.02 4.38l9.45 36.07a2.73 2.73 0 0 1-1.93 3.33v0Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10
|
+
<path d="m19.64 38-.52 3.26 3.12-.75 2.18 2.6.55 3.08 2.38 2.2 3.97.15 1.43.3-1.37-.84-2.55-1.58.38-.48 1.3.03 2.43-3.24L35 40.99l-2.55-1.88-.8.22-.22 1.79-.87.02-1.51-1.18 2.05-2.03-1.05-1.21-.63.1-1.08.93L21 36.5 19.64 38Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11
|
+
<path d="m33.02 33.73 3.97-2.8 1.92.74-.09 4.3-2.9 2.83-.7-.23-1.05-4.32-1.03-.06-.12-.46ZM32.09 50.38l1.5-2.72 5.11 1.46.92.04.07 2.29-2.84 3.62.63 1.72-.57.5-1.9-1.16-.99-4.31-1.93-1.44Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
12
|
+
<path d="m41.38 46 1.7 1.27 2.7-1.08.6.2.87 3.4.68 1.06 1.08.53 1.02-.29.66-.9 1.65-6.3-4.18-2.74-2.1.54-1.81-.03-2.63 1.78-.24 2.56Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
13
|
+
<path d="m40.93 40.38.06 1.16.66.24 2.16-1.71 2.09.4 2.2-.54.25.2-.31 1.02 2.8 1.76 1.36-.56-.16-.6-1.58-.85.5-.49 2.31.51 1.11 1.1 1 .69.62-.17.16-1.23.75-.73.89.62 1.07.11.45-.4-.2-.77.26-.3.85.03.64-.8.34-.5-.36-.5-.87-.76 1.33-1.55.17-.93-.1-1.32-.07-.24-1.07.04-.43-.23-.22-.8 1.28-.68.16-.47.64-.78.84.73.68.43.55-.17-.95-3.61-1.22-.6-7.67 2.5-1.07.63-.35-.4.25-.69-.27-.28-1.8.41-1.36 3.84-2.51 1.72-2.57-.56-1.72 2.54.91 1.2-2.48 2.34Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
|
+
<path d="m61.98 45.58 2.3-2.13 1.4-.36.9.1.17.62 1.24 1.03-.52 2.43-1.43.38-1.01-.82-2.41.63-.64-1.88Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
15
|
</svg>
|
package/svg/combined-chart.svg
CHANGED
|
@@ -1,6 +1,23 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
3
|
-
<path d="
|
|
4
|
-
<path
|
|
5
|
-
<path d="
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M40.25 4.3V1.9c0-.49-.49-.9-.98-.9C19.97 3.23 5 19.82 5 39.96 5 59.69 20.8 75.7 40.25 75.7v2.4c0 .49.49.9.98.9 19.3-2.23 34.27-18.82 34.27-38.96 0-19.8-15.8-35.74-35.25-35.74Z" fill="#E0E1E9"/>
|
|
3
|
+
<path d="M65.92 57.6s.1-.05.12-.08l6.5-4.32-3.14-1.7-3.13.76-8.3-31.68a5.7 5.7 0 0 0-6.68-4.15L11.7 24.5l-1.4-3.12-3.4 5.88a6.5 6.5 0 0 0-.22.37v.02a5.64 5.64 0 0 0-.46 4.25l10.44 36.64a2.59 2.59 0 0 0 3.18 1.8L65.11 58c.27-.08.52-.2.75-.35l.05-.03.01-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="m71.77 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55l42.87-8.75a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" fill="#fff"/>
|
|
5
|
+
<path d="M65.45 18.82 11.06 30.76l-1.34-4.69a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l1.22 4.67Z" fill="#6C6E79"/>
|
|
6
|
+
<path d="M18.4 23.42a1.87 1.87 0 0 1-1.42 2.37 2.19 2.19 0 0 1-2.53-1.53 1.87 1.87 0 0 1 1.43-2.37 2.2 2.2 0 0 1 2.51 1.54v-.01Z" fill="#fff"/>
|
|
7
|
+
<path d="M25.38 21.94c.29 1.06-.33 2.1-1.4 2.33a2.15 2.15 0 0 1-2.47-1.52 1.85 1.85 0 0 1 1.4-2.35 2.14 2.14 0 0 1 2.47 1.53Z" fill="#E0E1E9"/>
|
|
8
|
+
<path d="M11.09 30.84s.32-3.15.6-6.38l-1.37-3.09-3.42 5.88-.21.37v.02a5.64 5.64 0 0 0-.46 4.25l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
|
|
9
|
+
<path d="m71.77 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55l42.87-8.75a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10
|
+
<path d="M21.77 54.8c1.72-7.16 5.02-10.26 7.79-11.74 5.68-3.05 9.84 2.62 15.53 1.2 6.32-1.57 8.28-10.97 11.1-14.39 2.52-3.06 4.84-3 8.69-2.67" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11
|
+
<path d="M34.52 48.52 27.4 50.3a.8.8 0 0 0-.58 1l2.7 9.63 8.6-2.29-2.64-9.57a.8.8 0 0 0-.96-.56h-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
12
|
+
<path d="m44.4 28.28-6.89 1.6c-.43.09-.7.53-.58.96l7.18 26.21 8.28-2.2-7.05-26.02a.79.79 0 0 0-.94-.56v.01Z" fill="#6C6E79"/>
|
|
13
|
+
<path d="m60.97 34.84-6.51 1.57a.8.8 0 0 0-.59.99l4.27 15.94 7.98-2.12-4.18-15.8a.8.8 0 0 0-.97-.57v-.01ZM23.94 62.42 69.59 50.3" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
|
+
<path d="M58.8 29.26c.34 1.28-.55 2.6-1.99 2.94-1.43.33-2.9-.43-3.24-1.72-.35-1.29.55-2.62 2-2.95 1.45-.34 2.89.44 3.22 1.73ZM31.95 42.21c.36 1.33-.59 2.7-2.13 3.08-1.55.38-3.12-.39-3.48-1.73-.37-1.34.6-2.72 2.14-3.09 1.54-.36 3.1.41 3.47 1.73v.01ZM47.77 43.6c.36 1.3-.56 2.65-2.04 3.02-1.48.38-2.99-.37-3.34-1.68-.36-1.3.56-2.67 2.05-3.04 1.48-.37 2.97.4 3.32 1.7h0Z" fill="#fff" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
15
|
+
<path d="m57.74 35.65-3.1 4.53M56.13 45.83l6.15-8.97M57.69 51.4l6.1-8.9M62.57 52.12l2.7-3.92" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
16
|
+
<mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="36" y="28" width="17" height="30">
|
|
17
|
+
<path d="m44.4 28.28-6.89 1.6c-.43.09-.7.53-.58.96l7.18 26.21 8.28-2.2-7.05-26.02a.79.79 0 0 0-.94-.56v.01Z" fill="#000"/>
|
|
18
|
+
</mask>
|
|
19
|
+
<g mask="url(#a)">
|
|
20
|
+
<path d="M21.77 54.8c1.72-7.16 5.02-10.26 7.79-11.74 5.68-3.05 9.84 2.62 15.53 1.2 6.32-1.57 8.28-10.97 11.1-14.39 2.52-3.06 4.84-3 8.69-2.67" stroke="#fff" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
21
|
+
</g>
|
|
22
|
+
<path d="m44.4 28.28-6.89 1.6c-.43.09-.7.53-.58.96l7.18 26.21 8.28-2.2-7.05-26.02a.79.79 0 0 0-.94-.56v.01Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
23
|
</svg>
|
package/svg/congrats.svg
CHANGED
|
@@ -1,4 +1,27 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<
|
|
3
|
-
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#a)">
|
|
3
|
+
<path d="M63.24 32.7c.29-4.8-.24-9.6-1.56-14.22a.94.94 0 0 0-.65-.65 42.52 42.52 0 0 0-14.17-1.6l-3.68-3.7a11.32 11.32 0 0 0-16.01 0l-3.73 3.7c-4.8-.3-9.6.24-14.22 1.56a.96.96 0 0 0-.65.65A42.7 42.7 0 0 0 7 32.65L3.3 36.34a11.32 11.32 0 0 0 0 16L7 56.05c-.28 4.78.25 9.59 1.57 14.2a.94.94 0 0 0 .65.65 42.28 42.28 0 0 0 14.2 1.56l3.7 3.7a11.32 11.32 0 0 0 16 0l3.69-3.7c4.79.29 9.6-.24 14.2-1.56a.94.94 0 0 0 .65-.66 42.5 42.5 0 0 0 1.57-14.2l3.7-3.7a11.32 11.32 0 0 0 0-16l-3.69-3.64Z" fill="#E0E1E9"/>
|
|
4
|
+
<path d="M28.27 34.22a2.35 2.35 0 0 0-1.9 1.28L8.42 69.92a.72.72 0 0 0 .13.85l22.08-31.94c1.77-1.37 8.48 2.25 10.53 3.72-3.7-4.45-9.46-8.51-12.89-8.33Z" fill="#fff"/>
|
|
5
|
+
<path d="m9.46 70.93 34-18.83a2.43 2.43 0 0 0 1.27-1.86c.54-5.66-10.98-16.32-16.47-16.03a2.35 2.35 0 0 0-1.89 1.3L8.42 69.9a.78.78 0 0 0 1.04 1.02Z" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<path d="M25.72 52.65a16.15 16.15 0 0 0-7.97-.56 604.5 604.5 0 0 1-2.14 4.08 18.93 18.93 0 0 1 11.92 4.76l5.63-3.13a16.27 16.27 0 0 0-7.44-5.15ZM16.18 63.74c-1.4-.44-2.86-.56-4.3-.38l-1.58 2.98c1.06.2 2.05.65 2.9 1.3.29.25.55.5.8.8l5.38-3a10.25 10.25 0 0 0-3.2-1.7ZM44.73 50.25v-.47a26.57 26.57 0 0 0-22.1-7.11L20.6 46.6a22.62 22.62 0 0 1 18.8 7.8l4.11-2.28a2.43 2.43 0 0 0 1.23-1.86Z" fill="#6C6E79"/>
|
|
7
|
+
<path d="M24.42 26.63a1.66 1.66 0 1 0 0-3.32 1.66 1.66 0 0 0 0 3.32Z" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
8
|
+
<path d="M56.16 4a1.57 1.57 0 1 0 0-3.13 1.57 1.57 0 0 0 0 3.14Z" stroke="#E0E1E9" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9
|
+
<path d="M52.8 22.96a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" fill="#6C6E79"/>
|
|
10
|
+
<path d="M73.93 20.66a2.3 2.3 0 1 0 0-4.6 2.3 2.3 0 0 0 0 4.6Z" fill="#E0E1E9"/>
|
|
11
|
+
<path d="M46.1 3.06c3.65 6.27 2.62 20.07-4.91 22.92-3.36 1.1-8.05-1.35-9.23-4.6-1.9-7.92 7.37-9.4 9.71-2.18 2.18 5.79 0 13.19-6 15.68l-1.7-3.87c4.26-1.62 5.8-6.67 4.7-10.9a5.3 5.3 0 0 0-1.32-2.64c-1.89-1.66-3.77-.62-4.01 1.8-.25 2.4 2 4.01 4.03 4.83 3.68 1.57 6.48-1.96 7.37-5.2 1.36-4.45 1.1-10.16-1.57-13.94l2.97-1.9h-.04Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
12
|
+
<path d="M37.11 27.8a9.16 9.16 0 0 0 1.33-3.7 9.2 9.2 0 0 0-.32-3.95M42.15 19.09a14.55 14.55 0 0 1-.19 9.93" stroke="#E0E1E9" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
13
|
+
<path d="M45.14 45.38a14.01 14.01 0 0 1 4.92-7.66c4.44-3.44 12.03-2.9 15.16 2.1 2.18 3.84.55 10.2-4.77 9.61-3.71-1.03-3.26-6.05-2.42-8.92 1.8-5.9 6.58-11.05 12.65-12.55 3.07-.73 6.29-.63 9.32.28l-.89 2.74a14.12 14.12 0 0 0-14.9 3.2c-2.84 2.79-5 6.8-4.84 10.83a3.2 3.2 0 0 0 1.11 2.5c1.07.4 2.35-.4 2.89-1.39 2.68-7.45-6.94-10.66-12.24-6.85a13.07 13.07 0 0 0-4.7 6.53l-1.34-.43h.05Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
|
+
<path d="M61.68 39.98a6.44 6.44 0 0 0-3.33-1.62" stroke="#E0E1E9" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
15
|
+
<path d="M63.31 37.02a13.37 13.37 0 0 0-3.72-1.67" stroke="#fff" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
16
|
+
<path d="M57.97 48.25c1.3.64 4.52-.28 4.96-3.35" stroke="#E0E1E9" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
17
|
+
<path d="m61.13 7.79-4.7 4.81c-1.82 3.68 3.67 11.92 2.25 17.55.78-2.5 2.63-3.03 3.4-5.53.02-5.59-6.29-12.93-.95-16.83Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
18
|
+
<path d="M73.31 0c.14 1.26.51 5.18-2.03 8.49-3.46 4.49-11.85.58-14.9 4.11a11.2 11.2 0 0 1 4.31-4.63c1.41-.91 6.06.26 9.2-2.43A9.69 9.69 0 0 0 73.32 0Z" fill="#fff" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
19
|
+
<path d="m46.37 29.46-3.3 1.12-.28 1.57-.66 7.12c3.57-.8 3.79-8.04 4.24-9.8Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
20
|
+
<path d="M61.87 22.64c.24 1.71.74 4.6-1.42 6.87-3.08 3.25-15.31-.78-17.66 2.62a5.43 5.43 0 0 1 2.4-4.42c4.33-2.92 12.3 2 16.68-5.07Z" fill="#fff" stroke="#6C6E79" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
21
|
+
</g>
|
|
22
|
+
<defs>
|
|
23
|
+
<clipPath id="a">
|
|
24
|
+
<path fill="#fff" d="M0 0h80v80H0z"/>
|
|
25
|
+
</clipPath>
|
|
26
|
+
</defs>
|
|
4
27
|
</svg>
|
package/svg/donut-chart.svg
CHANGED
|
@@ -1,7 +1,18 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path
|
|
3
|
-
<path
|
|
4
|
-
<path d="
|
|
5
|
-
<path
|
|
6
|
-
<path d="
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M75.6 42.49c0-15.6-9.53-28.84-22.94-34.07l-3.78-6.75A1.28 1.28 0 0 0 47.81 1H32.27c-.41 0-.82.25-1.07.67l-3.78 6.75C14.02 13.65 4.47 26.97 4.47 42.5c0 2.02.17 3.96.5 5.82l-3.78 6.74c-.25.42-.25.85 0 1.27l7.73 13.83c.24.42.65.67 1.06.67h7.57a34.9 34.9 0 0 0 44.9 0h7.57c.4 0 .82-.25 1.06-.67l7.73-13.83c.25-.42.25-.85 0-1.27l-3.78-6.74c.41-1.94.58-3.88.58-5.82Z" fill="#E0E1E9"/>
|
|
3
|
+
<path d="M65.92 57.6s.1-.05.12-.08l6.5-4.32-3.14-1.7-3.13.76-8.3-31.68a5.7 5.7 0 0 0-6.68-4.15L11.7 24.5l-1.4-3.12-3.4 5.88a6.5 6.5 0 0 0-.22.37v.02a5.64 5.64 0 0 0-.46 4.25l10.44 36.64a2.59 2.59 0 0 0 3.18 1.8L65.11 58c.27-.08.52-.2.75-.35l.05-.03.01-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" fill="#fff"/>
|
|
5
|
+
<path d="M65.45 18.82 11.06 30.76l-1.34-4.69a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l1.22 4.67Z" fill="#6C6E79"/>
|
|
6
|
+
<path d="M18.39 23.42a1.87 1.87 0 0 1-1.42 2.37 2.19 2.19 0 0 1-2.52-1.53 1.87 1.87 0 0 1 1.42-2.37 2.2 2.2 0 0 1 2.52 1.54v-.01Z" fill="#fff"/>
|
|
7
|
+
<path d="M25.38 21.94c.29 1.06-.33 2.1-1.4 2.33a2.15 2.15 0 0 1-2.47-1.52 1.85 1.85 0 0 1 1.4-2.35 2.14 2.14 0 0 1 2.47 1.53Z" fill="#E0E1E9"/>
|
|
8
|
+
<path d="M11.09 30.84s.32-3.15.6-6.38l-1.37-3.09-3.42 5.88a6.5 6.5 0 0 0-.21.37v.02a5.64 5.64 0 0 0-.46 4.25l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
|
|
9
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10
|
+
<path d="m43.3 32.43 1.88.93-3.15 3.16-3.2-1.58 4.46-2.5Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11
|
+
<path d="m56.77 51.33 2.04-2.03-2.55-.36-6.55-3.33a7.02 7.02 0 0 1-2.4 1.91l-9.82-5.36-.19-.72a6.69 6.69 0 0 1 4.74-4.92l-2.36-8.55c-1.9.49-3.65 1.23-5.22 2.2l-.14-.56-2.65 2.66c-.31.3-.6.59-.88.9l-.04.03c-3.3 3.6-4.74 8.42-3.41 13.18 2.27 8.07 11.65 12.58 20.75 10.14 2.84-.75 5.3-2.11 7.3-3.84h.02l.18-.19c.42-.38.81-.76 1.18-1.16ZM50.17 29.17l-2.35-8.53-3.15 3.16L47 32.32l3.16-3.15Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
12
|
+
<path d="m62.94 28.95-.75 1.2c-3.54-5.03-10.43-7.74-17.52-6.35L47 32.33c3.35-.56 6.57 1.1 7.6 3.9l9.42-2.32 3.16-3.16-4.26-1.81h.01Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
13
|
+
<path d="m57.76 33.07 9.43-2.31c-2.27-7.35-10.68-11.81-19.37-10.12l2.35 8.53c3.35-.56 6.57 1.1 7.6 3.9v0Z" fill="#fff" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
|
+
<path d="M60.72 21.94a20.5 20.5 0 0 0-13.3-1.73l-4.92 4.66" stroke="#fff" stroke-width=".7" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="m65.06 35.6-4.52 1.1-1.75-1.94-3.16 3.16c.24 1.3-.02 2.6-.65 3.73l8.28 4.21a13.54 13.54 0 0 0 1.8-10.26Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
16
|
+
<path d="m66.43 42.7-3.15 3.16-8.3-4.21 3.16-3.17 8.3 4.23ZM58.8 34.75c.24 1.3-.02 2.59-.66 3.73l8.3 4.21a13.54 13.54 0 0 0 1.79-10.27l-9.42 2.33h0Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
17
|
+
<path d="M52.86 42.45a7.31 7.31 0 0 1-3.93 2.49c-3.71.94-7.49-.92-8.38-4.19-.9-3.26 1.2-6.32 4.64-7.39l-2.35-8.55c-8.98 2.27-14.57 10.44-12.33 18.4 2.27 8.08 11.65 12.59 20.75 10.16a17.7 17.7 0 0 0 9.9-6.7l-8.3-4.22h0Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7
18
|
</svg>
|
package/svg/funnel-chart.svg
CHANGED
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path
|
|
3
|
-
<path
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M77.88 38.19C77.88 17.65 61.13 1 40.48 1S3 17.65 3 38.19a37.03 37.03 0 0 0 15.62 30.2l-3.47 9.4c-.26.6.26 1.21.87 1.21h48.84c.61 0 1.13-.6.87-1.2l-3.47-9.41a37.03 37.03 0 0 0 15.62-30.2Z" fill="#E0E1E9"/>
|
|
3
|
+
<path d="M65.92 57.62s.1-.06.12-.09l6.5-4.32-3.14-1.7-3.13.76-8.3-31.68a5.7 5.7 0 0 0-6.68-4.15L11.7 24.51l-1.4-3.12-3.4 5.88a6.5 6.5 0 0 0-.22.37v.02a5.64 5.64 0 0 0-.46 4.25l10.44 36.64a2.59 2.59 0 0 0 3.18 1.8L65.11 58c.27-.08.52-.2.75-.35l.05-.03.02-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" fill="#fff"/>
|
|
5
|
+
<path d="M65.45 18.82 11.06 30.76l-1.34-4.69a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l1.22 4.67Z" fill="#6C6E79"/>
|
|
6
|
+
<path d="M18.4 23.43a1.87 1.87 0 0 1-1.42 2.36 2.2 2.2 0 0 1-2.53-1.52 1.87 1.87 0 0 1 1.42-2.37 2.2 2.2 0 0 1 2.52 1.54v-.01Z" fill="#fff"/>
|
|
7
|
+
<path d="M25.38 21.96c.29 1.06-.33 2.1-1.4 2.33a2.15 2.15 0 0 1-2.47-1.52 1.85 1.85 0 0 1 1.4-2.35 2.14 2.14 0 0 1 2.47 1.53Z" fill="#E0E1E9"/>
|
|
8
|
+
<path d="M11.09 30.86s.32-3.15.6-6.39l-1.37-3.08-3.42 5.88a6.5 6.5 0 0 0-.21.37v.02a5.64 5.64 0 0 0-.46 4.25l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
|
|
9
|
+
<path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10
|
+
<path d="M42.08 38.58c-4.2.95-8.76-5.58-18.64-3.3l6.02 21.47c9.72-2.55 10.33-10.29 14.48-11.39l16.33-4.1v-.04l-1.76-6.56v-.03l-16.43 3.96v0Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11
|
+
<mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="34" width="38" height="24">
|
|
12
|
+
<path d="M42.08 38.58c-4.2.96-8.76-5.58-18.64-3.3l6.02 21.47c9.72-2.55 10.33-10.29 14.48-11.39l16.33-4.1v-.04l-1.76-6.56v-.03s-16.4 3.95-16.43 3.97v-.02Z" fill="#D9D9D9" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
13
|
+
</mask>
|
|
14
|
+
<g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
|
|
15
|
+
<path d="M40.71 35.7 27.5 54.96M44.46 37.96 29.93 59.13M49.24 38.74 33.88 61.12M55.5 37.36 40.16 59.71M60.53 37.76 42.61 63.89"/>
|
|
16
|
+
</g>
|
|
17
|
+
<path d="m23.44 35.27 4.28 15.26c9.76-2.48 9.86-6.33 15.52-7.73l16.36-4.05v-.04l-1.09-4.06v-.03l-16.43 3.96c-4.2.96-8.76-5.58-18.64-3.3v-.01Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
18
|
</svg>
|