@uob-web-and-digital/component-library 0.0.2 → 0.0.4
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/README.md +19 -6
- package/dist/assets/footer-map.svg +44 -0
- package/dist/assets/uob-logo-dark.svg +185 -0
- package/dist/assets/uob-logo-light.svg +184 -0
- package/dist/index.d.ts +79 -6
- package/dist/main.css +1884 -0
- package/dist/main.js +26 -20
- package/dist/main.js.map +1 -1
- package/dist/module.js +26 -20
- package/dist/module.js.map +1 -1
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -1,50 +1,60 @@
|
|
|
1
1
|
# University of Birmingham Component Library
|
|
2
|
+
|
|
2
3
|
This is the frontend component library for the University of Birmingham website built using Storybook 7 and SASS.
|
|
3
4
|
|
|
4
5
|
## Contents
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
|
|
7
|
+
- [Installation and setup](#installation-and-setup)
|
|
8
|
+
- [Working locally on the project](#working-locally-on-the-project)
|
|
9
|
+
- [Deploying changes to the public Storybook](#deploying-project-changes-to-the-public-storybook)
|
|
10
|
+
- [Publishing changes to the NPMJS package library](#publishing-changes-to-the-npmjs-package-library)
|
|
11
|
+
- [Creating Components](#creating-components)
|
|
10
12
|
|
|
11
13
|
## Installation and setup
|
|
12
14
|
|
|
13
15
|
### Node Compatibility
|
|
16
|
+
|
|
14
17
|
**Node:** ^18.18.0
|
|
15
18
|
|
|
16
19
|
### Setting up the project locally
|
|
20
|
+
|
|
17
21
|
1. Clone the repo from Github: `git clone git@github.com:uob-itservices/component-library.git`
|
|
18
22
|
2. Install NPM Node Modules by running `npm install` from the project root
|
|
19
23
|
|
|
20
24
|
## Working locally on the project
|
|
25
|
+
|
|
21
26
|
Run `npm run storybook` from the project root. This will run a new instance of [Storybook](https://storybook.js.org/) that can be accessed from `localhost:6006`.
|
|
22
27
|
|
|
23
28
|
Changes made locally are automatically compiled and the browser instance of Storybook will automaticaly refresh, hot-loading changes very quickly where possible.
|
|
24
29
|
|
|
25
30
|
## Deploying project changes to the public Storybook
|
|
31
|
+
|
|
26
32
|
The visible Storybook for sharing changes is private and is accessed at [https://stunning-invention-1w42em5.pages.github.io/](https://stunning-invention-1w42em5.pages.github.io/) you will need to be a member of the uob-itservices GitHub organisation and have access to the repository.
|
|
27
33
|
|
|
28
34
|
This is automatically deployed and built when changes are pushed to the `develop` branch of the GitHub repository.
|
|
29
35
|
|
|
30
36
|
## Publishing changes to the NPMJS package library
|
|
37
|
+
|
|
31
38
|
The repository will need publishing to the NPMJS package library [https://www.npmjs.com/package/@uob-web-and-digital/component-library](https://www.npmjs.com/package/@uob-web-and-digital/component-library) before it can be used in the UoB website.
|
|
32
39
|
|
|
33
40
|
This is a private package so a read-only NPM access token will need be created in order to install the package.
|
|
34
41
|
|
|
35
|
-
When the library in ready for a new release of the NPM package, you will need to increase the version number in the package.json and run a `npm install` to ensure the project gets updated with this version. After this you will need to create a pull request into the `develop`` branch and then another pull request from the `develop``
|
|
42
|
+
When the library in ready for a new release of the NPM package, you will need to increase the version number in the package.json and run a `npm install` to ensure the project gets updated with this version. After this you will need to create a pull request into the `develop`` branch and then another pull request from the `develop``branch into`main`
|
|
36
43
|
|
|
37
44
|
As this is a manual process, ensure that the `main` branch of the repository is always in sync with the currently published package.
|
|
38
45
|
|
|
39
46
|
Releasing to the NPM registry are managed by GitHub Actions. You will need to create a new release and use the new release version as the tag. Once the release is published a GitHub Action will automatically run all the steps to publish the package on NPM.
|
|
40
47
|
|
|
41
48
|
## Creating components
|
|
49
|
+
|
|
42
50
|
Components should always be created within the `src/components` folder.
|
|
43
51
|
|
|
44
52
|
### Naming component folders
|
|
53
|
+
|
|
45
54
|
You can create a new folder within `src/components` that is based on the chosen name for your component. The format of this folder name, react component and story should always be PascalCase i.e. `MyNewComponent`. SASS files should always be camelCase i.e. `myNewComponent`
|
|
46
55
|
|
|
47
56
|
### Component file structure
|
|
57
|
+
|
|
48
58
|
Within the component folder you must create the following 3 files:
|
|
49
59
|
|
|
50
60
|
```
|
|
@@ -55,10 +65,13 @@ ComponentName
|
|
|
55
65
|
```
|
|
56
66
|
|
|
57
67
|
#### {ComponentName}.tsx
|
|
68
|
+
|
|
58
69
|
This file is where the Component Structure is defined.
|
|
59
70
|
|
|
60
71
|
#### {ComponentName}.stories.ts
|
|
72
|
+
|
|
61
73
|
This file allows developers to pass in mockup content to the component that will render within Storybook. More information is available in the Storybook docs [Storybook JS - Defining Stories](https://storybook.js.org/docs/react/writing-stories/introduction#defining-stories)
|
|
62
74
|
|
|
63
75
|
#### componentName.scss
|
|
76
|
+
|
|
64
77
|
This is where component styling is defined using SASS/CSS.
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<svg width="466" height="304" viewBox="0 0 466 304" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<mask id="mask0_778_18162" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="24" width="466" height="280">
|
|
3
|
+
<path d="M466 24H0V303.078H466V24Z" fill="white"/>
|
|
4
|
+
</mask>
|
|
5
|
+
<g mask="url(#mask0_778_18162)">
|
|
6
|
+
<path d="M108.954 74.5562L104.86 78.9565L103.785 76.2184L101.535 78.0761L95.7639 76.9031L93.9948 74.5562L90.1888 75.9292L89.6017 79.0586L88.915 75.4409L81.7742 73.3875L84.709 72.3123L84.1202 69.9603H81.5622L78.0549 64.8753L74.8266 66.0483L75.7081 63.1153L72.8755 65.6578V60.475L70.1365 62.6262L60.3511 64.484L55.0687 57.0521L48.6129 52.6518L46.3631 52.1627L46.9502 50.5984L43.2335 47.3711L35.7991 48.744L29.1476 52.8508L26.315 52.4596L24.3588 54.513L24.5545 59.598L27.3871 63.2157L22.3004 63.1179L22.7897 61.2601L15.5511 63.1179L16.0403 67.7138L22.3983 68.5942L20.0506 72.5054L10.7579 76.3188L9.48669 84.0416L12.1279 83.3551L10.0738 87.951L17.606 88.4401L12.4215 93.623L0 99.0024L1.12532 99.736L15.5047 93.8693L21.8627 89.7624L20.982 89.076L28.8077 83.4049C28.8077 83.4049 24.6996 89.3694 24.7974 89.2716C24.8953 89.1738 31.0575 87.316 31.0575 87.316L31.3511 85.3605L33.2094 85.4583L38.8833 90.2499L43.6764 106.287L45.8283 109.709L51.5021 122.52L50.8154 123.207L46.7073 116.068L45.0936 117.29L48.224 122.375L47.6395 128.922L44.3133 140.163L46.1717 151.115L50.3777 154.538L52.7253 161.676L53.8017 164.708L52.3348 165.099L58.8884 173.313L59.5751 173.019L54.9777 162.655L53.897 158.26L55.0704 158.065L57.3202 163.931L60.4506 168.723L65.0481 175.372L64.0695 178.6L70.4275 183L79.0352 185.832L83.3391 188.179L88.6215 189.059L91.7519 192.481L95.6644 196.783L99.8704 198.25V196.418L103.39 198.543L104.173 196.881L101.631 194.832L97.6206 195.81L94.788 192.193L95.8644 185.837L88.3322 185.054L91.6575 176.254L87.1579 176.743L82.6584 181.143L77.0815 177.919V168.234L80.8961 163.442L87.2541 163.247L93.7099 162.073L97.5245 162.66L100.357 170.678L102.02 170.189L101.139 160.703L107.106 155.423L110.73 152.491L115.229 143.395L120.414 142.222L119.142 139.581L125.305 136.55L126.576 139.777L135.771 134.886L134.5 133.028L131.369 134.593L129.217 131.17L130.488 129.117L126.478 128.042L129.119 125.988L136.064 126.869L143.103 123.055V119.483L137.136 113.768L137.919 111.617L135.67 104.185L131.17 108.683L129.018 106.043L129.997 101.936L125.888 97.6337L119.922 96.6555L118.943 104.185L116.987 106.043L118.258 111.621L115.911 114.163L112.878 114.85L113.074 121.108L110.53 122.378L108.085 119.347L109.552 113.87L105.542 112.6L102.509 109.372L97.6163 107.808L98.1056 103.897L96.8343 103.31L99.3777 97.0519L105.442 92.7495L107.3 90.7939L109.061 90.9895L112.191 88.1578L114.637 84.7357L116.985 85.6161L120.995 84.3453L121.386 79.6516L122.951 78.869L122.853 75.9352L118.941 75.1526L115.126 81.8998L113.366 80.2377L115.126 77.0104L113.753 76.3239L112.188 78.3773L112.09 74.564L111.797 73.191L113.655 71.8181L113.459 66.1469L115.22 63.7022L116.882 63.6044L120.991 60.1815L116.098 58.4216L111.99 65.9513L108.761 69.8625L107.388 72.2094L109.344 73.6758L108.954 74.5562Z" fill="#3C3C3B"/>
|
|
7
|
+
<path d="M104.124 199.622L103.342 198.546L104.564 196.004L106.569 195.417L108.037 192.776L113.417 191.114L112.73 193.168L115.688 191.114L122.317 194.439L125.447 193.657L128.675 196.591L133.567 200.697L139.534 201.384L143.544 207.153L142.663 209.598H145.517L151.955 213.116L158.313 213.409L162.813 216.147L165.063 217.614L165.943 221.427L161.248 226.61L160.074 231.402L158.607 238.54L155.378 244.016L150.39 245.188L147.063 248.807L147.357 252.718L140.118 263.67L134.934 262.398L137.477 266.603L132.978 271.297L130.145 270.905L130.439 274.621H127.199L127.602 281.857L124.96 283.813L125.352 285.768L127.895 286.941L127.797 288.408L125.45 293.689L127.7 298.58L132.101 301.709L126.135 303.082L118.409 296.922L115.577 279.516L114.647 265.191L115.136 252.381V236.344L106.92 230.868L100.171 219.329L98.1167 217.471V215.076L100.758 207.497L104.236 204.026L104.124 199.622Z" fill="#3C3C3B"/>
|
|
8
|
+
<path d="M442.817 295.942L447.317 291.248L451.915 288.416L455.32 283.954L456.022 285.967L457.196 285.771L456.931 287.514L453.478 291.443L454.358 291.932L451.229 292.714L449.105 295.941L445.848 298.772L442.817 295.942Z" fill="#3C3C3B"/>
|
|
9
|
+
<path d="M458.174 281.47L459.446 283.132L459.348 284.305L457.974 286.262L458.855 286.849L462.474 282.937L462.67 281.667L464.043 281.177L465.999 278.049L465.021 277.657L464.043 278.831L462.477 277.365L462.38 276.29L461.402 275.703V274.724L461.205 273.746L461.694 272.866L459.64 270.226L459.542 272.181L460.276 274.479L460.765 277.217L460.078 279.173L459.392 280.347L458.174 281.47Z" fill="#3C3C3B"/>
|
|
10
|
+
<path d="M79.8194 59.7899V57.044L78.8408 55.8821L86.6091 47.375L93.0245 50.6023L93.9052 54.1205L79.8194 59.7899Z" fill="#3C3C3B"/>
|
|
11
|
+
<path d="M93.4155 55.585L98.0129 60.2787V63.149L100.948 57.2471L102.87 59.3665L100.752 66.8319L102.87 70.6075L98.9915 73.096L94.8833 70.3578L86.8618 72.1178L86.3725 69.0578L84.0249 67.9131L84.7442 64.3444L90.6275 65.9086L84.758 62.6814L88.5726 61.3084L85.9313 59.1572L93.4155 55.585Z" fill="#3C3C3B"/>
|
|
12
|
+
<path d="M128.384 62.6741L124.374 61.4033L117.233 67.5635V71.7424L120.168 74.2129L124.178 75.7772L128.384 75.0555L132.395 82.4265L129.166 88.6846L123.689 89.4671L123.493 91.5206H127.518L130.243 96.8991L135.232 99.6372L133.178 94.4544L137.481 97.3882L137.971 92.8901L136.21 89.5658L137.384 87.219L140.123 92.0105L144.916 88.1972L138.362 81.6482L141.003 79.3992L139.536 73.9229L133.668 68.3453L133.766 65.021L132.004 62.7702L128.384 62.6741Z" fill="#3C3C3B"/>
|
|
13
|
+
<path d="M162.131 106.776L165.75 100.909L169.174 93.3794L175.337 92.6929L179.64 87.3144L191.085 82.8163L192.356 78.6117V71.3265L196.367 60.8149L198.421 57.392L195.253 55.5831L199.106 48.1023L205.403 40.8171L201.16 38.7148L197.052 41.2573L192.65 37.5418L197.834 35.3905L193.041 29.3281H185.415L176.902 30.3063L177.589 36.4666L174.556 31.3815L162.916 34.7066L155.276 40.818L156.948 42.2355L153.916 46.0489L146.266 47.3686L147.754 51.1331L151.96 52.4039L145.334 53.5777L147.362 58.1737L154.209 58.4672L157.042 63.8457L156.455 73.6279L159.683 77.4412L157.727 83.9928L153.815 87.8061V97.4871L156.847 104.136L162.131 106.776Z" fill="#3C3C3B"/>
|
|
14
|
+
<path d="M213.241 155.229C213.339 155.229 219.11 152.784 219.11 152.784L229.869 151.806L231.728 155.033L230.065 157.184L233.488 159.335L243.074 163.051L244.541 161.584L244.052 159.922L246.791 158.456L251.193 160.803L257.551 161.977L259.801 160.803L261.659 161.292L262.637 163.737L266.256 173.026L268.995 176.351L269.583 180.654L272.811 185.25L278.875 191.215L279.658 193.464L284.255 192.778L289.635 191.018V194.995L286.211 201.383L279.266 207.641L272.321 216.637L273.299 222.602L274.668 224.069V230.033L275.158 230.914L272.614 234.337L265.767 238.541L266.94 244.119L265.767 246.075L262.441 246.955L262.343 250.671L258.626 255.562L253.148 260.06L248.746 260.647L243.562 261.918L240.627 258.495L241.41 256.638L238.769 250.967L236.715 248.522V242.264L232.704 234.734L232.9 231.702L235.346 226.911L236.032 224.271L234.858 221.728L235.054 220.554L233 215.86L232.413 214.296L228.989 210.189L229.967 205.398L229.576 202.855L227.522 201.975L224.88 202.757L222.337 199.53L217.25 199.921L213.436 202.073L210.109 201.192L204.339 202.463L197.1 196.988L195.144 192.979L191.625 190.24L192.016 188.285L191.135 187.014L192.994 181.929L192.307 178.018L191.426 176.356L195.339 169.706L197.492 167.262L202.284 163.546L203.067 159.341L208.251 153.865L209.522 155.238L213.241 155.229Z" fill="#3C3C3B"/>
|
|
15
|
+
<path d="M396.257 50.3049L394.986 47.5668L390.193 46.2959L385.791 49.5232L378.944 47.1763L375.911 45.8034L374.836 49.1276L374.149 46.096L367.4 46.5851L369.454 51.3767L363.389 54.7009L360.944 53.0388L362.215 57.9299L355.564 53.0388L352.14 49.0298L347.053 49.4211L348.128 53.1366L342.259 53.6257L343.042 51.5723L336.976 53.2344H333.357L329.152 59.9816L333.065 46.6812L327.486 42.8679L322.4 45.0191L321.91 42.4766L318.391 40.8145L316.141 42.3787L317.902 46.9747L313.5 50.6902L306.751 55.1883L308.805 61.4464L302.251 63.0107L307.436 68.0957L301.469 66.6292L299.904 69.563L297.557 66.2379L296.87 71.2252L300.489 78.3636L307.042 80.6127L300.978 79.5366L302.934 81.59L300.88 87.0664L299.413 86.3799L300.88 81.0014L297.457 74.939L295.501 71.3213L294.914 67.0188L291.001 66.921V72.5844L290.219 73.7668L290.414 75.1398L291.001 74.6507L292.175 78.3662L295.11 80.1261V81.5926L285.23 78.3653L283.958 79.2457L285.523 81.1035L284.35 82.9613L283.273 81.2991L277.6 84.0373V81.814L271.83 86.7755L271.143 88.5354L268.31 87.1625L270.072 85.7895L266.257 83.9318L268.116 90.6789L265.376 90.092L263.42 93.3193L264.3 95.0792L261.073 97.2304L257.257 95.2749L256.377 91.2659L254.225 89.5059L260.975 91.0702L263.909 89.6037L263.42 86.772L258.431 84.3273L250.117 81.7848L250.703 80.2205L246.4 78.754L238.575 82.0783L234.76 87.359L229.575 96.8443L222.435 102.809L223.022 110.73L225.37 112.001L228.109 111.12L229.575 108.48L232.607 115.032L231.629 116.596L234.368 117.769L234.759 115.813L236.715 115.226L237.302 110.728L240.042 107.403L237.404 105.262L237.991 101.744L240.436 98.7124L241.903 96.4633L241.708 94.5077L244.447 93.0412L246.599 94.7034L241.706 100.961L242.489 105.949L245.321 107.415L251.093 105.557L254.028 106.93L250.408 108.495L245.419 108.69L243.463 111.135L246.594 111.037L246.985 113.384L243.854 112.698L242.583 115.436L242.877 118.076L240.627 119.738L240.236 118.272L234.563 120.716L232.704 119.64L228.303 119.543L228.89 117.391L230.161 113.969L226.738 113.48L226.444 118.956L227.303 120.716L222.925 121.597L221.552 124.726L218.617 126.682L216.758 128.735L214.802 129.811L214.115 128.438L213.333 129.221L213.92 130.493L209.714 131.08L209.518 132.058L214.703 135.285L214.311 140.077H206.282L203.747 139.685V142.675L204.53 145.254L203.259 148.579L204.14 151.411H206.927L208.541 152.975L210.498 151.802L213.725 151.9L216.659 148.382L216.218 146.354L220.669 142.906L221.648 140.265L224.875 140.952L228.005 138.703L230.059 139.876L231.037 142.125L233.87 144.472L236.702 145.059L238.365 147.308L237.974 149.068L235.528 149.655L233.376 149.068L236.995 152.197L237.387 150.437L238.169 149.362L239.832 147.896L239.245 146.038L239.441 145.549L241.593 146.235L237.68 143.497L235.039 141.346L233.964 139.684L232.789 139.292L232.887 136.554H236.115L237.093 139.097L242.962 143.301L242.57 145.648L245.505 149.166L247.364 152.1L248.342 151.611L249.418 148.779L247.461 145.65C247.461 145.65 251.57 144.672 251.667 144.769C251.765 144.867 254.602 151.028 254.602 151.028L257.243 152.298L259.59 151.516L261.351 152.689L264.775 151.516L266.242 152.202L265.85 156.896L263.405 161.003L261.546 160.807L262.817 163.937L265.164 165.794L266.044 165.99L269.175 170.977L272.109 173.715L271.914 175.867L273.287 177.92L277.885 183.498L278.667 188.583L280.134 189.463L291.187 185.063L299.109 179.392L301.555 174.501L299.745 172.197L296.762 171.371L296.273 168.046L293.241 171.664H289.721L286.503 166.959L284.057 163.341L286.307 161.968L289.139 165.586L293.248 167.541L296.279 166.855L298.04 168.811L303.619 169.984L310.858 169.495L313.691 172.327L316.722 173.599L314.962 174.773L317.505 177.022L320.243 175.75L321.617 182.693L324.258 188.755L327.388 195.405L328.464 196.285L330.224 194.329L331.789 190.32L331.691 184.454L336.289 181.324L340.984 176.533L340.593 175.261L344.994 174.574L346.071 173.01L348.027 174.477L348.125 176.334L352.038 180.539L351.94 184.157L353.896 184.255L355.854 182.103L357.418 185.819L358.792 189.534L358.4 195.112L359.183 195.992L361.629 199.22L362.315 202.251L367.304 206.162L366.237 202.594L365.935 200.002L362.707 197.557L362.02 197.655L360.553 193.842L359.77 194.038L359.575 191.789L360.846 189.735L360.65 187.877L361.921 187.682V189.055L363.388 189.152L365.247 191.108L368.182 193.259L368.084 195.508L370.916 192.966L373.948 191.01L374.242 187.393L372.285 183.874L369.351 180.647L367.977 178.887L370.031 175.269L372.477 174.487L373.748 174.878L374.042 176.834L372.183 178.496L372.77 180.158L375.02 179.375L375.707 177.42L374.729 176.442L374.925 174.975L379.424 173.02L383.239 171.749L387.152 166.761L388.619 162.459L387.933 158.841L386.674 154.345L383.447 150.923L385.794 146.816L387.457 145.839L385.109 145.252L383.642 144.371L382.956 146.131L379.533 142.904L381.391 141.926L383.445 138.699L385.108 139.285L384.618 142.415L388.727 140.166L390.194 141.34L390.096 144.274H392.737L393.52 146.327H392.639L393.52 148.087L393.422 150.434L397.628 148.674L397.041 144.274L392.737 141.046L395.28 138.406L394.889 135.276L397.334 132.343L399.388 133.125L401.736 131.17L403.595 124.618L404.672 119.337L402.813 111.515L401.639 107.31L398.215 104.866L396.357 106.821L394.596 104.572L392.053 103.985L395.477 94.8896L396.846 89.9985L404.28 88.4342L404.084 87.0612L408.486 87.4525L407.703 88.6264L412.105 86.7686L410.051 85.3021L411.03 78.555L414.257 77.2841L416.409 81.0975L417.782 74.4482L420.228 79.2397L417.782 89.5068L417.489 97.2296L424.825 109.648L426.097 103.488L425.607 99.8699L428.053 98.4034L425.901 93.8075L427.074 93.514L425.216 89.7985L424.529 87.9408L423.648 88.5277L422.275 86.2786L422.569 81.9762L424.526 80.1184L425.309 81.9762L426.971 78.6511L430.003 80.024L431.376 73.0812L434.209 68.7787L437.042 69.17L429.316 61.8359L431.37 59.9782L431.664 55.7735L435.088 54.6975L440.273 57.6313L440.468 54.5997L437.436 52.4484L440.468 50.6971L440.176 48.8307L433.426 47.6577V50.1024L430.981 45.8978L417.971 43.7465L407.114 44.5291L410.633 48.8316L409.557 49.8098L405.351 47.1695L399.483 49.6142L398.602 51.1785L396.257 50.3049Z" fill="#3C3C3B"/>
|
|
16
|
+
<path d="M414.743 228.273L412.395 232.673L419.047 237.367L422.667 226.317L425.469 231.843L427.46 239.812L432.009 246.803L435.528 252.866L431.42 265.872L425.552 275.161L419.879 278.29L418.117 275.845L416.455 277.312L412.395 274.939L410.586 264.991L406.477 268.414L405.695 263.134L400.902 261.178L391.414 263.623L390.239 265.774L384.468 264.991L380.751 267.632L377.328 264.8L379.969 260.204L378.306 251.795L379.578 244.852L387.012 240.647L390.925 239.767L393.859 234.584L400.608 231.066L403.641 232.439L405.891 228.136L411.76 227.647L414.743 228.273Z" fill="#3C3C3B"/>
|
|
17
|
+
<path d="M287.191 226.512L284.941 230.716L279.855 233.455L279.365 235.997L279.855 237.757L278.094 242.353L278.681 245.775L280.931 247.047L283.279 246.558L287.876 234.725L287.974 232.965L288.855 232.084L288.414 227.928L287.191 226.512Z" fill="#3C3C3B"/>
|
|
18
|
+
<path d="M416.699 280.394L418.46 281.762L421.101 281.175L419.727 285.576L416.695 287.514L415.62 284.304L416.699 280.394Z" fill="#3C3C3B"/>
|
|
19
|
+
<path d="M354.586 200.405C354.782 200.503 358.498 202.165 358.498 202.165L361.921 205.197L366.127 208.229L367.106 210.673L370.138 213.118L369.746 217.616L365.834 215.954L360.845 208.718L356.345 203.241L354.096 201.188L354.586 200.405Z" fill="#3C3C3B"/>
|
|
20
|
+
<path d="M374.949 206.175L374.263 209.007L375.914 211.06L376.208 213.016L382.371 213.994V214.805L384.62 213.994L387.066 207.443L388.925 207.247L387.066 205.78L387.163 202.749L389.218 202.062L388.044 199.813L385.598 198.249L383.348 201.574L381.74 201.781L380.071 204.262L377.625 205.045L377.332 206.751L374.949 206.175Z" fill="#3C3C3B"/>
|
|
21
|
+
<path d="M397.458 206.531L395.914 207.495L391.75 207.013L388.772 213.167L389.36 217.567L391.12 217.274L390.924 212.971L392.881 215.905L394.254 214.439L393.275 211.7L397.775 207.104L397.458 206.531Z" fill="#3C3C3B"/>
|
|
22
|
+
<path d="M369.896 218.056L370.853 217.566L376.253 219.033L377.025 218.299L381.931 220.498V221.572L376.257 220.792L373.127 220.401L369.896 218.056Z" fill="#3C3C3B"/>
|
|
23
|
+
<path d="M406.233 210.574L409.656 209.498L410.83 212.627L412.786 213.8L415.819 211.062L420.905 212.627L426.676 215.071L428.702 217.565L430.394 218.005L430.785 218.885L429.123 219.178L430.496 221.231L434.015 224.85H432.433L426.483 220.254L424.037 221.917L423.35 223.09L418.753 220.645L415.524 221.623L417.139 219.52L415.965 216.294L410.488 214.339L409.021 214.925L408.042 212.676L410.094 212.048L406.233 210.574Z" fill="#3C3C3B"/>
|
|
24
|
+
<path d="M409.658 126.968C409.854 127.066 415.527 129.999 415.527 129.999V132.393L413.472 134.4L410.244 133.421L410.538 136.453L412.592 138.927L413.278 144.863L413.182 148.09L409.073 151.024L407.411 149.264V152.64L403.793 153.762L401.445 157.868L399.977 156.695L400.369 153.762L399.293 153.37L401.934 150.045L406.678 148.725L407.411 146.565L409.906 144.716L410.885 139.825L409.906 138.357L410.298 136.695L408.537 133.761L409.91 131.708L409.658 126.968Z" fill="#3C3C3B"/>
|
|
25
|
+
<path d="M212.85 111.714C212.85 111.714 211.187 113.767 211.285 113.767H214.001L212.556 116.799L214.415 118.363L214.806 119.927L216.077 120.71L216.694 123.497H218.282L218.719 124.719L217.643 126.283L217.741 126.87L214.024 127.945L209.231 129.021L212.655 126.19L209.721 125.603L210.751 122.522L212.316 121.836L211.925 119.293L209.87 119.782V117.24L208.697 116.261L208.991 113.915L206.937 113.425L208.795 113.132L211.143 111.372L212.85 111.714Z" fill="#3C3C3B"/>
|
|
26
|
+
<path d="M209.475 120.661L208.302 121.348V124.791L204.682 126.335L202.628 125.064L204.584 122.717L203.264 121.132L204.369 120.198L205.367 120.564L205.661 119.586L205.367 119.195L207.519 118.217L208.791 119.195L209.475 120.661Z" fill="#3C3C3B"/>
|
|
27
|
+
<path d="M284.94 53.8252L285.332 56.8568L277.996 63.4083L276.529 72.8937L279.659 77.1962L272.518 75.2406L273.497 64.5822L279.757 56.8594L284.94 53.8252Z" fill="#3C3C3B"/>
|
|
28
|
+
<path d="M189.96 92.4521C190.058 92.6478 191.819 94.7012 191.819 94.7012L193.977 93.5762L197.533 92.4521L200.525 95.5816L197.982 99.0997L193.384 100.762L189.57 98.415L189.766 96.9485L188.103 95.9703L187.907 94.0147L189.96 92.4521Z" fill="#3C3C3B"/>
|
|
29
|
+
<path d="M113.272 58.6172H110.637L109.751 57.542L108.083 61.4034L106.327 60.6697L106.621 64.9722L107.307 67.2212L110.14 66.0482L111.803 62.8218L110.726 61.9414L113.272 58.6172Z" fill="#3C3C3B"/>
|
|
30
|
+
<path d="M164.821 32.2152L150.149 42.3853H144.539V46.0665L139.194 50.4033L135.77 49.2303L138.705 52.4576L135.77 54.4878L126.477 50.798L133.226 45.2205L129.999 42.3888L128.923 34.3699L135.869 28.8944L138.901 36.522L145.94 36.4242L145.646 35.1645L139.875 35.0555L138.408 27.428L145.646 25.9846L147.309 27.8192L149.463 23.999L158.854 25.0751L162.571 27.5198L164.821 32.2152Z" fill="#3C3C3B"/>
|
|
31
|
+
<path d="M142.226 124.133L141.053 125.506L137.238 131.373L142.818 131.765L143.307 132.451L145.459 130.398L144.544 128.295L141.351 128.557L141.742 126.583L143.503 124.237L142.226 124.133Z" fill="#3C3C3B"/>
|
|
32
|
+
<path d="M101.534 42.874L96.0557 46.7852L101.534 49.0574L97.2298 50.602L104.175 50.8954L107.008 51.3846L109.062 47.8664L107.79 43.5639L104.099 47.3773L101.534 42.874Z" fill="#3C3C3B"/>
|
|
33
|
+
<path d="M111.465 47.127L112.248 53.5806L115.228 53.9239L118.646 47.3724L113.957 49.1323L111.465 47.127Z" fill="#3C3C3B"/>
|
|
34
|
+
<path d="M120.022 49.132L122.663 50.9898L120.511 56.4661L126.478 59.6411L133.423 60.0838L134.596 56.4661L130.195 54.9018L125.695 55.0975L124.424 52.0658L125.5 50.9898L123.94 49.132L120.707 46.7852L120.022 49.132Z" fill="#3C3C3B"/>
|
|
35
|
+
</g>
|
|
36
|
+
<path d="M209.167 94.1034C208.43 93.2917 207.948 92.2806 207.782 91.1966C207.616 90.1126 207.773 89.0037 208.235 88.0086C208.696 87.0136 209.44 86.1765 210.374 85.602C211.309 85.0275 212.392 84.7411 213.488 84.7787C214.585 84.8162 215.645 85.176 216.538 85.8131C217.431 86.4501 218.117 87.3362 218.508 88.3605C218.9 89.3847 218.981 90.5018 218.742 91.5719C218.502 92.642 217.952 93.6178 217.161 94.3771L213.298 99.3377L209.167 94.1034Z" fill="white"/>
|
|
37
|
+
<path d="M291.57 140.439C290.833 139.628 290.351 138.617 290.185 137.533C290.019 136.448 290.176 135.34 290.637 134.345C291.098 133.35 291.843 132.512 292.777 131.938C293.712 131.363 294.795 131.077 295.891 131.115C296.987 131.152 298.048 131.512 298.941 132.149C299.834 132.786 300.519 133.672 300.911 134.696C301.303 135.721 301.384 136.838 301.145 137.908C300.905 138.978 300.355 139.954 299.563 140.713L295.701 145.674L291.57 140.439Z" fill="white"/>
|
|
38
|
+
<path d="M224.276 111.351C226.409 111.351 228.138 109.622 228.138 107.489C228.138 105.357 226.409 103.628 224.276 103.628C222.142 103.628 220.413 105.357 220.413 107.489C220.413 109.622 222.142 111.351 224.276 111.351Z" fill="white"/>
|
|
39
|
+
<path d="M355.607 126.001C357.74 126.001 359.469 124.272 359.469 122.14C359.469 120.007 357.74 118.278 355.607 118.278C353.474 118.278 351.744 120.007 351.744 122.14C351.744 124.272 353.474 126.001 355.607 126.001Z" fill="white"/>
|
|
40
|
+
<path d="M228.138 170.988C230.271 170.988 232.001 169.26 232.001 167.127C232.001 164.994 230.271 163.266 228.138 163.266C226.005 163.266 224.275 164.994 224.275 167.127C224.275 169.26 226.005 170.988 228.138 170.988Z" fill="white"/>
|
|
41
|
+
<path d="M134.576 207.027C136.709 207.027 138.439 205.299 138.439 203.166C138.439 201.033 136.709 199.305 134.576 199.305C132.443 199.305 130.713 201.033 130.713 203.166C130.713 205.299 132.443 207.027 134.576 207.027Z" fill="white"/>
|
|
42
|
+
<path d="M328.652 157.688C330.785 157.688 332.514 155.959 332.514 153.826C332.514 151.694 330.785 149.965 328.652 149.965C326.518 149.965 324.789 151.694 324.789 153.826C324.789 155.959 326.518 157.688 328.652 157.688Z" fill="white"/>
|
|
43
|
+
<path d="M363.332 184.288C365.465 184.288 367.195 182.559 367.195 180.427C367.195 178.294 365.465 176.565 363.332 176.565C361.199 176.565 359.469 178.294 359.469 180.427C359.469 182.559 361.199 184.288 363.332 184.288Z" fill="white"/>
|
|
44
|
+
</svg>
|