Skip to content

Commit

Permalink
chore: rename css-color token
Browse files Browse the repository at this point in the history
  • Loading branch information
DaryaLari committed Mar 23, 2024
1 parent 680e05c commit ec870dc
Show file tree
Hide file tree
Showing 23 changed files with 38 additions and 38 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ npm install --save-dev @gravity-ui/illustrations

#### Preparation

Define `--gil-color-secondary-theme` css-token in your app:
Define `--gil-color-underlay` css-token in your app:

```scss
--gil-color-secondary-theme: rgba(240, 243, 245, 1);
--gil-color-underlay: rgba(240, 243, 245, 1);
```

or use mixins in scss:
Expand Down
2 changes: 1 addition & 1 deletion src/components/AccessDenied.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const AccessDenied = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M299.159 107.104C299.159 131.855 289.254 191.177 289.254 224.446C289.254 257.715 289.254 330.967 261.438 358.824C233.623 386.682 199.504 374.958 199.504 374.958C199.504 374.958 152.778 387.984 123.161 360.127C93.545 332.269 63.0281 276.454 54.0231 244.588C44.1176 209.515 27.5084 195.186 26.2077 187.971C24.9069 180.756 29.8096 175.846 38.3144 175.345C46.8191 174.944 61.2271 179.353 72.8335 197.39C84.44 215.428 90.3432 223.444 96.6467 233.365C102.95 243.285 117.258 256.713 117.258 256.713C117.258 256.713 117.658 211.72 118.559 192.48C119.459 173.14 116.758 80.5487 120.36 59.906C123.962 39.2633 146.875 39.6641 149.076 55.8977C151.277 72.0311 157.881 122.836 158.881 135.863C159.882 148.89 162.583 180.355 162.583 180.355L170.188 177.649C170.188 177.649 169.287 71.6302 169.287 44.4741C169.287 15.2136 198.003 15.2136 201.605 40.4658C205.207 65.718 208.309 183.562 208.309 183.562L215.012 186.267C215.012 186.267 217.214 74.3358 220.816 56.3987C224.418 38.4616 247.33 38.8625 250.932 61.3089C254.534 83.7553 252.233 133.659 251.833 155.704C251.433 177.75 250.932 199.294 250.932 199.294L256.335 203.303C256.335 203.303 267.341 129.851 270.743 103.997C274.445 76.1396 299.159 82.4526 299.159 107.104Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M303.362 288.98L86.3413 301.005C79.0373 301.406 73.0339 295.794 73.0339 288.479V120.732C73.0339 113.417 79.0373 107.805 86.3413 108.206L303.362 120.231C308.965 120.531 313.467 125.943 313.467 132.256V276.955C313.467 283.268 308.965 288.679 303.362 288.98Z"
Expand Down
4 changes: 2 additions & 2 deletions src/components/Bucket.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,13 @@ const Bucket = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M54.7952 368H277.154C291.351 368 302.949 356.493 302.949 342.185V180.689C302.949 166.48 291.451 154.874 277.154 154.874H54.7952C40.5978 154.874 29 166.38 29 180.689V342.185C29.1 356.493 40.5978 368 54.7952 368Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M261.956 248.629H69.9923V121.254C69.9923 71.424 110.385 31 160.175 31H171.773C221.564 31 261.956 71.424 261.956 121.254V248.629Z"
stroke="var(--gil-color-secondary-theme)"
stroke="var(--gil-color-underlay)"
strokeWidth={34}
/>
<path
Expand Down
4 changes: 2 additions & 2 deletions src/components/Chart.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,13 @@ const Chart = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M128.282 29.3382V72.6213C128.282 74.7253 129.783 76.5288 131.884 76.9295C160.397 82.0393 181.807 107.488 180.706 137.746C179.606 168.706 154.394 193.854 123.58 195.056C93.3668 196.158 68.0555 174.717 62.8531 146.263C62.4529 144.159 60.6521 142.656 58.5512 142.656H15.3318C12.7306 142.656 10.7297 144.86 11.0299 147.365C16.9325 203.472 64.5539 247.056 122.28 246.555C182.507 246.054 231.629 196.76 232.129 136.444C232.629 78.6328 189.01 30.9412 132.985 25.0299C130.483 24.7293 128.282 26.7332 128.282 29.3382Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M49.9473 56.4903L80.461 87.0489C81.9617 88.5518 84.3628 88.7522 86.1636 87.4497C93.2668 82.1395 101.671 78.5326 110.775 76.8293C112.876 76.4286 114.376 74.7253 114.376 72.5211V29.3382C114.376 26.7332 112.175 24.7293 109.574 25.0299C87.164 27.4345 66.6548 36.4518 50.2475 50.1782C48.2466 51.7812 48.1465 54.6868 49.9473 56.4903ZM33.8401 67.0116C21.4345 83.0424 13.2309 102.48 11.0299 123.721C10.7297 126.225 12.8307 128.43 15.3318 128.43H58.4512C60.5521 128.43 62.3529 126.927 62.7531 124.823C64.1537 116.807 67.2551 109.293 71.557 102.78C72.6575 101.077 72.4574 98.7726 71.0568 97.2697L40.343 66.7111C38.5422 64.8074 35.4408 65.0078 33.8401 67.0116ZM149.092 251.262H205.617C208.819 251.262 211.42 253.867 211.52 257.174V369.089C211.52 372.395 208.819 375 205.617 375H149.092C145.79 375 143.189 372.295 143.189 369.089V257.174C143.189 253.867 145.89 251.262 149.092 251.262ZM282.452 297.753H226.126C222.825 297.753 220.124 300.459 220.124 303.765V368.89C220.124 372.196 222.825 374.902 226.126 374.902H282.452C285.753 374.902 288.454 372.196 288.454 368.89V303.765C288.454 300.459 285.753 297.753 282.452 297.753ZM303.361 329.115H359.186C362.588 329.115 365.389 331.92 365.389 335.327V368.591C365.389 371.997 362.588 374.803 359.186 374.803H303.361C299.96 374.803 297.158 371.997 297.158 368.591V335.327C297.158 331.92 299.96 329.115 303.361 329.115Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<g>
<path
Expand Down
4 changes: 2 additions & 2 deletions src/components/Database.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ const Database = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M174.299 148.269H87.8584C82.2557 148.269 77.6536 143.675 77.6536 138.081V121.402C77.6536 115.809 82.2557 111.214 87.8584 111.214H174.299C179.902 111.214 184.504 115.809 184.504 121.402V138.081C184.504 143.675 179.902 148.269 174.299 148.269Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M110.469 312.267H31.5313C14.6233 312.267 5.91919 289.494 14.1231 275.911C23.4275 260.63 42.8367 264.125 42.8367 264.125C42.8367 264.125 35.5332 234.961 58.9443 234.961H79.2539V178.031C79.2539 165.446 80.1543 156.957 99.2634 156.957H210.316V60.1752H288.153C299.158 60.1752 308.062 69.8633 308.062 81.7488V149.166H327.171C334.775 149.166 340.878 155.259 340.878 162.849V255.935C340.878 255.935 363.789 252.54 371.192 262.228C378.596 271.916 373.693 285.2 373.693 285.2C373.693 285.2 388 287.796 388 302.179C388 315.762 379.396 320.357 355.885 320.357H112.47L110.469 312.267Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M189.206 243.252C188.101 243.252 187.206 244.147 187.206 245.252C187.206 246.356 188.101 247.252 189.206 247.252V243.252ZM44.5381 253.343C44.5381 254.448 45.4335 255.343 46.5381 255.343C47.6427 255.343 48.5381 254.448 48.5381 253.343H44.5381ZM48.5381 245.253C48.5381 244.149 47.6427 243.253 46.5381 243.253C45.4335 243.253 44.5381 244.149 44.5381 245.253H48.5381ZM187.205 253.343C187.205 254.448 188.101 255.343 189.205 255.343C190.31 255.343 191.205 254.448 191.205 253.343H187.205ZM191.205 245.253C191.205 244.149 190.31 243.253 189.205 243.253C188.101 243.253 187.205 244.149 187.205 245.253H191.205ZM46.5383 174.738V172.738C45.4337 172.738 44.5383 173.633 44.5383 174.738H46.5383ZM189.206 174.738H191.206C191.206 173.633 190.31 172.738 189.206 172.738V174.738ZM189.206 182.928V184.928C190.31 184.928 191.206 184.033 191.206 182.928H189.206ZM46.5383 182.928H44.5383C44.5383 184.033 45.4337 184.928 46.5383 184.928V182.928ZM46.5383 315.765V313.765C45.4338 313.765 44.5383 314.661 44.5383 315.765H46.5383ZM189.206 315.765H191.206C191.206 314.661 190.31 313.765 189.206 313.765V315.765ZM189.206 323.955V325.955C190.31 325.955 191.206 325.06 191.206 323.955H189.206ZM46.5383 323.955H44.5383C44.5383 325.06 45.4338 325.955 46.5383 325.955V323.955ZM189.206 313.765H46.6385V317.765H189.206V313.765ZM46.6385 313.765C41.8493 313.765 38.0334 309.876 38.0334 305.178H34.0334C34.0334 312.067 39.622 317.765 46.6385 317.765V313.765ZM38.0334 305.178V264.029H34.0334V305.178H38.0334ZM38.0334 264.029C38.0334 259.256 41.9248 255.442 46.6385 255.442V251.442C39.7467 251.442 34.0334 257.016 34.0334 264.029H38.0334ZM46.6385 255.442H189.206V251.442H46.6385V255.442ZM189.206 255.442C193.995 255.442 197.811 259.331 197.811 264.029H201.811C201.811 257.14 196.222 251.442 189.206 251.442V255.442ZM197.811 264.029V305.178H201.811V264.029H197.811ZM197.811 305.178C197.811 309.876 193.995 313.765 189.206 313.765V317.765C196.222 317.765 201.811 312.067 201.811 305.178H197.811ZM189.206 243.252H46.6385V247.252H189.206V243.252ZM46.6385 243.252C41.8493 243.252 38.0334 239.362 38.0334 234.665H34.0334C34.0334 241.553 39.622 247.252 46.6385 247.252V243.252ZM38.0334 234.665V193.515H34.0334V234.665H38.0334ZM38.0334 193.515C38.0334 188.742 41.9248 184.928 46.6385 184.928V180.928C39.7467 180.928 34.0334 186.502 34.0334 193.515H38.0334ZM46.6385 184.928H189.206V180.928H46.6385V184.928ZM189.206 184.928C193.995 184.928 197.811 188.818 197.811 193.515H201.811C201.811 186.627 196.222 180.928 189.206 180.928V184.928ZM197.811 193.515V234.665H201.811V193.515H197.811ZM197.811 234.665C197.811 239.362 193.995 243.252 189.206 243.252V247.252C196.222 247.252 201.811 241.553 201.811 234.665H197.811ZM48.5381 253.343V245.253H44.5381V253.343H48.5381ZM44.5381 245.253V253.343H48.5381V245.253H44.5381ZM191.205 253.343V245.253H187.205V253.343H191.205ZM187.205 245.253V253.343H191.205V245.253H187.205ZM46.5383 176.738H189.206V172.738H46.5383V176.738ZM187.206 174.738V182.928H191.206V174.738H187.206ZM189.206 180.928H46.5383V184.928H189.206V180.928ZM48.5383 182.928V174.738H44.5383V182.928H48.5383ZM46.5383 317.765H189.206V313.765H46.5383V317.765ZM187.206 315.765V323.955H191.206V315.765H187.206ZM189.206 321.955H46.5383V325.955H189.206V321.955ZM48.5383 323.955V315.765H44.5383V323.955H48.5383Z"
Expand Down
4 changes: 2 additions & 2 deletions src/components/Detail.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Detail = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M194.9 47.4081C194.9 40.0036 188.9 34 181.5 34H39.4C32 34 26 40.0036 26 47.3081V262.639C26 270.043 32 276.047 39.4 276.047H314.3C321.7 276.047 327.7 270.043 327.7 262.639V74.1244C327.7 66.7199 321.7 60.7162 314.3 60.7162H208.3C200.9 60.7162 194.9 54.8126 194.9 47.4081Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down Expand Up @@ -83,7 +83,7 @@ const Detail = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M336.5 99.338C325 96.4362 313.3 103.34 310.4 114.847C307.5 126.354 314.4 138.061 325.9 140.963C329.5 141.864 333.2 141.864 336.5 140.963V99.338Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down
6 changes: 3 additions & 3 deletions src/components/Disk.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,15 @@ const Disk = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M367.289 339.492H32.6109C28.4049 339.492 25 336.091 25 331.889V301.98C25 297.779 28.4049 294.378 32.6109 294.378H367.389C371.595 294.378 375 297.779 375 301.98V331.889C374.9 336.091 371.495 339.492 367.289 339.492Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M362.482 322.987V200.45C362.482 196.249 359.077 192.848 354.871 192.848H292.783L292.883 32.4001C292.883 32.2001 292.683 32 292.482 32H193.04C173.312 32 171.109 43.0033 171.109 55.0068V251.565H91.9958C82.8828 251.565 75.3721 259.068 75.3721 268.17V322.887H362.482V322.987Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M139.063 151.236H44.9285C41.2232 151.236 38.3191 154.236 38.3191 157.838V316.385C38.3191 320.086 41.3234 322.987 44.9285 322.987H139.063C142.768 322.987 145.672 319.986 145.672 316.385V157.838C145.672 154.236 142.668 151.236 139.063 151.236Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down
2 changes: 1 addition & 1 deletion src/components/Feature.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Feature = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M241.256 38H165.835V165.894H144.657V109.609H66.5395C58.9475 109.609 52.754 115.818 52.754 123.43V187.928H28.7792C22.7855 187.928 17.8906 192.835 17.8906 198.844V291.185H15.4932C11.897 291.185 9 294.089 9 297.695V322.733C9 326.338 11.897 329.243 15.4932 329.243H255.641L257.738 321.831L267.928 250.323V53.7239C267.928 42.1062 260.236 38 241.256 38Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
d="M390.997 305.103H388.997C388.997 305.122 388.998 305.141 388.998 305.16L390.997 305.103ZM384.604 309.513C383.5 309.513 382.604 310.408 382.604 311.513C382.604 312.617 383.5 313.513 384.604 313.513V309.513ZM323.668 298.595L321.776 297.947C321.567 298.558 321.665 299.232 322.041 299.757C322.416 300.283 323.022 300.595 323.668 300.595V298.595ZM378.51 298.595V300.595C379.157 300.595 379.763 300.282 380.138 299.756C380.514 299.23 380.612 298.555 380.402 297.944L378.51 298.595ZM355.335 231.192L357.226 230.542C357.222 230.53 357.218 230.518 357.214 230.507L355.335 231.192ZM341.55 244.215C340.445 244.215 339.55 245.11 339.55 246.215C339.55 247.319 340.445 248.215 341.55 248.215V244.215ZM360.23 248.215C361.335 248.215 362.23 247.319 362.23 246.215C362.23 245.11 361.335 244.215 360.23 244.215V248.215ZM335.156 262.443C334.051 262.443 333.156 263.338 333.156 264.443C333.156 265.547 334.051 266.443 335.156 266.443V262.443ZM366.723 266.443C367.827 266.443 368.723 265.547 368.723 264.443C368.723 263.338 367.827 262.443 366.723 262.443V266.443ZM329.263 279.569C328.158 279.569 327.263 280.464 327.263 281.569C327.263 282.673 328.158 283.569 329.263 283.569V279.569ZM372.517 283.569C373.622 283.569 374.517 282.673 374.517 281.569C374.517 280.464 373.622 279.569 372.517 279.569V283.569ZM79.825 91.9805V89.9805C78.7204 89.9805 77.825 90.8759 77.825 91.9805H79.825ZM221.776 91.9805H223.776C223.776 90.8759 222.88 89.9805 221.776 89.9805V91.9805ZM221.776 208.558V210.558C222.88 210.558 223.776 209.662 223.776 208.558H221.776ZM79.825 208.558H77.825C77.825 209.662 78.7204 210.558 79.825 210.558V208.558ZM95.0092 107.609C93.9046 107.609 93.0092 108.504 93.0092 109.609C93.0092 110.713 93.9046 111.609 95.0092 111.609V107.609ZM202.896 111.609C204 111.609 204.896 110.713 204.896 109.609C204.896 108.504 204 107.609 202.896 107.609V111.609ZM95.0089 124.733C93.9043 124.733 93.0089 125.629 93.0089 126.733C93.0089 127.838 93.9043 128.733 95.0089 128.733V124.733ZM202.895 128.733C204 128.733 204.895 127.838 204.895 126.733C204.895 125.629 204 124.733 202.895 124.733V128.733ZM384.604 309.513H317.275V313.513H384.604V309.513ZM317.275 309.513C314.808 309.513 312.882 307.529 312.882 305.103H308.882C308.882 309.687 312.549 313.513 317.275 313.513V309.513ZM312.882 305.103C312.882 302.617 314.868 300.693 317.275 300.693V296.693C312.69 296.693 308.882 300.377 308.882 305.103H312.882ZM317.275 300.693H384.604V296.693H317.275V300.693ZM384.604 300.693C387.071 300.693 388.997 302.677 388.997 305.103H392.997C392.997 300.518 389.33 296.693 384.604 296.693V300.693ZM388.998 305.16C389.065 307.489 387.123 309.513 384.604 309.513V313.513C389.277 313.513 393.13 309.727 392.997 305.046L388.998 305.16ZM344.852 230.544L321.776 297.947L325.56 299.242L348.636 231.84L344.852 230.544ZM323.668 300.595H378.51V296.595H323.668V300.595ZM380.402 297.944L357.226 230.542L353.443 231.842L376.619 299.245L380.402 297.944ZM357.214 230.507C355.098 224.709 346.885 224.573 344.851 230.547L348.637 231.837C349.399 229.599 352.575 229.463 353.456 231.878L357.214 230.507ZM341.55 248.215H360.23V244.215H341.55V248.215ZM360.23 244.215H341.55V248.215H360.23V244.215ZM335.156 266.443H366.723V262.443H335.156V266.443ZM366.723 262.443H335.156V266.443H366.723V262.443ZM329.263 283.569H372.517V279.569H329.263V283.569ZM372.517 279.569H329.263V283.569H372.517V279.569ZM79.825 93.9805H221.776V89.9805H79.825V93.9805ZM219.776 91.9805V208.558H223.776V91.9805H219.776ZM221.776 206.558H79.825V210.558H221.776V206.558ZM81.825 208.558V91.9805H77.825V208.558H81.825ZM95.0092 111.609H202.896V107.609H95.0092V111.609ZM202.896 107.609H95.0092V111.609H202.896V107.609ZM95.0089 128.733H202.895V124.733H95.0089V128.733ZM202.895 124.733H95.0089V128.733H202.895V124.733Z"
Expand Down
2 changes: 1 addition & 1 deletion src/components/Folder.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Folder = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M376.31 256.698H371.517V200.798C371.517 196.598 368.122 193.198 363.927 193.198H302.011L302.111 44.7984C302.111 44.5984 301.912 44.3984 301.712 44.3984H202.547C182.873 44.3984 180.676 55.3984 180.676 67.3984V213.898H155.311V160.098C155.311 156.398 152.315 153.498 148.72 153.498H54.8472C51.1523 153.498 48.2562 156.498 48.2562 160.098V256.598H42.5639C38.3696 256.598 34.9742 259.998 34.9742 264.198V294.098C34.9742 298.298 38.3696 301.698 42.5639 301.698H376.41C380.605 301.698 384 298.298 384 294.098V264.198C383.9 260.098 380.505 256.698 376.31 256.698Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down
2 changes: 1 addition & 1 deletion src/components/History.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const History = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M323.363 91.6462V73.7208C323.363 70.316 320.766 67.6122 317.469 67.4119C303.784 66.9112 269.123 65.6094 240.355 65.6094C203.795 65.6094 180.721 90.2442 180.721 90.2442C180.721 90.2442 157.546 65.7095 120.987 65.7095C92.3188 65.7095 57.5573 66.9112 43.8724 67.5121C40.5761 67.6122 37.979 70.4162 37.979 73.821V91.7463H25.1931C21.7969 91.7463 19 94.5503 19 98.0552V289.526C19 293.031 21.7969 295.835 25.1931 295.835H336.249C339.645 295.835 342.442 293.031 342.442 289.526V97.9551C342.442 94.4501 339.645 91.6462 336.249 91.6462H323.363Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down
2 changes: 1 addition & 1 deletion src/components/Identity.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Identity = (props: SVGProps<SVGSVGElement>) => (
<g>
<path
d="M25.5808 130.824H104.165C108.652 130.824 112.841 133.322 115.135 137.32L171.878 238.755C176.865 247.649 189.43 247.349 194.018 238.255L288.857 51.2748C291.051 46.9776 295.339 44.2793 300.026 44.2793H373.424C382.898 44.2793 388.981 54.6726 384.494 63.2671L229.321 362.076C212.267 394.055 168.089 395.554 148.942 364.874L15.0099 150.711C9.6247 142.117 15.708 130.824 25.5808 130.824Z"
fill="var(--gil-color-secondary-theme)"
fill="var(--gil-color-underlay)"
/>
<path
fillRule="evenodd"
Expand Down
Loading

0 comments on commit ec870dc

Please sign in to comment.