-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* backstage: bundle o3 compnents using `tsup` and configure packge.json to support better imports for consumers --------- Co-authored-by: Lee Moody <[email protected]>
- Loading branch information
Showing
31 changed files
with
1,702 additions
and
207 deletions.
There are no files selected for viewing
52 changes: 36 additions & 16 deletions
52
apps/for-everyone-website/src/components/ButtonAnatomy.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,39 @@ | ||
| --- | ||
| import { Button } from '@financial-times/o3-button/jsx'; | ||
| import {Button} from '@financial-times/o3-button'; | ||
| --- | ||
| <svg aria-describedby="An annotated image of a button. The button text is marked (1, label); the outer box of the button marked to (2, container); the left aligned icon of the button marked (3)." width="625" height="298" viewBox="0 0 625 298" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <foreignObject width="169" height="80" y="95" x="233"> | ||
| <div style="padding: 20px;"> | ||
| <Button label="example" type="primary" icon="search" /> | ||
| </div> | ||
| </foreignObject> | ||
| <line x1="372" y1="138.847" x2="420" y2="138.847" stroke="#990F3D"/> | ||
| <path d="M415 137.847C415 131.496 420.149 126.347 426.5 126.347C432.851 126.347 438 131.496 438 137.847V138.847C438 145.198 432.851 150.347 426.5 150.347C420.149 150.347 415 145.198 415 138.847V137.847Z" fill="#990F3D"/> | ||
| <path d="M423.91 136.003V134.731H429.046L427.15 138.223C427.542 138.311 427.882 138.467 428.17 138.691C428.466 138.915 428.694 139.195 428.854 139.531C429.014 139.867 429.094 140.251 429.094 140.683C429.094 141.259 428.958 141.759 428.686 142.183C428.422 142.599 428.07 142.923 427.63 143.155C427.19 143.379 426.71 143.491 426.19 143.491C425.63 143.491 425.162 143.423 424.786 143.287C424.418 143.143 424.098 142.967 423.826 142.759V141.271C424.13 141.567 424.478 141.799 424.87 141.967C425.27 142.135 425.678 142.219 426.094 142.219C426.438 142.219 426.734 142.167 426.982 142.063C427.23 141.951 427.422 141.783 427.558 141.559C427.702 141.335 427.774 141.047 427.774 140.695C427.774 140.319 427.666 140.011 427.45 139.771C427.234 139.523 426.938 139.343 426.562 139.231C426.194 139.111 425.778 139.051 425.314 139.051L426.958 136.003H423.91Z" fill="white"/> | ||
| <line x1="205" y1="138.847" x2="253" y2="138.847" stroke="#990F3D"/> | ||
| <path d="M187 137.847C187 132.048 191.701 127.347 197.5 127.347C203.299 127.347 208 132.048 208 137.847V138.847C208 144.646 203.299 149.347 197.5 149.347C191.701 149.347 187 144.646 187 138.847V137.847Z" fill="#990F3D"/> | ||
| <path d="M198.838 134.731V143.347H197.41V136.483L195.514 137.443V135.967L197.986 134.731H198.838Z" fill="white"/> | ||
| <line x1="306.5" y1="195.347" x2="306.5" y2="147.347" stroke="#990F3D"/> | ||
| <path d="M296 193.847C296 188.048 300.701 183.347 306.5 183.347C312.299 183.347 317 188.048 317 193.847V194.847C317 200.646 312.299 205.347 306.5 205.347C300.701 205.347 296 200.646 296 194.847V193.847Z" fill="#990F3D"/> | ||
| <path d="M306.18 198.075H309.228V199.347H303.624L306.132 196.071C306.404 195.711 306.656 195.375 306.888 195.063C307.12 194.743 307.304 194.431 307.44 194.127C307.584 193.815 307.656 193.495 307.656 193.167C307.656 192.791 307.54 192.487 307.308 192.255C307.084 192.015 306.744 191.895 306.288 191.895C305.96 191.895 305.644 191.955 305.34 192.075C305.044 192.187 304.768 192.335 304.512 192.519C304.256 192.695 304.028 192.883 303.828 193.083V191.643C304.124 191.331 304.5 191.079 304.956 190.887C305.42 190.687 305.908 190.587 306.42 190.587C306.956 190.587 307.42 190.691 307.812 190.899C308.212 191.099 308.52 191.391 308.736 191.775C308.96 192.151 309.072 192.599 309.072 193.119C309.072 193.503 308.992 193.883 308.832 194.259C308.68 194.635 308.476 195.011 308.22 195.387C307.964 195.763 307.684 196.147 307.38 196.539L306.18 198.075Z" fill="white"/> | ||
|
|
||
| <svg | ||
| aria-describedby="An annotated image of a button. The button text is marked (1, label); the outer box of the button marked to (2, container); the left aligned icon of the button marked (3)." | ||
| width="625" | ||
| height="298" | ||
| viewBox="0 0 625 298" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <foreignObject width="169" height="80" y="95" x="233"> | ||
| <div style="padding: 20px;"> | ||
| <Button label="example" type="primary" icon="search" /> | ||
| </div> | ||
| </foreignObject> | ||
| <line x1="372" y1="138.847" x2="420" y2="138.847" stroke="#990F3D"></line> | ||
| <path | ||
| d="M415 137.847C415 131.496 420.149 126.347 426.5 126.347C432.851 126.347 438 131.496 438 137.847V138.847C438 145.198 432.851 150.347 426.5 150.347C420.149 150.347 415 145.198 415 138.847V137.847Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M423.91 136.003V134.731H429.046L427.15 138.223C427.542 138.311 427.882 138.467 428.17 138.691C428.466 138.915 428.694 139.195 428.854 139.531C429.014 139.867 429.094 140.251 429.094 140.683C429.094 141.259 428.958 141.759 428.686 142.183C428.422 142.599 428.07 142.923 427.63 143.155C427.19 143.379 426.71 143.491 426.19 143.491C425.63 143.491 425.162 143.423 424.786 143.287C424.418 143.143 424.098 142.967 423.826 142.759V141.271C424.13 141.567 424.478 141.799 424.87 141.967C425.27 142.135 425.678 142.219 426.094 142.219C426.438 142.219 426.734 142.167 426.982 142.063C427.23 141.951 427.422 141.783 427.558 141.559C427.702 141.335 427.774 141.047 427.774 140.695C427.774 140.319 427.666 140.011 427.45 139.771C427.234 139.523 426.938 139.343 426.562 139.231C426.194 139.111 425.778 139.051 425.314 139.051L426.958 136.003H423.91Z" | ||
| fill="white"></path> | ||
| <line x1="205" y1="138.847" x2="253" y2="138.847" stroke="#990F3D"></line> | ||
| <path | ||
| d="M187 137.847C187 132.048 191.701 127.347 197.5 127.347C203.299 127.347 208 132.048 208 137.847V138.847C208 144.646 203.299 149.347 197.5 149.347C191.701 149.347 187 144.646 187 138.847V137.847Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M198.838 134.731V143.347H197.41V136.483L195.514 137.443V135.967L197.986 134.731H198.838Z" | ||
| fill="white"></path> | ||
| <line x1="306.5" y1="195.347" x2="306.5" y2="147.347" stroke="#990F3D"></line> | ||
| <path | ||
| d="M296 193.847C296 188.048 300.701 183.347 306.5 183.347C312.299 183.347 317 188.048 317 193.847V194.847C317 200.646 312.299 205.347 306.5 205.347C300.701 205.347 296 200.646 296 194.847V193.847Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M306.18 198.075H309.228V199.347H303.624L306.132 196.071C306.404 195.711 306.656 195.375 306.888 195.063C307.12 194.743 307.304 194.431 307.44 194.127C307.584 193.815 307.656 193.495 307.656 193.167C307.656 192.791 307.54 192.487 307.308 192.255C307.084 192.015 306.744 191.895 306.288 191.895C305.96 191.895 305.644 191.955 305.34 192.075C305.044 192.187 304.768 192.335 304.512 192.519C304.256 192.695 304.028 192.883 303.828 193.083V191.643C304.124 191.331 304.5 191.079 304.956 190.887C305.42 190.687 305.908 190.587 306.42 190.587C306.956 190.587 307.42 190.691 307.812 190.899C308.212 191.099 308.52 191.391 308.736 191.775C308.96 192.151 309.072 192.599 309.072 193.119C309.072 193.503 308.992 193.883 308.832 194.259C308.68 194.635 308.476 195.011 308.22 195.387C307.964 195.763 307.684 196.147 307.38 196.539L306.18 198.075Z" | ||
| fill="white"></path> | ||
| </svg> |
114 changes: 84 additions & 30 deletions
114
apps/for-everyone-website/src/components/OnboardingTooltipAnatomy.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,42 +1,96 @@ | ||
| --- | ||
| import { TooltipOnboarding } from '@financial-times/o3-tooltip/jsx'; | ||
| import { Button } from '@financial-times/o3-button/jsx'; | ||
| import {TooltipOnboarding} from '@financial-times/o3-tooltip'; | ||
| import {Button} from '@financial-times/o3-button'; | ||
| import '@financial-times/o3-tooltip/css/whitelabel.css'; | ||
| import '@financial-times/o3-tooltip/css/internal.css'; | ||
| import '@financial-times/o3-tooltip/css/core.css'; | ||
| import '@financial-times/o3-tooltip/css/professional.css'; | ||
| import '@financial-times/o3-tooltip/css/sustainable-views.css'; | ||
| --- | ||
| <svg class="not-content" aria-describedby="An annotated image of an onboarding tooltip." width="700" height="220" viewBox="0 0 700 220" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <foreignObject width="700" height="220" > | ||
| <div style="position: relative; width: 500px; height: 300px;"> | ||
| <Button attributes={{id: 'demo-onboarding-tooltip', style: { | ||
| position: 'absolute', | ||
| right: '60px', | ||
| top: '100px' | ||
| }}} label="Tooltip target" type="secondary" /> | ||
| <TooltipOnboarding targetId="demo-onboarding-tooltip" content="Lorem ipsum muta est. Scribere possum quicquid hic volo, et nihil potes de illo." title="Heading" contentId="demo-onboarding-tooltip-contnent" placement="left" /> | ||
| </div> | ||
| </foreignObject> | ||
| <path d="M86.0723 10.5C86.0723 4.97715 90.5494 0.5 96.0723 0.5V0.5C101.595 0.5 106.072 4.97715 106.072 10.5V10.5C106.072 16.0228 101.595 20.5 96.0723 20.5V20.5C90.5494 20.5 86.0723 16.0228 86.0723 10.5V10.5Z" fill="#990F3D"/> | ||
| <path d="M97.4103 6.884V15.5H95.9823V8.636L94.0863 9.596V8.12L96.5583 6.884H97.4103Z" fill="white"/> | ||
| <path d="M95.0723 20.5H97.0723V64.5C97.0723 65.0523 96.6246 65.5 96.0723 65.5V65.5C95.52 65.5 95.0723 65.0523 95.0723 64.5V20.5Z" fill="#990F3D"/> | ||
| <path d="M203.072 157.5C203.072 156.948 203.52 156.5 204.072 156.5V156.5C204.625 156.5 205.072 156.948 205.072 157.5V199.5H203.072V157.5Z" fill="#990F3D"/> | ||
| <path d="M194.072 209.5C194.072 203.977 198.549 199.5 204.072 199.5V199.5C209.595 199.5 214.072 203.977 214.072 209.5V209.5C214.072 215.023 209.595 219.5 204.072 219.5V219.5C198.549 219.5 194.072 215.023 194.072 209.5V209.5Z" fill="#990F3D"/> | ||
| <path d="M203.668 208.98C204.252 208.98 204.78 209.088 205.252 209.304C205.724 209.52 206.096 209.84 206.368 210.264C206.648 210.68 206.788 211.192 206.788 211.8C206.788 212.4 206.648 212.912 206.368 213.336C206.088 213.76 205.708 214.084 205.228 214.308C204.748 214.532 204.204 214.644 203.596 214.644C203.116 214.644 202.696 214.58 202.336 214.452C201.984 214.324 201.668 214.156 201.388 213.948V212.424C201.692 212.72 202.02 212.952 202.372 213.12C202.724 213.288 203.108 213.372 203.524 213.372C203.876 213.372 204.196 213.316 204.484 213.204C204.78 213.084 205.012 212.908 205.18 212.676C205.356 212.436 205.444 212.144 205.444 211.8C205.444 211.456 205.356 211.168 205.18 210.936C205.012 210.704 204.78 210.528 204.484 210.408C204.196 210.28 203.872 210.216 203.512 210.216C203.168 210.216 202.852 210.252 202.564 210.324C202.284 210.388 201.984 210.484 201.664 210.612L202.18 205.884H206.356V207.156H203.26L203.056 209.04C203.192 209.016 203.304 209 203.392 208.992C203.48 208.984 203.572 208.98 203.668 208.98Z" fill="white"/> | ||
| <path d="M0.0722656 127.5C0.0722656 121.977 4.54942 117.5 10.0723 117.5V117.5C15.5951 117.5 20.0723 121.977 20.0723 127.5V127.5C20.0723 133.023 15.5951 137.5 10.0723 137.5V137.5C4.54942 137.5 0.0722656 133.023 0.0722656 127.5V127.5Z" fill="#990F3D"/> | ||
| <path d="M9.75192 131.228H12.7999V132.5H7.19592L9.70392 129.224C9.97592 128.864 10.2279 128.528 10.4599 128.216C10.6919 127.896 10.8759 127.584 11.0119 127.28C11.1559 126.968 11.2279 126.648 11.2279 126.32C11.2279 125.944 11.1119 125.64 10.8799 125.408C10.6559 125.168 10.3159 125.048 9.85992 125.048C9.53192 125.048 9.21592 125.108 8.91192 125.228C8.61592 125.34 8.33992 125.488 8.08392 125.672C7.82792 125.848 7.59992 126.036 7.39992 126.236V124.796C7.69592 124.484 8.07192 124.232 8.52792 124.04C8.99192 123.84 9.47992 123.74 9.99192 123.74C10.5279 123.74 10.9919 123.844 11.3839 124.052C11.7839 124.252 12.0919 124.544 12.3079 124.928C12.5319 125.304 12.6439 125.752 12.6439 126.272C12.6439 126.656 12.5639 127.036 12.4039 127.412C12.2519 127.788 12.0479 128.164 11.7919 128.54C11.5359 128.916 11.2559 129.3 10.9519 129.692L9.75192 131.228Z" fill="white"/> | ||
| <path d="M20.0723 126.5H63.0723C63.6246 126.5 64.0723 126.948 64.0723 127.5V127.5C64.0723 128.052 63.6246 128.5 63.0723 128.5H20.0723V126.5Z" fill="#990F3D"/> | ||
| <path d="M265.072 10.5C265.072 4.97715 269.549 0.5 275.072 0.5V0.5C280.595 0.5 285.072 4.97715 285.072 10.5V10.5C285.072 16.0228 280.595 20.5 275.072 20.5V20.5C269.549 20.5 265.072 16.0228 265.072 10.5V10.5Z" fill="#990F3D"/> | ||
| <path d="M272.482 8.156V6.884H277.618L275.722 10.376C276.114 10.464 276.454 10.62 276.742 10.844C277.038 11.068 277.266 11.348 277.426 11.684C277.586 12.02 277.666 12.404 277.666 12.836C277.666 13.412 277.53 13.912 277.258 14.336C276.994 14.752 276.642 15.076 276.202 15.308C275.762 15.532 275.282 15.644 274.762 15.644C274.202 15.644 273.734 15.576 273.358 15.44C272.99 15.296 272.67 15.12 272.398 14.912V13.424C272.702 13.72 273.05 13.952 273.442 14.12C273.842 14.288 274.25 14.372 274.666 14.372C275.01 14.372 275.306 14.32 275.554 14.216C275.802 14.104 275.994 13.936 276.13 13.712C276.274 13.488 276.346 13.2 276.346 12.848C276.346 12.472 276.238 12.164 276.022 11.924C275.806 11.676 275.51 11.496 275.134 11.384C274.766 11.264 274.35 11.204 273.886 11.204L275.53 8.156H272.482Z" fill="white"/> | ||
| <path d="M274.072 20.5H276.072V64.5C276.072 65.0523 275.625 65.5 275.072 65.5V65.5C274.52 65.5 274.072 65.0523 274.072 64.5V20.5Z" fill="#990F3D"/> | ||
| <path transform="translate(123 -5)" d="M203.072 157.5C203.072 156.948 203.52 156.5 204.072 156.5V156.5C204.625 156.5 205.072 156.948 205.072 157.5V199.5H203.072V157.5Z" fill="#990F3D"/> | ||
| <path transform="translate(123 -5)" d="M194.072 209.5C194.072 203.977 198.549 199.5 204.072 199.5V199.5C209.595 199.5 214.072 203.977 214.072 209.5V209.5C214.072 215.023 209.595 219.5 204.072 219.5V219.5C198.549 219.5 194.072 215.023 194.072 209.5V209.5Z" fill="#990F3D"/> | ||
| <path transform="translate(-23 94)" d="M351.263 105.884L348.731 111.296H350.831V109.472H352.151V111.296H353.375V112.532H352.151V114.5H350.831V112.532H346.679L349.787 105.884H351.263Z" fill="#ffffff"/> | ||
| </svg> | ||
|
|
||
| <svg | ||
| class="not-content" | ||
| aria-describedby="An annotated image of an onboarding tooltip." | ||
| width="700" | ||
| height="220" | ||
| viewBox="0 0 700 220" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <foreignObject width="700" height="220"> | ||
| <div style="position: relative; width: 500px; height: 300px;"> | ||
| <Button | ||
| attributes={{ | ||
| id: 'demo-onboarding-tooltip', | ||
| style: { | ||
| position: 'absolute', | ||
| right: '60px', | ||
| top: '100px', | ||
| }, | ||
| }} | ||
| label="Tooltip target" | ||
| type="secondary" | ||
| /> | ||
| <TooltipOnboarding | ||
| targetId="demo-onboarding-tooltip" | ||
| content="Lorem ipsum muta est. Scribere possum quicquid hic volo, et nihil potes de illo." | ||
| title="Heading" | ||
| contentId="demo-onboarding-tooltip-contnent" | ||
| placement="left" | ||
| /> | ||
| </div> | ||
| </foreignObject> | ||
| <path | ||
| d="M86.0723 10.5C86.0723 4.97715 90.5494 0.5 96.0723 0.5V0.5C101.595 0.5 106.072 4.97715 106.072 10.5V10.5C106.072 16.0228 101.595 20.5 96.0723 20.5V20.5C90.5494 20.5 86.0723 16.0228 86.0723 10.5V10.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M97.4103 6.884V15.5H95.9823V8.636L94.0863 9.596V8.12L96.5583 6.884H97.4103Z" | ||
| fill="white"></path> | ||
| <path | ||
| d="M95.0723 20.5H97.0723V64.5C97.0723 65.0523 96.6246 65.5 96.0723 65.5V65.5C95.52 65.5 95.0723 65.0523 95.0723 64.5V20.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M203.072 157.5C203.072 156.948 203.52 156.5 204.072 156.5V156.5C204.625 156.5 205.072 156.948 205.072 157.5V199.5H203.072V157.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M194.072 209.5C194.072 203.977 198.549 199.5 204.072 199.5V199.5C209.595 199.5 214.072 203.977 214.072 209.5V209.5C214.072 215.023 209.595 219.5 204.072 219.5V219.5C198.549 219.5 194.072 215.023 194.072 209.5V209.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M203.668 208.98C204.252 208.98 204.78 209.088 205.252 209.304C205.724 209.52 206.096 209.84 206.368 210.264C206.648 210.68 206.788 211.192 206.788 211.8C206.788 212.4 206.648 212.912 206.368 213.336C206.088 213.76 205.708 214.084 205.228 214.308C204.748 214.532 204.204 214.644 203.596 214.644C203.116 214.644 202.696 214.58 202.336 214.452C201.984 214.324 201.668 214.156 201.388 213.948V212.424C201.692 212.72 202.02 212.952 202.372 213.12C202.724 213.288 203.108 213.372 203.524 213.372C203.876 213.372 204.196 213.316 204.484 213.204C204.78 213.084 205.012 212.908 205.18 212.676C205.356 212.436 205.444 212.144 205.444 211.8C205.444 211.456 205.356 211.168 205.18 210.936C205.012 210.704 204.78 210.528 204.484 210.408C204.196 210.28 203.872 210.216 203.512 210.216C203.168 210.216 202.852 210.252 202.564 210.324C202.284 210.388 201.984 210.484 201.664 210.612L202.18 205.884H206.356V207.156H203.26L203.056 209.04C203.192 209.016 203.304 209 203.392 208.992C203.48 208.984 203.572 208.98 203.668 208.98Z" | ||
| fill="white"></path> | ||
| <path | ||
| d="M0.0722656 127.5C0.0722656 121.977 4.54942 117.5 10.0723 117.5V117.5C15.5951 117.5 20.0723 121.977 20.0723 127.5V127.5C20.0723 133.023 15.5951 137.5 10.0723 137.5V137.5C4.54942 137.5 0.0722656 133.023 0.0722656 127.5V127.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M9.75192 131.228H12.7999V132.5H7.19592L9.70392 129.224C9.97592 128.864 10.2279 128.528 10.4599 128.216C10.6919 127.896 10.8759 127.584 11.0119 127.28C11.1559 126.968 11.2279 126.648 11.2279 126.32C11.2279 125.944 11.1119 125.64 10.8799 125.408C10.6559 125.168 10.3159 125.048 9.85992 125.048C9.53192 125.048 9.21592 125.108 8.91192 125.228C8.61592 125.34 8.33992 125.488 8.08392 125.672C7.82792 125.848 7.59992 126.036 7.39992 126.236V124.796C7.69592 124.484 8.07192 124.232 8.52792 124.04C8.99192 123.84 9.47992 123.74 9.99192 123.74C10.5279 123.74 10.9919 123.844 11.3839 124.052C11.7839 124.252 12.0919 124.544 12.3079 124.928C12.5319 125.304 12.6439 125.752 12.6439 126.272C12.6439 126.656 12.5639 127.036 12.4039 127.412C12.2519 127.788 12.0479 128.164 11.7919 128.54C11.5359 128.916 11.2559 129.3 10.9519 129.692L9.75192 131.228Z" | ||
| fill="white"></path> | ||
| <path | ||
| d="M20.0723 126.5H63.0723C63.6246 126.5 64.0723 126.948 64.0723 127.5V127.5C64.0723 128.052 63.6246 128.5 63.0723 128.5H20.0723V126.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M265.072 10.5C265.072 4.97715 269.549 0.5 275.072 0.5V0.5C280.595 0.5 285.072 4.97715 285.072 10.5V10.5C285.072 16.0228 280.595 20.5 275.072 20.5V20.5C269.549 20.5 265.072 16.0228 265.072 10.5V10.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| d="M272.482 8.156V6.884H277.618L275.722 10.376C276.114 10.464 276.454 10.62 276.742 10.844C277.038 11.068 277.266 11.348 277.426 11.684C277.586 12.02 277.666 12.404 277.666 12.836C277.666 13.412 277.53 13.912 277.258 14.336C276.994 14.752 276.642 15.076 276.202 15.308C275.762 15.532 275.282 15.644 274.762 15.644C274.202 15.644 273.734 15.576 273.358 15.44C272.99 15.296 272.67 15.12 272.398 14.912V13.424C272.702 13.72 273.05 13.952 273.442 14.12C273.842 14.288 274.25 14.372 274.666 14.372C275.01 14.372 275.306 14.32 275.554 14.216C275.802 14.104 275.994 13.936 276.13 13.712C276.274 13.488 276.346 13.2 276.346 12.848C276.346 12.472 276.238 12.164 276.022 11.924C275.806 11.676 275.51 11.496 275.134 11.384C274.766 11.264 274.35 11.204 273.886 11.204L275.53 8.156H272.482Z" | ||
| fill="white"></path> | ||
| <path | ||
| d="M274.072 20.5H276.072V64.5C276.072 65.0523 275.625 65.5 275.072 65.5V65.5C274.52 65.5 274.072 65.0523 274.072 64.5V20.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| transform="translate(123 -5)" | ||
| d="M203.072 157.5C203.072 156.948 203.52 156.5 204.072 156.5V156.5C204.625 156.5 205.072 156.948 205.072 157.5V199.5H203.072V157.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| transform="translate(123 -5)" | ||
| d="M194.072 209.5C194.072 203.977 198.549 199.5 204.072 199.5V199.5C209.595 199.5 214.072 203.977 214.072 209.5V209.5C214.072 215.023 209.595 219.5 204.072 219.5V219.5C198.549 219.5 194.072 215.023 194.072 209.5V209.5Z" | ||
| fill="#990F3D"></path> | ||
| <path | ||
| transform="translate(-23 94)" | ||
| d="M351.263 105.884L348.731 111.296H350.831V109.472H352.151V111.296H353.375V112.532H352.151V114.5H350.831V112.532H346.679L349.787 105.884H351.263Z" | ||
| fill="#ffffff"></path> | ||
| </svg> | ||
|
|
||
| <script> | ||
| import '@financial-times/o3-tooltip'; | ||
| import '@financial-times/o3-tooltip'; | ||
| </script> |
2 changes: 1 addition & 1 deletion
2
apps/for-everyone-website/src/components/PaginationAnatomy.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.